![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
工具
gp5251
这个作者很懒,什么都没留下…
展开
-
关于前端开发中mock数据的方法
前端开发中需要去调用后端的接口,如果后端还没有ready,为了不block开发进程,前端就需要自行mock数据。我们常用的方法大概以下两种:通过一个线上mock数据平台,如: Easy Mock通过本地server。第一种方法需要联网操作,我是碰到过几次网络链接不上的情况,,也可能是我自己的网络问题。第二种方法,往往需要我们自己去写各种路由规则,如:app.get('/api/ge...原创 2020-03-20 19:10:01 · 893 阅读 · 0 评论 -
让webpack自动上传静态资源到阿里云oss
我们在使用webpack打包好文件后,如果希望webpack可以自动上传静态资源(如js,css等)到阿里云oss上,可以使用webpack-aliyun-oss这款插件,具体方法如下:首先安装webpack-aliyun-oss插件$ npm i webpack-aliyun-oss -D然后修改webpack配置文件const WebpackAliyunOss = req...原创 2019-03-30 12:44:35 · 3748 阅读 · 1 评论 -
一款页面开发神器,视觉还原可以如此简单
作为一名前端工程师,经常因为做出的页面和UI设计稿之间存在一些偏差,导致和UI同学反复沟(si)通(bi),这个过程很让人沮丧是不是??其实要避免这种情况很简单,一款chrome插件就可以很方便帮助工程师和设计师做UI走查。它的原理是在当前页面上叠加了一层设计稿,可以自由拖拽拉伸,调整透明度等等,页面和设计稿之间的差异一目了然有木有?在方便自己的同时也希望可以方便到更多人,推荐给大家一起使用。...转载 2019-06-13 23:03:31 · 355 阅读 · 0 评论 -
测量网页元素的大小和间距的利器
一般而言,对于测量页面某个元素的大小,直接f12打开开发者工具inspect目标元素就好了,但如果要测量其他,如两个元素间的距离,是不是就没那么方便了?这里安利一款chrome插件,better ruler,可以很方便的测量各种距离,更重要的是,它支持吸附到元素,再也不用眯着眼去量一两像素的差异了。点击插件图标即可开始测量,再次点击将退出测量。 移动鼠标的同时按住A...原创 2019-08-30 13:45:17 · 7732 阅读 · 0 评论