html
关注
分享
扫一扫
wang_kai_7
这个作者很懒，什么都没留下…
展开
-
原生js实现懒加载效果
demoview阅览图片地址参考关于懒加载的实践部分主要参考原生js实现图片懒加载（lazyLoad） - 天之蓝源的文章 - 知乎关于节流部分的使用主要参考的是JS简单实现防抖和节流说明本次懒加载实现主要使用getBoundingClientRect() 这个apithrottle 函数两个都可以用data-default 用来判断是否加载过了...原创 2019-03-23 13:20:09 · 582 阅读 · 0 评论 -
一个备忘录/todolist
网页预览version1version2是根据用户实现的代码地址：github功能描述version1 version2 实现的效果相同，不同点在于version2中加入了：本地保存（localstorage） 模块化（es6模块化） 响应式布局涉及到的知识bind/apply/call的区别 弹出框的设计 原生js动画的实现 js原始值和引用值的区分...原创 2018-12-16 16:58:57 · 506 阅读 · 0 评论 -
日历组件（模仿jqueryui）
效果图：网页预览：demo代码地址：代码地址实现功能：改变日期（增大、减少） 显示当前日期（不同颜色标识） 选择日期原创 2018-11-26 21:59:22 · 1319 阅读 · 2 评论 -
进度条实现
效果图：网页预览：demo代码地址：地址写的过程中遇到的一些问题等也写在这里原创 2018-11-24 18:43:11 · 281 阅读 · 0 评论 -
折叠面板小插件
效果图：在线页面：页面预览代码地址：https://github.com/wkstudy/smallplugs/tree/master/panel说明：只需保证页面最多有一个面板是显示状态就行了原创 2018-11-18 16:31:55 · 576 阅读 · 0 评论 -
完成类似于jqueryui 缩放组件
效果图：代码地址：代码地址演示页面：demo写demo过程中用到的knowledge、关键思路和犯的error：记录md进行的判断包括：1. 阻止文本被选中2. 鼠标的在不同边时的样式3. 改变大小4. 子元素不能超过父元素 ...原创 2018-11-09 12:05:18 · 193 阅读 · 0 评论 -
tab(选项卡)
模仿layui效果图如下：两者除了css方面不同，一个用border属性实现，一个用伪元素实现，其他逻辑都相同,在readme.md中有详细介绍在线预览：demo1.html在线预览：demo2.html代码及思路地址：代码及思路思路截图： ...原创 2018-10-11 15:45:40 · 851 阅读 · 1 评论 -
一个水平、垂直的导航demo
模仿layui做的水平和垂直导航代码地址：代码地址阅览地址：预览页面gif:原创 2018-10-06 17:20:16 · 1356 阅读 · 0 评论 -
模仿天猫图片放大demo
演示网址代码实例用到的知识和思路也写在了github里：网址为：https://github.com/wkstudy/smallplugs/blob/master/picEnlarge/README.md欢迎探讨原创 2018-09-29 17:38:10 · 334 阅读 · 0 评论 -
写了一个模仿网易云音乐APP轮播图的小demo
效果图：放在了github上，里面有比较详细的注释和思路的转变效果演示：效果演示代码地址:l轮播图代码地址实现功能：定时切换（3s） 鼠标放上去停止切换 点击左右图片进行图片切换 鼠标放上去显示向左向右按钮，鼠标移下来再次隐藏 点击向左向右按钮进行相应切换 鼠标放到下方的线上，停止定时切换，并进行相应的切换 鼠标离开下方的线，重新开始定时切换 ...原创 2018-09-27 11:17:55 · 2493 阅读 · 5 评论