随笔分类 - 工程化【前端】
前端工程化，借助nodejs 可以更好的实现。所以前端的工程化，离不开nodejs
摘要：前言：为什么需要前端去定义接口需求文档呢。 后端的接口文档不一定是靠谱的。他们使用的swagger文档，有的时候是针对某个字段只是表示一个对象，但是对象里有哪些字段就没有了。 后端提供的接口文档，请求参数是否必填不明确；响应参数给的字段太多了。而我们需要的参数却只有几个。 【很重要】前端没有接口文档
阅读全文
摘要：参考：https://www.jianshu.com/p/809958a504b8 一、减少webpack打包后的文件体积 按需加载【这个不是减少打包后的体积，而是运行时加载文件的体积减少了】 如：将每个路由页面单独打包为一个文件 component: () => import(/* webpack
阅读全文
摘要：修改npm包的不足 参考：https://mp.weixin.qq.com/s/1oo0aW8kT9Mj88qgvvRx-g 方法1：使用 Fork。最常见的方法就是 Fork 源代码，通过在 GitHub 上或其他托管平台上 Fork 第三方包的源代码库。对其源代码进行修改，修改完成后将修改后的包
阅读全文
摘要：一、npm包全局安装：https://blog.csdn.net/wu_xianqiang/article/details/89667543 需要注意的是，全局模式并不是将一个模块包安装为一个全局包的意思，它并不意味着可以从任何地方通过 require() 来引用到它。 事实上，全局的包 在项目中根
阅读全文
摘要：参考： https://segmentfault.com/a/1190000018534625 一、开启项目： 1、项目初始化： npm init -y 2、安装 webpack模块： npm install webpack webpack-cli -D //本地安装, 现在有 npx 命令，都不需
阅读全文
摘要：前端自动话测试概念 参考：https://coding.imooc.com/class/372.html（慕课视频） 或 http://loveky.github.io/2018/05/17/unit-test-and-jest/ 1、前端自动化测试，就是写了一段测试js的代码（主要是测试js函数，
阅读全文
摘要：一、webpack配置项：https://www.jianshu.com/p/43fa9ce97420 或 https://webpack.docschina.org/configuration/【官网】 1、mode: 告知 webpack 使用相应模式的内置优化。【 "production",
阅读全文
摘要：前端接口架构（即 api 统一管理） 前端所有接口放在一个统一的api目录下管理（即使别人的接口没有放在这里处理，自己的接口也一定要放在这个目录下管理）。后期如果后端接口结构有改变，这个目录文件可以很方便的处理成原来的数据结构，这样对原来的页面基本不会有改变，这样非常方便维护接口。【亲身经历】开发时
阅读全文
摘要：参考 ： https://www.cnblogs.com/jerrypig/p/8145206.html 1、commonJs的运行时加载 2、ES6编译时加载
阅读全文
摘要：前端工程化之--Mock解决方案 https://www.jianshu.com/p/720b12b5d120 一、为什么要使用mock数据： 1、后端接口数据没有的时候，前端根据接口文档，使用 mock 数据模拟后端数据。（个人觉得 这里使用 mock数据并不是很重要，还要自己根据文档配数据） 2
阅读全文
摘要：1、markdown基本语法 ： https://www.jianshu.com/p/191d1e21f7ed （有几种标志，可以使用几种来表示，我这里统一使用一种） a、标题：略 b、字体： 加粗、斜体、斜体加粗、删除线 **这是加粗的文字** *这是倾斜的文字*` ***这是斜体加粗的文字***
阅读全文
摘要：参考 ： https://blog.csdn.net/xcymorningsun/article/details/52709608 1、CommonJS 模块规范 （同步加载模块）： var math = require('math'); // 其中 math 是模块实例 math.add(2,3)
阅读全文
摘要：参考：https://www.cnblogs.com/Lehh/p/9643764.html 或 https://www.cnblogs.com/xuzhudong/p/8950193.html（推荐） 1、 node安装好，通过npm全局安装好gulp（全局安装gulp是为了执行gulp任务）。（
阅读全文
摘要：npm包管理工具 1、npm包管理工具的发展历史：https://zhuanlan.zhihu.com/p/99186425 2、npm 上发布自己的包 ： https://blog.csdn.net/nsrainbow/article/details/37903097 注册的npm账号： ke**
阅读全文
