前端技术

webpack4升级5 （半自动升级）

padding-left：字体左侧的间距与原始字体间距保持一致，视实际情况而定；-webkit-box-shadow：使用盒子阴影遮挡input背景色；width：长度与原始 input 保持一致，视实际情况而定；border-radius：一定要设为 0，默认是有弧度的；input:-webkit-autofill：自动填充。改为浏览器默认样式。原始效果，未使用自动填充的。使用自动填充密码，整个。

Vue2.x 路由添加前缀之打包注意事项

改变列表排序：上移,下移,置顶,置底

《实战：如何搭建一个完整的 Vue2.0 项目》

登录效果二

登录效果一

参考 ElementUI Message 消息提示的调用方式；

一、elementUIVue ElementUI 安装与引入二、axiosVue axios 安装与引入

项目创建时我们选择了安装 router ，所以能直接使用。配置文件在路径 src/router/index.js 下。建议路由页面 .vue 文件全部放在 src/views 下。根据系统框架不同，总结了如下3类来配置1、全部是一级路由全部是一级路由且所有页面 .vue 文件都在目录 src/views 下，可自动读取 views 文件下的全部.vue文件，并加载为一级路由。router/index.js 可这样配置：import Vue from 'vue'import VueR.

Vue 项目创建时会带一些默认文件和样式，我们在项目中不会使用，可删除和修改。1、删除文件src/views/About.vue src/components/HelloWorld.vue src/assets/logo.png2、修改 src/router/index.js 路由文件目前只保留一个主页 Homeimport Vue from 'vue'import VueRouter from 'vue-router'import Home from '../views/Hom

在根目录下创建 vue.config.js 文件，@vue/clli-service 会自动加载。直接拷贝如下内容即可。const webpack = require('webpack');const path = require('path'); function resolve(dir) { return path.join(__dirname, dir);} // 加载 stylus 文件，可以是多个function importStylus (rule) { ru

测试环境@vue/cli 4.5.12 node 14.15.4 npm 6.14.101、命令vue create webappwebapp 为项目名，可自定义；选择手动配置 Manually select features；2、回车进入配置选项，键盘的上下箭头键用于选择，空格键用于确定和取消勾选。这里多选了 Router和CSS Pre-processors，其它是默认勾选；3、回车继续配置，这里选择 Vue 2.X 版；4、回车继续，CSS...