获得徽章 9
文章介绍了两种屏幕适配的方案，第一种是使用rem，文章介绍的是使用postcss-pxtorem进行自动转换，比我在项目中自己去转换方便多了，而且也避免了计算错误的问题。第二种是基于scale的适配方案，使用transform中的scale进行缩放，定义一个resize文件，计算比例然后使用scale缩放，在需要缩放的地方引入resize文件即可。
评论
点赞
文章介绍了两种实现苹果官网炫酷效果的方式：第一种是background-clip 设置元素的背景（背景图片或颜色）是否延伸到边框、内边距盒子、内容盒子下面。然后实现一个从透明到渐变色到透明的渐变背景即可，随着鼠标的滚动移动背景的 background-position。第二种是使用 mix-blend-mode 实现，借助不同的混合模式，可以实现不同的颜色叠加效果。
评论
点赞
在vue中动态引入的图片为什么要使用require，之前还没想过这个问题，看到本篇文章才了解，动态添加src会被当成静态资源处理，并不会进行编译，作者还深入的进行了介绍。静态资源是指直接放在项目中的资源，而动态资源是指需要发送请求获取到的资源。编译以后静态引入的资源会按照打包后的地址来处理，但是动态引入的静态地址并不会这么处理，还是会按照直接写入的静态资源地址去寻找，肯定会找不到。而使用require后，会对图片做处理，通常会将小于8k的文件转成base64的格式来处理，而大于8k的会打包成一个可以查询找到的url，至此就可以正常渲染。
展开
评论
点赞
文章介绍了iframe的概念创建以及通信，在入职现在的公司之前是没有接触过iframe的，但是来了这家公司后，发现好多项目都要用到，我问领导为什么要用iframe封装成npm组件不行嘛，领导说为了避免主项目的频繁发版，后来也就各种项目都在用iframe。弊端肯定是有的，比如浏览器升级后cookie写不进去，整个系统都崩溃了，最后才批量解决。不过总的来说还是有一定好处的。
评论
点赞
文章中介绍了git的常用命令，在实际应用中，接到一个需求后，先从master上拉一个feature分支来开发自己的需求，在开发完成后合并到dev分支发布dev环境进行前后端自测，然后合并到test分支进行提测，若需要在预发布环境验证数据，则合并到pre分支进行发布，最后合并到master分支打tag进行上线。修复bug也是如此的流程。
评论
点赞
在构建时使用 —report 命令可以查看项目打包体积分布的情况，通过 —progress 可以查看打包耗时。优化代码时可以按照报告中的模块体积来优化，删除没用的代码，然后按需引入一些库，并且尽量引用小体积的库，开启Gzip，生产环境关闭 sourcemap 以及删除 console 等方式。
评论
点赞
在需要自适应适配时可以不使用rem的方式，我在项目中会使用vw来做为单位然后根据蓝湖设计稿的数据进行计算对应的尺寸，但是作者提供了一种scale的方式来进行缩放，也是使用电脑宽度和设计稿宽度来计算一个比例进行缩放～
评论
点赞