字数：7887， 阅读时间：40分钟，点击阅读原文 从2013年12月8日发布第一个版本至今已，Vue已走过了快八个年头，你了解每个版本名字的意义吗？版本号名字释义时间V0.9Animatrix黑客帝国动画版2014.2.25V0.10Blade Runner银翼杀手2014.3.23V0.11Cowboy Bebop星际牛仔2014.11.7V0.12Dragon Ball龙珠2015.6.12V1.0Evangelion...

字数：4627， 阅读时间：12分钟，点击阅读原文枫林新叶催陈叶，雏凤清于老风声。 一一李商隐【前端工程化】系列文章链接：01 扬帆起航-开发环境02 白璧微瑕-包管理器03 席卷八荒-Webpack基础篇04 席卷八荒-Webpack进阶篇示例代码仓库：[链接]声明：如按照文中代码执行报错，请检查依赖版本是否和示例代码仓库中一致。概...

字数：12197， 阅读时间：35分钟，点击阅读原文石可破也，而不可夺坚；丹可磨也，而不可夺赤 ——《吕氏春秋·诚廉》【前端工程化】系列文章链接：01 扬帆起航-开发环境02 白璧微瑕-包管理器03 席卷八荒-Webpack基础篇示例代码仓库：[链接]声明：本篇文章基于webpack v4.43.0，如按照文中代码执行报错，请检查依赖模块版本...

字数：8960， 阅读时间：28分钟，点击阅读原文 尽前行者地步窄，向后看者眼界宽。 ——《格言联璧·持躬类》【前端工程化】系列文章链接：01 扬帆起航-开发环境02 白璧微瑕-包管理器示例代码仓库：[链接]声明：本篇文章基于webpack v4.43.0，如按照文中代码执行报错，请先检查依赖版本是否和示例代码仓库中一致。前言自Web2...

字数：4533， 阅读时间：12分钟，点击阅读原文 一个没有长夜痛哭过的人，不配讲悲伤。一个每遇挫折都要痛哭的人，还是不必三十而立了。 ——三毛【前端工程化】系列文章链接：01 扬帆起航-开发环境缘起在很久很久以前，前端叫做“切图仔”，那时前端的工作非常简单，只需将设计图还原成代码，最多再加上一些交互和特效，前端...

老丈人爱吃核桃，昨天买了点陪媳妇儿送去，老丈人年轻时练过武，用手一拍核桃就碎了，笑着对我说：“你还用锤子，你看我用手就成”。我嘴一抽，来了句：“人和动物最大的区别就是人会使用工具”……

我们在使用Vue做项目开发的时候，看到不少轮子都是通过Vue.use来进行使用，感觉甚是高大上。不过Vue.use到底是什么鬼？不妨来看个究竟。

NodeJs的出现，让前端工程化的理念不断深入，正在向正规军靠近。先是带来了Gulp、Webpack等强大的构建工具，随后又出现了vue-cli和create-react-app等完善的脚手架，提供了完整的项目架构，让我们可以更多的关注业务，而不必在项目基础设施上花费大量时间。

我们都知道nodemon可以直接用来在开发环境下运行js文件，可以在文件改变时自动刷新和重启服务器。但是最近刚好在学typescript，所以就想使用ts来写，也想达到同样的效果，总结一下方法，大概有如下几种：

简述 缘起 模块通常是指编程语言所提供的代码组织机制，利用此机制可将程序拆解为独立且通用的代码单元。 模块化主要是解决代码分割、作用域隔离、模块之间的依赖管理以及发布到生产环境时的自动化打包与处理等多个方面。 javascript应用日益复杂，模块化已经成为一个迫切需求。但是作为一个模块化方案，它至少要解决如...

*声明： 本文档由作者收集整理，并非全部原创，如有侵权，请联系删除！另外由于Krpano本身内容较多，不可能面面聚到，如有不足，欢迎大佬指正。

安装 Gulp官网 gulp4.0分离了cli和核心部分，所以需要分别安装这两个包，另外对环境要求如下： {代码...} 全局安装gulp-cli {代码...} 本地安装gulp {代码...} 查看版本号 {代码...} 配置文件 在项目根目录创建gulpfile.js文件（如果使用ts或者babel，也可用gulpfile.ts、gulpfile.babel.js分别代替），此文件即gulp会默...

本文档用于记录所遇到的网站安全问题，并分类汇总，方便后期遇到类似问题，能够快速找到解决方案，提高效率，让程序员有更多的时间去把妹，LOL...

比如一些弹幕，走马灯文字，这类需要定时调用的，路由跳转之后，因为组件已经销毁了，但是setInterval还没有销毁，还在继续后台调用，控制台会不断报错，如果运算量大的话，无法及时清除，会导致严重的页面卡顿。

web浏览器中的javascript 在html中嵌入javascript 在script标签里面如果有<、&，会被当成xml标记，需要使用如下写法： {代码...} window对象 浏览器定位与导航 载入新的文档 location.assign() location.replace() location.reload() 刷新 浏览历史 history.back() history.forward() history.go() 浏览器和屏幕...

词法结构 字符集 使用Unicode编写 ES3 Unicode2.1+ ES5 Unicode3+ 区分大小写 注释 {代码...} 标识符和保留字 必须以字母、下划线、美元符开始，后续字符可以是字母、数字、下划线、美元符，即数字不能作为首字符 保留字 可选的分号 Javascript只有在缺少了分号就无法正确解析代码的时候才会填补分号。 一般，一条语句以...

1.前言 安装 直接用 <script> 引入（本地或者cdn） npm npm install vue vue-cli官方脚手架 {代码...} 简介 Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。Vue 的核心库只关注视图层，对应view。 Vue数据驱动，jQuery是结构驱动 原理 内部使用Object.defineProperty（最低支持IE9）把所有...

注意git config命令的--global参数，用了这个参数，表示你这台机器上所有的Git仓库都会使用这个配置，当然也可以对某个仓库指定不同的用户名和Email地址，不使用--global参数即可。

简介 ECMAScript（ECMA或ES） 是规范， JavaScript的是其规范的实现 ECMAScript 2015 = ES2015 ≈ ES6 ECMAScript 的历史 时间 ECMA JS 解释 1996.11 ES 1.0 JS稳定 Netscape将JS提交给ECMA组织，ES正式出现 1998.06 ES 2.0 ES2正式发布 1999.12 ES 3.0 ES3被广泛支持 2007.10 ES 4.0 ES4过于激进，被废了 2008.07 ES 3.1...

现代 JavaScript 应用程序的静态模块打包器(module bundler)，它能够根据模块的依赖关系进行静态分析，然后将这些模块按照指定的规则生成对应的静态资源；本身只支持javascript，通过loader可以支持其他资源，每个资源即一个模块，在webpack中一切皆模块；通过plugins的扩展，拥有强大的功能。已经成为目前最流行，社区...

简介 用自动化构建工具增强你的工作流程！ 官网：[链接] 中文网：[链接] 基于Nodejs的自动任务运行器，采用流的方式，借鉴了Unix操作系统的管道（pipe）思想，仅在最后一步才输出文件到磁盘，快速高效。 官方仅提供5个API（4.0又增加了几个），利用这5个API我们可以完成测试、检查、合并、压缩、格式化、自动刷新、部署...

随着Web开发日渐复杂化和多元化，早已不是以前写几个页面布局加上点样式，再搞几个jQuery插件就能OK的了。前端做的事情越来越多，那么为了解放我们的生产力，提高团队的写作效率，我们就迫切需要一些工具来帮我们完成一些事情：