摘要：
首先先看设计稿 图中的12345便是主角进度条。 分析需求如下：线的长度不固定，适应移动端和pc端点平均地分布在一条线上点的个数不固定，可能会改变激活的点之间线的颜色是绿色的 两种种方式 百分比宽度切分和flex布局 贴上代码HTML <!DOCTYPE html> <html> <head> <m 阅读全文
posted @ 2020-05-13 14:53
热爱前端知识
阅读(615)
评论(0)
推荐(0)
摘要：
vue-image-cropper 基于vue的图片压缩裁剪插件 1.功能说明 图片压缩，图片裁剪，vue图片压缩，vue图片裁剪，vue-image-cropper，解决了部分机型方向不对的问题，同时可以对图片进行尺寸和质量的压缩 2.效果演示(chrome调试模式下或者手机打开) 3.本地运行 阅读全文
posted @ 2020-05-13 14:14
热爱前端知识
阅读(307)
评论(0)
推荐(0)
摘要：
再看本篇文章之前，本人还是建议想入坑react的童鞋可以选有create-react-app来创建react的项目，因为现在dva和roadhog还不成熟，坑相对要多一些，当然如果你已经做好跳坑的准备，那么请继续往下走； 本文适合对 ES6+webpack 有一定了解的人。没有的了解的同学可以先看看 阅读全文
posted @ 2020-05-13 11:47
热爱前端知识
阅读(845)
评论(0)
推荐(0)
摘要：
技术栈：后端nodejs，前端jquery+d3+svg；实现的目标: 可视化分析js模块之间的依赖关系， 以及手动修改的功能。从项目构思，到第一个版本正式发布，经历了大约两个月时间。这苦逼的两个月，我的头发不知道掉了多少，心酸啊。先来一张效果图,犒劳一下自己（窃喜）： 作为UI的我，有什么好怕的， 阅读全文
posted @ 2020-05-13 11:08
热爱前端知识
阅读(150)
评论(0)
推荐(0)
摘要：
项目地址 git传送门（内附项目预览） Weex环境配置 npm install -g weex npm install -g weexpack # weex客户端的cli npm install -g weex-toolkit # 安装调试工具 ios依赖Cocopod环境 探坑总结 1.div无 阅读全文
posted @ 2020-05-13 10:20
热爱前端知识
阅读(391)
评论(0)
推荐(0)
摘要：
- call、apply:在 javascript 中，call 和 apply 都是为了改变某个函数运行时的上下文（context）而存在的，换句话说，就是为了改变函数体内部 this 的指向。 JavaScript 的一大特点是，函数存在「定义时上下文」和「运行时上下文」以及「上下文是可以改变的 阅读全文
posted @ 2020-05-13 09:25
热爱前端知识
阅读(177)
评论(0)
推荐(0)
摘要：
用window.DeviceMotionEvent来判断手机浏览器是否支持访问硬件资源，window.addEventListener('devicemotion',deviceMotionHandler,false);通过上一句代码来对该事件进行监听，第一个参数是事件类型，第二个参数是一个func 阅读全文
posted @ 2020-05-13 08:35
热爱前端知识
阅读(623)
评论(0)
推荐(0)
浙公网安备 33010602011771号