摘要：
字体文件的引用和压缩 一、项目需求 根据甲方要求，使用UI中指定字体 移动端默认显示系统默认字体，非系统默认字体需要自行引入字体包 问题：直接使用字体包过大，字体包通常在几MB，严重拖累页面加载速度 分析： 文本内容为固定内容，不需要更新 文本内容大多为常用文字，大多文字用不上 将需要的文字得该字体 阅读全文
摘要：
分析 问题：编程式路由跳转到当前路由（参数不变）。多次执行会出现NavigationDuplicated警告错误？参考链接 声明式导航没有这个问题？vue-router底层已经处理好。 为什么编程式导航进行路由跳转，会出现这个警告错误？？ "vue-router": "^3.5.3"：最新的vue- 阅读全文
摘要：
一、路由的跳转方式 声明式导航：router-link，要有to属性 编程式导航 ：$router.push|replace实现，可以处理一些业务 二、路由传参，参数有几种呢？ params参数 query参数 2.1.params参数 1、动态路由时传参 属于路径当中的一部分，在配置路由的时候，需 阅读全文
摘要：
一、业务场景 一个Footer组件，【首页、搜索页中显示，登录页、注册页中不显示】。 显示隐藏组件： v-if|v-show，、使用v-show，因为v-if会频繁的操作dom元素消耗性能，v-show只是通过样式将元素显示或隐藏 二、实现 1、通过$route身上的路由信息来判断路径（不好） <! 阅读全文
摘要：
问题：在input上添加@keyup.enter="goSearch"，首次点回车按钮没反应。 <form action="###" class="searchForm"> <input type="text" id="autocomplete" class="input-error input-x 阅读全文
摘要：
快捷键 整理代码快捷键 win： Shift +Alt+F Mac: Shift + Option + F 整个目录查找 :Ctrl+Shift+F ###插件： Live Server-开启一个服务器 beautify 格式化代码的插件 vue-helper ：跳转方法、组件、属性等定义 添加代码 阅读全文
摘要：
解决移动端 Retina 屏幕 1px 边框问题 一、概念 设备独立像素 = CSS 像素 = 逻辑像素，DIP，单位为px。 设备像素 = 物理像素，分辨率，单位为pt。 DPR（ 设备像素比，devicePixelRatio）= 物理像素 / 逻辑像素。 二、造成边框变粗的原因 因为css中的1 阅读全文
摘要：
问题 chrome 浏览器中，表单会默认填充样式： input:-internal-autofill-selected { appearance: menulist-button; background-image: none !important; background-color: -inter 阅读全文
摘要：
_mixin.scss //keyframes @mixin keyframes($name){ @-webkit-keyframes #{$name} {@content}; @-moz-keyframes #{$name} {@content}; @-o-keyframes #{$name} { 阅读全文
摘要：
sass笔记 官网 一、配置自动编译 安装 npm install –g sass webstorm配置 file—>settings—>Tools—>File Watcher—>+ scss vscode配置 Live Sass Compiler 插件 点击底部 "Watch Sass" 按钮 二 阅读全文