关键字:步骤
  • npm script工作流 (一) eslint
    创建项目 命令:npm init 生成文件: package.json { "name": "hello-npm-script", "version": "0.1.0", "description": "hello npm sc ...
  • 如何有效提升快应用(Webpack)编译速度
    背景 在开发快应用时,少不了构建操作:npm run build(官方 IDE 集成了这些操作,本质上也是调用同样方法)。这是因为快应用有自己的 DSL 语法,直接写出来,在底层不能识别,需要把业务代码编译成底层能运行的代码(感兴趣的同学, ...
  • npm script 工作流(十二)构建流水线
    构建内容 源代码预编译:比如 less、sass、typescript; 图片优化、雪碧图(CSS Sprite)生成; JS、CSS 合并、压缩; 静态资源加版本号和引用替换; 静态资源传 CDN 等。 项目目录结构 client ├── ...
  • es6语法转es5并压缩混淆代码,对兼容和性能做优化
    需求分析1、用es6的语法写了一个工具类2、需要兼容除chrome外较新的浏览器3、隐藏源码、缩小网络消耗利用工具babel 用于es6转换es5ug ...
  • 后台返回文件流如何转成pdf文件实现直接下载
    看了很多文章,写的还是不够简单明了,所以自己总结了一篇文章: 当我们有个需求需要下载点击就能直接下载pdf的时候,往往会以为window.open就能实现,但是,事实并非如此,结果打开是pdf预览模式,这是因为浏览器自带有PDF阅读器,这并 ...
  • 手写一个简易的Promise
    1. 简述 Promise 所谓 Promise,简单来说,就是一个容器,里面保存着某个未来才会结束的事件(通常是一个异步操作)的结果。 Promise 对异步调用进行封装,是一种异步编程的解决方案。 从语法上来说,Promise 是一个对 ...
  • 手写 Vue Router 源码
    Vue Router 基础回顾 使用步骤 首先使用 vue cli 创建一个 Vue 项目来回顾一下 vue router 的使用。 全局安装 vue cli。 npm i -g @vue/cli 安装完成后检查版本是否正常。 vue -- ...
  • 分享18个webpack插件,你千万要收藏好,留备用
    何为插件(Plugin)?专注处理webpack在编译过程中的某个特定的任务的功能模块,可以称为插件。插件是一个扩展器,它丰富了webpack本身,针对的是loader结束后,webpack打包的整个过程,它并不直接操作文件,而是基于事件机 ...
  • Vue 项目性能优化实践
    Vue 框架通过数据双向绑定和虚拟 DOM 技术,帮我们处理了前端开发中最脏最累的 DOM 操作部分, 我们不再需要去考虑如何操作 DOM 以及如何最高效地操作 DOM;但 Vue 项目中仍然存在项目首屏优化、Webpack 编译配置优化等 ...
  • 14个 JavaScript 代码优化技巧
    这篇文章列举了一些技巧,可帮助你写出更好的 JavaScript 代码,从而提高性能。本文最初发布于 Medium 网站,经原作者授权由 InfoQ 中文站翻译并分享。JavaScript 已经成为有史以来最受欢迎的编程语言之一。从 W3T ...

暂无数据