给 「前端开发博客」 加星标，每天打卡学习

长按二维码即可识别“进入网页”查看哟~

1、你不知道的JavaScript上 之 作用域与闭包

本文会用导图梳理本书的脉络，由于是导读， 正文部分只会列举重点内容 ，非重点内容会简单介绍，欢迎讨论与阅读原文。此外本文 适合未读过此书的同学参考是否需要阅读 ，另外 读过此书的同学，可以尝试回答文初的问题及顺着导图回忆本书内容 ，如果非常流畅那么相信您对书中的知识的理解是过关的。上一篇我们讲了本...

https://juejin.im/post/5cb1308df265da039b085e69

2、基于 vue 的移动端页面可视化搭建工具思路

首先我承认我标题党了。。。与其说是可视化搭建工具，不如说是可视化生成页面配置工具，即用拖拽的方式生成页面配置，再通过框架的动态组件的方式，基于配置，生成页面。现在的公司，一个个都开始整自己的组件库，组件库搭建好以后，通过业务积累、聚合基础组件及抽象部分业务代码，又会产出复用性比较高的区块库，而...

https://juejin.im/post/5cc072bef265da038f774505

3、最全的前端模块化方案

模块化主要是用来抽离公共代码，隔离作用域，避免变量冲突等。将一个复杂的系统分解为多个模块以方便编码。会讲述以下内容 CommonJS AMD 及 核心原理实现 CMD 及 核心原理实现 UMD 及 源码解析 ES6 Module webpack打包策略 CommonJS 同步加载 CommonJS API是以在浏览器环境之外...

https://segmentfault.com/a/1190000018982665

4、一百行js代码实现一个校验工具

源码：git仓库 欢迎star & fork ～～ 做过校验需求的小伙伴们都知道，校验其实是个麻烦事。规则多，需要校验的字段多，都给我们前端带来巨大的工作量。一个不小心，代码里就出现了不少 if else 等不可维护的代码。因此，我觉得一个团队或者是一个项目，需要一个校验工具，简化我们的工作。...

https://juejin.im/post/5cc16951e51d45400f5d5852

5、手撸 JavaScript 模板引擎

当下前端充斥着各种各样的开发框架：React，Vue 等等。然而大多数这些框架的设计模式是采用了以数据为核心的 MVVM 模式。MVC 的开发模式已经离我们渐行渐远。对于 MVVM 模式来说，最核心的部件就是一个围绕数据的模板引擎。模板引擎分为前端和后端 前端常用的模板引擎如：mustache.js，渲染是在客户端完成...

https://juejin.im/post/5cc0c33be51d456e537ef32b

6、NodeJS FS模块 API

1、读取文件readFile函数 //readFile(filename, ,callback); /** * filename, 必选参数，文件名 * ,可选参数，可指定flag（文件操作选项，如r+ 读写；w+ 读写，文件不存在则创建）及encoding属性 * callback 读取文件后的回调函数，参数默认第一个err,第二个data 数据 */ fs.readFile(__dirnam...

https://juejin.im/post/5cc169845188250aa35bb50d

7、babel7使用分析

babel7 重新理解 测试环境 node 10.14.1 Babel 7.4.3 Babel 是什么？Babel 是一个工具链，主要用于将 ECMAScript2015+版本的代码转换为向后兼容的 Javascript 代码，以便能够运行在当前和旧版本的浏览器或其他环境中。Babel 主要功能点：语法转换 垫片兼容处理，通过 Polyfill 方式在目标环...

http://donglegend.com/2019/04/25/babel7%E4%BD%BF%E7%94%A8%E5%88%86%E6%9E%90/

8、2019前端基础面试秘籍

一、html和css部分 1、如何理解CSS的盒子模型？标准盒子模型：宽度=内容的宽度（content）+ border + padding + margin 低版本IE盒子模型：宽度=内容宽度（content+border+padding）+ margin 复制代码 2、BFC？* 什...

https://juejin.im/post/5cb92d9a5188254160581b87

9、Webpack打包优化：使用外链与拆包模式

这是一个基于 vue-cli 的管理后台项目，由于依赖较多，打包结果如下 二、查找原因 为什么 vendor 体积这么大？引用的库太多时，vendor的体积会很大，借助 Webpack 的分析工具，看了下各个依赖的体积分布 找到原因，是 Highcharts 和 Element-UI占了较大体积，导致性能减弱。这两个库都...

https://juejin.im/post/5cc1237ae51d456e3e7a3b90

10、从0带您打造企业级 Vue 服务器渲染 Nuxt.js (一) 入门

首先不管是Vue React Angular 等单页面应用渲染是从服务器获取所需Js，在客户端将其解析生成 HTML， 这样会带来几个问题。首屏先去服务器请求完成 Js 然后再由 Js 生成 HTML 元素，这会导致网站首屏加载缓慢，不利于用户体验。页面的 HTML 元素都是由后期的 Js 动态生成，搜索引擎无法爬取（谷歌目前已经可以...

https://juejin.im/post/5c2c2b696fb9a049fc03a149

11、掘金小册全网八折

热门前端掘金小册，全网八折：前端面试之道、Vue组件精讲、使用WebPack定制前端开发环境。

http://caibaojian.com/goods

12、前端开发技术日报

每日分享互联网最精彩的前端技术、前端资讯

https://github.com/kujian/frontendDaily

喜欢这篇文章的朋友
欢迎分享到朋友圈 或者技术交流群
关注「前端开发博客」加星标，不错过每日热文

每日更新 ???? 关注不迷路！

万水千山总是情，点个好看行不行?