冯淼森的博客

码农一枚

webpack-ProvidePlugin

参考资料 ProvidePlugin ...

Posted by fengmiaosen on 2017-04-12

webpack之plugin内部运行机制

简介webpack作为当前最为流行的模块打包工具，几乎所有的主流前端开发框架（React、Vue等）都会将其作为默认的模块加载和打包工具。通过简单的配置项，使用各种相关的loader和plugin，我们就可以实现自动的模块依赖分析并打包，从而大大降低了前端项目的开发复杂度，明显提高了前端项目的开发效率。其中，plugin是webpack核心支柱功能，通过plugin（插件）webpack可......

Posted by fengmiaosen on 2017-03-21

从一道前端面试题看JavaScript的核心运行机制

12345678910111213setTimeout(function() { console.log(1)}, 0);new Promise(function executor(resolve) { console.log(2); for( var i=0 ; i<10000 ; i++ ) { i == 9999 &&a......

Posted by fengmiaosen on 2017-03-15

装饰模式 —— ES7之Decorator实现

参考资料：聊聊设计模式（4）：装饰模式 MuseFind：编写React组件的最佳实践 Our Best Practices for Writing React Components 装饰器 ...

Posted by fengmiaosen on 2017-02-14

基于ECMAScript stage-3提议import()特性动态加载js模块

参考资料 ES proposal: import() Stage 3 Draft babel-plugin-dynamic-import-webpack JavaScript ES7 中使用 async/await 解决回调函数嵌套问题 tc39/proposals proposal-dynamic-import ...

Posted by fengmiaosen on 2017-01-13

React组件生命周期

参考资料 React.Component React Component Lifecycle 图解React组件生命周期 ...

Posted by fengmiaosen on 2017-01-10

基于webpack实现react组件的按需加载

随着web应用功能越来越复杂，模块打包后体积越来越大，如何实现静态资源的按需加载，最大程度的减小首页加载模块体积和首屏加载时间，成为模块打包工具的必备核心技能。 webpack作为当下最为流行的模块打包工具，成为了react、vue等众多热门框架的官方推荐打包工具。其提供的Code Splitting（代码分割）特性正是实现模块按需加载的关键方式。什么是Code Splitting官方定......

Posted by fengmiaosen on 2017-01-08

如何编写一个webpack loader

loader是什么webpack官方定义 A loader is just a JavaScript module that exports a function 从语法角度看，loader就是一个普通的Node.js模块，只是必须以函数格式导出来供使用。如果有必要可以使用一切Node.js功能模块。从功能角度看，一个loader是在应用中作用于指定格式的资源文件并将其按照一定格......

Posted by fengmiaosen on 2017-01-07

promise.all并行请求

参考资料 JavaScript Promise迷你书 Promise MDN JavaScript Promise启示录 ...

Posted by fengmiaosen on 2016-12-16

Node.js使用phantom构造网络爬虫获取bing搜索首页背景图

技术选型参考资料 electron-vue awesome-electron electron-packager ...

Posted by fengmiaosen on 2016-11-27