webpack4 多页面,多环境配置

前言之前写过一篇基于 webpack3 的多页面配置文章,现在webpack已经升级到4了,所以再以webpack4来重新配置多页面开发环境。本文省去了部分初级操作。项目目录:一. webpack.base.conf.js公共配置文件const path = require('path'); const webpack = require("webpack"); con...

继续阅读 »

又是一年中秋

水调歌头·明月几时有明月几时有,把酒问青天。不知天上宫阙,今夕是何年?我欲乘风归去,又恐琼楼玉宇,高处不胜寒。起舞弄清影,何似在人间!转朱阁,低绮户,照无眠。不应有恨,何事长向别时圆?人有悲欢离合,月有阴晴圆缺,此事古难全。但愿人长久,千里共婵娟。

继续阅读 »

如何保障前端项目的代码质量

对于中大型前端项目,项目规范与代码质量尤为重要。当功能需求变更或需要重构时,随心所欲的(糟糕的)代码可能带来比重新开发还麻烦的问题。1 前端项目代码中的常见问题1.1 凌乱的书写风格,阅读体验差这个问题不用作过多阐述,想必接手过他人代码的同学,多少都有些体会。简单来说,太过随意的代码会让强迫症患者难以容忍,难以阅读理解的代码有时甚至不如推倒重来。1.2 低质量的编码,bug 不断什么样的代码...

继续阅读 »

create-react-app中添加less支持

前言使用 create-react-app 脚手架创建项目后,默认是不支持 less 的。所以我们需要手动添加。第一步 暴露webpack配置文件使用 create-react-app 创建的项目,默认情况下是看不到 webpack 相关的配置文件,我们需要给它暴露出来,使用下面命令即可:npm run eject运行之后,我们发现多了一个config文件夹这样就可以修改 webpack 相...

继续阅读 »

Vue的钩子函数[路由导航守卫、keep-alive、生命周期钩子]

前言说到Vue的钩子函数,可能很多人只停留在一些很简单常用的钩子(created,mounted),而且对于里面的区别,什么时候该用什么钩子,并没有仔细的去研究过,且Vue的生命周期在面试中也算是比较高频的考点,那么该如何回答这类问题,让人有眼前一亮的感觉呢...Vue-Router导航守卫:有的时候,我们需要通过路由来进行一些操作,比如最常见的登录权限验证,当用户满足条件时,才让其进入导航...

继续阅读 »