better-fe 技术周刊 - 2019/05/20

男娘i 2022-01-20 06:17 207阅读 0赞

## 深阅读 ##

#### [如何使用vw实现移动端适配][vw] ####

推荐理由：使用vw适配移动端目前市面上的设备已经支持的很好了，但是如何快且方便的把设计稿的尺寸转成vw，想必还有很多同学不知道有什么高效工具。本文从几个postcss的插件讲起，一一列举其作用，一旦掌握，能够让我们的移动端开发大大提效。

#### [【源码拾遗】从vuerouter看前端路由的两种实现][vuerouter] ####

推荐理由：VUE作为前端最火的几大框架之一，我们使用它实现SPA产品的同时，是否有过这样的疑惑：为什么我的URL改变了，但没有想服务端发送请求来获取前端资源？带着这样的问题我们通过读这边blog来分析vuerouter是如何通过hash与Historyinterface两种方式实现前端路由的。

#### [玩转ChromeDevTools，前端调试的秘诀][ChromeDevTools] ####

推荐理由：ChromeDevTools作为一名前端开发工程师的赖以生存的工具，我们经常使用其中的一些基本操作，那么，你还知道他的一些高级用法吗？本篇列举了chrome调试的一些高级用法，带你玩转ChromeDevTools。

#### [?如何快速开发一个自己的项目脚手架？][Link 1] ####

推荐理由：最近在重构我们自己的脚手架，当时在开发时没有终结出经验。正好这篇文章就很系统的介绍了如何去开发一个脚手架，值得我们去学习。并且里面还有一些开发脚本工具的小技巧，也可以用于其他脚本开发中。

#### [Web使用CSSShapes的艺术设计][Web_CSSShapes] ####

推荐理由：CSS3确实给页面带来了很多优秀的体验，可是有很多开发者对于CSSShapes的一些高级用法却不太熟悉，细心发现后可以做很多有趣的事情。本文列举了五个例子，带你熟悉并掌握它的用法，使用起来去吸引用户的注意力吧，但别忘记考虑其兼容性。

#### [vue应用性能优化延迟加载vuex模块][vue_vuex] ####

推荐理由：vue性能优化模块很多，路由模块、组件模块、首页渲染速度等，今天给大家推荐一篇vuex模块性能优化文章，减小项目打包文件大小，减少浏览器加载资源，减少用户流量开支，快快来get起来~~

## 新鲜货 ##

#### [从今天开始，拿起VuePress打造属于自己的专属博客][VuePress] ####

推荐理由：在搭建自己的博客系统或者内容系统的时候，如果你更关心内容的质量而不是系统的形式。你完全可以使用Vue官方维护的VuePress进行前期的使用，它是一个完全基于Vue而实现的，搭建的过程也比较轻松，重要的是他可以在开发状态下的同步的把Markdown编译为HTML获得预览，这对开发者来讲还是很开心的。这篇文章就带你简单了解他的使用和搭建过程。

#### [JS正则表达式完整教程及史上最全常用正则表达式][JS] 及 [史上最全常用正则表达式][Link 2] ####

推荐理由：工作中难免会用到正则校验一些数据，同时，正则表达式可以作为衡量程序员水平的一个侧面标准。很多不太懂正则的朋友，在遇到需要用正则校验数据时，往往是在网上去找很久，结果找来的还是不很符合要求。想要学习并掌握常用正则，这两篇文章足够了。

#### [关于移动端适配，你必须要知道的][Link 3] ####

推荐理由：在解决移动端适配问题的过程中，我们往往会遇到非常多的概念：像素、分辨率、PPI、DPI、DP、DIP、DPR、视口等等，你真的能分清这些概念的意义吗？这篇文章将从移动端适配的基础概念出发，探究移动端适配各种问题的解决方案和实现原理，干货满满，值的学习。

#### [探索Serverless中的前端开发模式][Serverless] ####

推荐理由：前端是一个更新迭代很迅速的职业，打好基础的同时，也需要保持敏锐的嗅觉，关注前沿的技术动向，方能保持自身的竞争力，而最近关于Serverless的讨论越来越多。它的出现，会为前端带来什么，会产生变革性的影响么，本篇文章给出了全面的视角，且深入浅出，相信读完会让你产生一定的思考

[vw]: https://juejin.im/entry/5aa09c3351882555602077ca
[vuerouter]: https://link.juejin.im?target=https%3A%2F%2Fzhuanlan.zhihu.com%2Fp%2F27588422
[ChromeDevTools]: https://juejin.im/post/5cd54ca5e51d45368a619a8b
[Link 1]: https://link.juejin.im?target=https%3A%2F%2Fsegmentfault.com%2Fa%2F1190000019219648
[Web_CSSShapes]: https://juejin.im/post/5cdba21051882568841f0f47#heading1
[vue_vuex]: https://link.juejin.im?target=https%3A%2F%2Fsegmentfault.com%2Fa%2F1190000019229823
[VuePress]: https://juejin.im/post/5cd7d3286fb9a0323a01d29a
[JS]: https://juejin.im/post/5965943ff265da6c30653879
[Link 2]: https://link.juejin.im?target=https%3A%2F%2Fmp.weixin.qq.com%2Fs%2FN4iMaojcLeG1YT3fcSnDSQ
[Link 3]: https://juejin.im/post/5cddf289f265da038f77696c
[Serverless]: https://juejin.im/post/5cdc3dc2e51d453b6c1d9d3a