邹邹很busy。

摘要： 前戏 在之前我们使用mockjs模拟数据的时候，都不是以服务的形式返回给我们的。在实际的项目中，我们都是以服务的方式调用接口。 Easy Mock 是一个可视化，并且能快速生成模拟数据的服务。是杭州大搜车无线团队出品的一个极其简单、高效、可视化、并且能快速生成模拟数据的在线 Mock 服务 。 现在 阅读全文

摘要： 介绍 前后端分离项目，前端和后端人员都是根据 API 文档进行开发项目的，不应该直接相互依赖， 前端人员不应该等待后端开发好接口后再进行测试，既然不依赖后端接口，那前端人员应该如何测试呢？ 可以通过模拟数据生成器，通过一定规则 （API文档）生成模拟数据接口, 提供给前端人员进行测试。 官网：htt 阅读全文

摘要： Eslint 配置介绍 ESLint 是一个语法规则和代码风格的检查工具，可以 用来保证写出语法正确、风格统一的代码。 如果我们开启了 Eslint , 也就意味着要接受它 非常苛刻的语法检查，包括空格不能少些或多些，必须单引不能双引，语句后不可以写 分号等等，这些规则其实是可以设置的。 我们作为测 阅读全文

摘要： Vue-CLI服务命令 在说Vue-CLI项目结构的时候，先来说下Vue-CLI常用的服务命令 CLI 服务 ( @vue/cli-service ) 是一个开发环境依赖。针对绝大部分应用优化过的内部的 webpack 配置； 在一个 Vue CLI 项目中， @vue/cli-service 模块 阅读全文

摘要： 前戏 在之前我们使用webpack进行打包的时候，webpack.config.js配置都是我们自己手写的。而Vue-CLI是官方提供的，用来搭建项目脚手架的工具，它是vue.js开发的标准工具，它已经集成了webpack，内置好了很多常用配置，使得我们在使用vue开发项目时更加的标准化。 官方文档 阅读全文

摘要： 前戏 每一次手动打包很麻烦，打包后还需要手动刷新浏览器。 采用 webpack 提供的工具： webpack-dev-server ，它允许在运行时更新所有类型的模块后，而无需手动打包和刷新页面，会自动打包和刷新页面。可以很大程度提高开发效率。 参考：https://webpack.docschin 阅读全文

摘要： 前戏 Webpack 本身只能处理 JavaScript 模块，如果要处理其他类型的文件，就需要结合插件来使用，这些插件在Webpack 中被称为 Loader （加载器） 来进行转换。 Loader 可以理解为是模块和资源的转换器，它本身是一个函数，参数接受的是源文件， 返回值是转换后的结果。 这 阅读全文

摘要： 介绍 webpack是一个前端的静态资源打包工具，能让浏览器也支持模块化。它将根据模块的依赖关系 进行静态分析，然后将这些模块按照指定的规则生成对应的静态资源。 官网：https://webpack.docschina.org/ webpack的作用有下面几点： webpack核心主要进行javas 阅读全文

摘要： 前戏 如果你是使用vscode软件进行开发前端项目，进行ajax调试的时候，建议安装liveServer插件。这样我们打开一个文件的时候，会以服务的方式打开。 vue中常用的ajax库有两个，一个是vue-resource，这个是在vue1.x中广泛使用的插件。还有一个是axios，在vue2.x中 阅读全文

摘要： 生命周期 每个Vue实例在被创建时都要经过一系列的初始化过程，比如，需要设置数据监听，编译模版，将实例挂载到DOM 并在数据变化时更新DOM等。同时在这个过程中也会运行一些叫做生命周期钩子的函数。 下图展示了实例的生命周期 生命周期分为三大阶段：初始化显示，更新显示，销毁Vue实例。 初始化阶段的钩 阅读全文