要想实现UI设计师设计的原型效果，有时候需要用到一些特殊的字体，在项目中就需要导入相关的字体文件。本文章以平方字体为例。

目录hash 模式Vue-router hashhistory 模式Vue-router传参在浏览器中改变地址栏url，将会触发页面资源的重新加载，这使得我们可以在不同的页面间进行跳转，得以浏览不同的内容。但随着单页应用的增多，越来越多的网站采用ajax来加载资源。因为异步加载的特性，地址栏上的资源路径没有被改变，随之而来的问题就是页面的状态无法被保存。这导致我们难以通过熟悉的方式（点击浏览器前进

安装依赖（less 和 less-loader）：npm install less less-loader --save -dev安装好之后，如果报如下错误：“TypeError: this.getOptions is not a function”。 出现这个错误的原因是 less-loader 安装版本过高，最快的解决办法是重新安装较低的 less-loader 版本。// 卸载当前安装的 l

在vue项目中，我们常遇到以下路径引用的方式：在vue项目中，我们常遇到以下路径引用的方式：import './plugins/element.js'import '../router';import '@/scss/common/var';import 'common/flexible.js'./ 表示当前目录下../ 表示父级目录下@/ 是webpack设置的路径别名，代表什么路径，要看 we

每个人编码的习惯不一样，或美观或不美观，或者在编码的过程中会有些疏漏未曾发现。为提高代码美观度、提高代码审阅效率，使得多人协作时代码风格统一，规定一套编码规则并在编写的过程中遵守该规则变得很有必要。在一些比较正式的大公司，公司也会有一套自己的代码编写规则，所以最好在代码生产的时候就一直对编写的代码进行代码检测。养成一个良编码习惯，从我做起！ESLint 是一个代码检查工具，用来检查你的代码是否符合

/ 添加点标记'';// Marker经纬度content: markerContent, // 将 html 传给 contentoffset: new AMap.Pixel(-70, -46) // 以 icon 的 [center bottom] 为原点});

Vue 可以添加数据动态响应接口。Vue 不允许在已经创建的实例上动态添加新的根级响应式属性。Vue 不能检测到对象属性的添加或删除，最好的方式就是在初始化实例前声明根级响应式属性，哪怕只是一个空值。如果我们需要在运行过程中实现属性的添加或删除，则可以使用全局 Vue，Vue.set 和 Vue.delete 方法。Vue.set 方法用于设置对象的属性，它可以解决 Vue 无法检测添加属性的限制

Vue 移动端、PC 端适配可以使用lib-flexible、amfe-flexible​​​​​​​、postcss-pxtorem​​​​​​​、postcss-px2rem、postcss-px-to-viewport这几个插件。

ES2015 引入了两个重要的 JavaScript 新关键词：let 和 const。通过 const 定义的变量与 let 变量使用方法类似。let的使用点击下面链接：JavaScript 中let的使用_安之若素づ的博客-CSDN博客JavaScript 中Let的使用https://blog.csdn.net/weixin_42754922/article/details/12225921