创建项目 命令：npm init 生成文件： package.json { "name": "hello-npm-script", "version": "0.1.0", "description": "hello npm sc ...

背景 在开发快应用时，少不了构建操作：npm run build（官方 IDE 集成了这些操作，本质上也是调用同样方法）。这是因为快应用有自己的 DSL 语法，直接写出来，在底层不能识别，需要把业务代码编译成底层能运行的代码（感兴趣的同学， ...

构建内容 源代码预编译：比如 less、sass、typescript； 图片优化、雪碧图(CSS Sprite)生成； JS、CSS 合并、压缩； 静态资源加版本号和引用替换； 静态资源传 CDN 等。 项目目录结构 client ├── ...

需求分析1、用es6的语法写了一个工具类2、需要兼容除chrome外较新的浏览器3、隐藏源码、缩小网络消耗利用工具babel 用于es6转换es5ug ...

看了很多文章，写的还是不够简单明了，所以自己总结了一篇文章： 当我们有个需求需要下载点击就能直接下载pdf的时候，往往会以为window.open就能实现，但是，事实并非如此，结果打开是pdf预览模式，这是因为浏览器自带有PDF阅读器，这并 ...

1. 简述 Promise 所谓 Promise，简单来说，就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。 Promise 对异步调用进行封装，是一种异步编程的解决方案。 从语法上来说，Promise 是一个对 ...

Vue Router 基础回顾 使用步骤 首先使用 vue cli 创建一个 Vue 项目来回顾一下 vue router 的使用。 全局安装 vue cli。 npm i -g @vue/cli 安装完成后检查版本是否正常。 vue -- ...

何为插件（Plugin）？专注处理webpack在编译过程中的某个特定的任务的功能模块，可以称为插件。插件是一个扩展器，它丰富了webpack本身，针对的是loader结束后，webpack打包的整个过程，它并不直接操作文件，而是基于事件机 ...

Vue 框架通过数据双向绑定和虚拟 DOM 技术，帮我们处理了前端开发中最脏最累的 DOM 操作部分， 我们不再需要去考虑如何操作 DOM 以及如何最高效地操作 DOM；但 Vue 项目中仍然存在项目首屏优化、Webpack 编译配置优化等 ...

这篇文章列举了一些技巧，可帮助你写出更好的 JavaScript 代码，从而提高性能。本文最初发布于 Medium 网站，经原作者授权由 InfoQ 中文站翻译并分享。JavaScript 已经成为有史以来最受欢迎的编程语言之一。从 W3T ...