![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
笔记
饼干_
掘金 | 知乎 同名
展开
-
node 自定义脚手架 简单易懂好上手
nodejs是个非常神奇的东西,同时对我们前端同学来说学习成本低,非常友善,可以使用js来开发后端,同时兼顾前端,实现了语言统一化,这里我不展开说了,主要展开说一下node的脚手架是怎么实现的。前端的同学想必都使用过vue脚手架,一条简单的命令vue init 就可以将一个简单的单页面应用包括webpack的简单配置全部搭建好并且你只用关注开发层面的东西(如果没有什么特殊的要求的话),他的实现原理其实也不难。先上vue脚手架的原理图:整个vue init大致流程如我上图所示,应该还是比较好理解的。这.原创 2020-08-06 18:42:45 · 868 阅读 · 0 评论 -
vue+express+nginx搭建一个简单的本地代理服务器
场景描述:在后台没有配置环境,但是产品大大想看网页效果的时候,虽然可以直接给他开发环境的地址看,但是开发环境需要频繁改动代码、开关项目或多或少会影响到产品大大的观看效果,因为打包之后在vue中配置的代理会失效,所以可以用nginx做一个简单的代理配合express搭建一个简单的本地服务器。(需要安装vue脚手架、nodejs)安装express-generator生成器执行 $ npm install express-generator -g 进行安装此过程可能会有点慢有了他,就可以帮助我们.原创 2020-05-15 11:39:42 · 721 阅读 · 0 评论 -
灵活玩转Mockjs
灵活玩转Mockjs(小白篇)有几年工作经验的大佬可以忽略,此文章针对还没使用过的小白系列。mock数据用过的人一定不陌生,他的好处也是层出不穷,比如下面就是一段对mockjs很好的描述:前后端分离不需要修改既有代码,就可以拦截 Ajax 请求,返回模拟的响应数据。数据类型丰富通过随机数据,模拟各种场景。(等等)总结起来就是在后端接口没有开发完成之前,前端可以用已有的接口文档,在真实的请求上拦截ajax,并根据mockjs的mock数据的规则,模拟真实接口返回的数据,并将随机的模拟数据返回原创 2020-05-12 11:41:17 · 1124 阅读 · 0 评论 -
浅入webpack4 高效简单的配置
前言在vue-cli3中已经将webpack等详细配置(config)去除,我们配置webpack只能在vue.config.js里进行配置,这里我个人总结了一套webpack的优化方案模板并且附有我个人的讲解(尚在研究中)。总体优化这几个方面:提升生产打包的构建速度拆分每个 npm 包将稳定的第三方库(体积比较大的)改用cdn引入,不进行打包安装可视化打包分析器(可选)1.提升生产打包的构建速度首先,你要知道运行在 Node.js 之上的 Webpack 是单线程模型的,所以Webpa原创 2020-05-13 18:25:46 · 2198 阅读 · 2 评论