Vue.js

一、先说结论 我们可以把学习路线比作游戏中的段位上分，在不同的分段都有自己的定位和要锻炼的事情： 青铜 - 从零开始小学生：怀着满腔的热血，看到了这一个行业的希望和未来，准备开始学习 Web 开发知识。 先通过 w3cschool 等免费学习资源把 HTML、CSS 和 JavaScript 的基本操作学会了 写一个简单的表白页面送给你的女/男朋友，展示一下自己努力的成果，如果没有就当我没说 2.白银 - 懵懵懂懂初学者：懂得如何使用 HTML、CSS 和 JavaScript 三大件来实现基本页面开发功能 选择一个可以覆盖多种场景、可以随自己意愿调整难度的项目尝试实现，如博客系统、记账本、Markdown 编辑器等 从 React 和 Vue 这两个框架中选择一个进行学习 3.黄金 - 轻车熟路新玩家：懂得使用框架来实现上面所举例项目 学习 Redux、Vuex 或者 MobX 等状态管理工具，并将他们使用到前面的项目中 思考状态管理工具为你的项目带来了什么好处 4.铂金 V - 初出茅庐新司机： 懂得如何使用脚手架创建项目，并且能将代码结构根据模块化的思想进行安排 学习 TypeScript，对前面的项目进行重写，注重对数据结构和类型的控制 学习 Node.js，试着配合数据库实现一个比博客系统更为复杂的 CMS（内容管理系统），如 图书馆管理系统、仓库管理系统 5.铂金 I

1. vue报错: error ‘xxx‘ is defined but never used no-unused-vars 报错原因 ： 因为vue项目选择了eslint校验规范->定义了某个变量,但是没有使用，eslint规范就是要么不定义,要么定义了就一定得用. 解决方法： 在package.json文件内加入如下代码(保存后重启项目!!!) "rules": { "no-unused-vars":"off", }, 来源： oschina 链接： https://my.oschina.net/u/3021599/blog/4840427

3.x的脚手架封装了webpack绝大部分配置，使得生成的项目更加清晰，但是在开发中免不了会有自己的个性需求，来添加一些自己的项目配置，此时只需在项目的根目录下新建一个vue.config.js文件即可， module.exports = { //打包文件输出路径，即打包到哪里 outputDir: 'dist', // 静态资源地址 assetsDir: 'static', // eslint-loader 是否在保存的时候检查 lintOnSave: false, // 生产环境是否生成 sourceMap 文件 productionSourceMap: false, filenameHashing: true, //文件hash // chainWebpack 这个库提供了一个 webpack 原始配置的上层抽象，使其可以定义具名的 loader 规则 // 和具名插件，可以通过其提供的一些方法链式调用，在cli-service中就使用了这个插件 chainWebpack: () => {}, /* configureWebpack是调整webpack配置最简单的一种方式，可以新增也可以覆盖cli中的配置。 可以是一个对象：被 webpack-merge 合并到webpack 的设置中去 也可以是一个函数：如果你需要基于环境有条件地配置行为，就可以进行一些逻辑处理

面试过不少前端从业者，简历写的平平淡淡，别人会的技能他也都会，看起来什么都掌握一些；有些会请过来当面聊一下，有些就直接拒绝了（如果是公司内要求独立完成项目的岗位，简历里放很多学习时候的DEMO项目，没有真实上线的项目，这种简历一般都会拒绝掉）。 当我们去一家公司面试，面试官有很大的主动权，面试官属于攻击方，求职者属于防守方，我们不可能什么方向都研究的非常深，所以扬长避短是最好的方式，推荐大家要做帐篷型的人，而不是水桶型的人；市场上岗位非常多，我们需要做的就是找到适合自己长处发展的那个职业！ 面试的时候一定不要和面试官硬刚，可以适度的夸大自己，但是一定不要以为自己技术牛，就疯狂装B；面试官非常希望找到和自己脾气相投的人一起共事，哪怕你真的是万里挑一的大牛，面试官感觉和你一起共事非常不舒服，那么拒绝你也不是什么太难的决定。 如果遇到自己期望薪资内的offer，一定不要犹豫，直接答应下来，但是入职的时间，可以稍微向后推一下，可以一个礼拜后，十天后等，这段时间再继续面试，这时候薪资就一定要找高于自己答应offer的薪资，如果期间遇到自己更加满意的offer，就在自己答应的offer里找一家自己最感兴趣的入职。 目录 HTML 面试题 CSS 面试题 JavaScript 面试题 网络通信面试题 jQuery 面试题 Vue.js 面试题 React.js 面试题 工具面试题 算法面试题

最近两年，在 互联网行业各大技术峰会 上，都能看到关于 工程效能 这个概念，从侧面也反映出了 研发效能 已经逐渐被各企业所重视！ 在以前，软件行业还处于野蛮发展时期时，互联网企业比拼的是家底，谁的家底雄厚，谁肯愿意烧钱，谁就能存活下来。而现在比拼的是什么？是研发能力，具体来讲就是从需求转化成软件或者服务的能力，这其中 研发效能的高低对于需求转化速率 起到了至关重要的作用。 在研发工作实践过程中，围绕提升研发效能，能尝试做的事，有很多很多。当然，我们今天分享的重点，并不是讨论关于什么是研发效能，而是，针对在实际实践如何提升研发效能过程中，分享两个非常有意思的工具。 1. 自动生成前端原型：Sketch2Code 我们知道，在做前端开发时，是先由产品人员确定好需求，再借助产品原型工具来实现产品GUI界面的设计，前端拿到原型再去开展具体的前端编码工作。 但是会发现即便市面上，已经有了类似 Axure 和 Modao 等原型工具，但是 画界面 的成本依然很高。这里介绍一种可以将图片GUI设计稿，甚至是 手画GUI设计稿转化成目标平台代码的一键自动化生成方案 。 直接上图： 在上面的例子中，先手绘GUI界面设计，然后通过 Sketch2Code 可以直接转换成目标平台的代码，如果你指定的目标平台是 Web ，那就直接生成 html ，如果你指定的目标平台是 iOS ，那就会生成 XCode

1.安装axios (在项目中) npm i axios 　　 2.创建axios.intercept.js 内容如下 // 配置axios拦截器 import axios from 'axios'; import store from '../store'; // 追加token // 创建axios实例 const service = axios.create({ // baseURL: process.env.VUE_APP_URL, // api 的 VUE_APP_URL timeout: 50000 // 请求超时时间 }); // request拦截器,在请求之前做一些处理 service._requestCount = 0; // 接口请求累加 service.interceptors.request.use( config => { service._requestCount++; store.commit('handleLoading', true); // 接口请求loading return config }, error => { console.log(error) // for debug Promise.reject(error) } ) // response 拦截器,数据返回后进行一些处理 service.interceptors