vue.js是渐进增强的视图库，可以作为.html页面部分使用，也可以结合vue-router、vuex、axios用来构建单页面或多页面应用。以开发单页面为例，开发过程中为遇到，不同的页面需要使用不同的页面布局情况，下面我们将探索Vue.js中处理布局的多种方式。 构建Vue…

因为webpack也已经到了 4.1 的版本了，所以顺带把webpack3迁移到了webpack4。 所以vue-ssr也可以理解为就是把我们以前在客户端写的 .vue文件 转换成 html片段，返回给客户端。 实际上当然是会复杂点，比如服务端 返回 html 片段，客户端直接…

nodejs 社区乃至 Web 前端工程化领域发展到今天，作为 node 自带的包管理工具的 npm 已经成为每个前端开发者必备的工具。但是现实状况是，我们很多人对这个nodejs基础设施的使用和了解还停留在: 会用 npm install 这里（一言不合就删除整个 node_…

1. UI层的松耦合 很多设计模式是为了解决紧耦合的问题。如何做到松耦合，当修改一个组件而不需要更改其它地方的组件的时候，我们可以说这就是做到了松耦合，也是提高代码可维护性的关键所在。 1-1. 将JS从Css中抽离出来 1-2. 将CSS从JS中抽离出来 当需要通过js来修改…

前段时间项目组计划快速开发一个新的App项目，App开发那边提供壳子和部分系统级功能，所有的页面由h5完成，考虑兼容性安卓4.1及ios7.1。全新的项目，没有历史包袱，就尝试了新的开发模式，采用了webpack + vue-cli + vue-router + es6 + a…

在开发好页面后，如何让页面更快更好的运行，是区分一个程序猿技术水平和视野的一个重要指标。所以面试时，面试官总会问你一个问题，如何进行性能优化呢？ 如果你这时是头脑一片空白，或是像之前的我一样，靠死记硬背或是之前的经历，答一下压缩代码，打包代码，雪碧图，cdn，事件代理，这说明你…

本文主要根据网上资源总结而来，如有不对，请斧正。 在进入正式的主题之前我们来探究探究这个历史问题，嗯，还是有点价值的哈，因为JS若不是单线程的也就不会衍生出后来的异步任务以及事件环了嘛。 js最开始时是跑在浏览器端的，主要的作用是与用户互动（接收用户输入并给出自定义的响应）以及…

Promise，js异步编程的流行解决方案，相比于古老的回调函数等方式，它更科学，更优雅。它来自民间，后被官方招安。 本文将从介绍用法开始，一步步了解Promise，探究源码，最终根据官方规范手写一个Promise。 1. How Promise? 报错信息告诉我们，Promi…

HappyPack就能让Webpack把任务分解给多个子进程去并发的执行，子进程处理完后再把结果发送给主进程。 happypack