前端少年

``` var States = { state0 : function(){ console.log(0) }, state1 : function() { consol...

``` var Observe = (function() { var _message = {} return { regist: function(type, fn) ...

``` function Alert(data) { if(!data) { this.data = '' } this.container = document.crea...

``` // var Flyweight = function() { // var created = [] // function create() { // var ...

``` var News = function() { this.children = [] this.element = null } News.prototype = ...

``` function Color(clr) { this.clr = clr } Color.prototype.draw = function() { console...

``` function decorator(dom, type, fn) { if(typeof dom[type] == 'funtion') { let oldMet...

``` // let obj = { // name: '', // age: '', // date: '', // price: 123, // size: '', /...

``` // let name = 'gh' // let obj = { price:1, count: 10} function fn(name = 'guohua',...

``` // 对于DOM 0级绑定的事件下面的方法会被覆盖 不利于代码的维护和开发 document.onclick = function() { // } // 当然我们...

``` // 单例模式下的静态变量 function Conf() { let Static = { NAME: 'CONF', COUNT: 1000 } return ...

``` function Swiper(imgArr, container){ this.imgArr = imgArr this.container = containe...

建造者模式 function Name(name) { var that = this; // (function(name, that) { //...

自定义loader webpack的loader 是一个commonJs的函数 要注意的是 必须使用function 不能使用箭头函数，因为loader中的要使用到this...

性能优化 限定webpack的处理范围 loader 中设置include noParse resolve.extensions IgnorePlugin DllPlugi...

多页面应用脚手架 多页面开发的问题 公共CSS/JS/如何管理 如何将CSS、图片、js部署到CDN上 兼容问题 多人协作如何开发 图片资源压缩 项目结构 针对上述问题的解...

服务端渲染 使用Vue/React/Angular 开发的单页应用都是用过JavaScript在浏览器中渲染出来的,这种方式有两个明显的缺点 大部分搜索引擎无法收录我们的网...

VUE项目打包示例 webpack.config.js TypeScript 支持 解析.ts文件要安装依赖 npm install typescript ts-loade...

webpack @mode 模式 development production none @entry 入口文件路径 @output 出口文件生成的路径 @module 配...

webpack 安装 webpack.config.js webpack打包配置都在这里, entry 入口文件 output 出口文件的路径 module: 对于图片，c...