风清云淡_A
知识在于积累,成功在于坚持
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
【原生js案例】让你的移动页面实现自定义的上拉加载和下拉刷新
使用定时器实现缓动回弹动画注意定时器的清楚时机。原创 2024-12-21 15:47:20 · 568 阅读 · 0 评论 -
【webApp之h5端实战】实现微信端h5活动页webApp
这个教程会实现一个完整的h5端webapp,纯原生js不依赖第三方任何框架,效果可以移植到微信小程序和公众号。感兴趣的可以关注下这个系列文章,最好订阅不迷路。原创 2024-11-28 09:04:32 · 415 阅读 · 0 评论 -
【webApp之h5端实战】首页页面结构及轮播图自动轮播和拖动切换的实现
轮播图的功能原理很简单,就是改变最外层盒子的left值,或者是tanslateX的值H5端的事件处理要用touch事件,尽量不要用click等,避免延迟出现,影响到用户体验注意我这里没有将px处理成rem等相对单位,是针对特定的屏幕来做的,如果要多屏适应,还是要换算成rem才行。原创 2024-11-28 22:58:40 · 908 阅读 · 0 评论 -
【webApp之h5端实战】首页页面结构及单选按钮功能的实现
h5端的按钮系统自带的一般都很丑,需要我们进行二次美化,比如单选按钮复选框之类的,那怎么对其进行html和css的改造?原创 2024-11-29 22:50:14 · 454 阅读 · 0 评论 -
【webApp之h5端实战】首页页面结构及评分组件功能的实现
熟悉原生获取dom,绑定原生事件下步完善剩余的相关功能。原创 2024-11-29 10:52:11 · 651 阅读 · 0 评论 -
【webApp之h5端实战】首页评分组件的原生实现
评分组件的关键点还是在背景图片的处理上,位置移动。当前你也可以用其他的思路,不同的iconfont来切换也行的。在迭代过程中的当前元素的index,索引需要准确找到,才能正确处理右边的描述文字,根据索引去描述文字的数组里面取就可以了。原创 2024-12-03 12:01:54 · 238 阅读 · 0 评论 -
【webApp之h5端实战】项目基础结构搭建及欢迎页面的实现
这是一个实战项目的webapp,主要是使用原生来实现我们的业务。预览下面的实战效果,我们将会从0到1实现这个系列的项目。包括大量的原生js知识,css3动画的开发,以及页面的交互实现。原创 2024-12-02 17:51:05 · 400 阅读 · 0 评论