每年都有人抱怨就业环境不好，但今年大家才算领教了真正的就业寒冬。
对于前端来说，现在半数以上的企业都在裁员，仍在招聘的企业，用人门槛也一再拔高。
这让一个往日便令人纠结的问题，现在更加触及灵魂：
今年我还要离职吗？
小编认为，现阶段稳定比瞎折腾更靠谱，努力夯实基础偷偷提升自己，等到一个合适的机会，再成功跳槽不香吗。
这里有一份弘成IT前端大咖独家整理的Vue项目中常见的问题及解决方案，请收好~
解决css背景图片打包路径错误
• 在utils.js 文件中 找到 generateLoaders 方法
• 把以下代码进行更换
更换成
打包就可以看到效果咯！
Vue引入全局less变量
• 用vue-cli初始化的vue项目
• 再build文件夹下创建一个globalLessVars.js文件
• 在globalLessVars.js文件中 放入如下代码
• 在utils.js 引入 globalLessVars.js文件
• 在static文件中创建 color.less 文件
• 在 color.less 文件中 放入如下代码
• 在util.js文件中如下解析 color.less 文件
• 再把util.js 文件中 cssLoaders方法中返回值改成以下代码
• 引用多个文件的话 就这可以这样
具体详情可以查看使用webpack+vue+less开发，使用less-loader，配置全局less变量
去除 # --- History模式
如果后台没给前端的 history 模式 匹配路径的话， history 只适合在本地开发使用， 打包记得改回 hash 模式
**自定义路径名**
import HelloWorld from '@/components/HelloWorld'
• 制定像 @ 这样的自定义名称
• 可以前往 webpack.base.conf.js 中如下设置：
**## 本地开发解决跨域请求的问题**
1\. 在 config 文件下的 index.js 文件中修改以下代码
2\. proxyTable: {}
设置成
可以发起多个代理 (如下)：
新语法的内置对象和API
1\. npm i babel-polyfill --save 下载 babel-polyfill 模块
2\. 在webpack.base.conf.js 中做以下修改
生命周期的钩子函数
路由懒加载
路由之间的切换动画
1\. 用transition元素来做动画， 通过绑定name元素来切换不同的动画
2. 动画样式
3\. 给路由添加返回的状态
4\. 检测路由的改变来切换状态
本文完~
如果喜欢我，可以搜索公众号【弘成IT】，了解更多干货。
同时还可以加我的vx:jgxiaokeai加入技术交流群和技术大牛一起讨论前端那点事
