4.27 前端开发日报

最新推荐文章于 2020-06-24 11:42:19 发布

前端开发博客

最新推荐文章于 2020-06-24 11:42:19 发布

阅读量425

点赞数

文章标签： java js css html vue

原文链接：http://caibaojian.com/fe-daily-20190427.html

版权

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

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

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 动态生成，搜索引擎无法爬取（谷歌目前已经可以...