第二章、前端性能优化
摘要:####五、资源优化 #####1、资源的压缩与合并 * 为什么要压缩&合并 - 减少http请求数量 - 减少请求资源的大小 * html压缩 - 使用在线工具进行压缩 - 使用html-minifier等npm工具 * css压缩 - 使用在线工具进行压缩 - 使用clean-css等npm工具
阅读全文
js生成二维码和识别二维码
摘要:<template> <img :src="base64Qrcode" alt="二维码" /> </template> <script lang="ts"> import { defineComponent, ref } from 'vue' // npm install jsqr --save
阅读全文
flex横向滚动移动端右边距失效问题
摘要:<template> <div class="outer"> <div class="inner" v-for="item of 3" :key="item"></div> </div> </template> <script lang="ts"> import { defineComponent
阅读全文
第一章、前端性能优化
摘要:####一、简介 #####1、性能优化 * 性能优化指标与测量工具 - 行业标准 - 优化模型 - 测量工具 - 性能相关APIs * 代码优化 - javascript优化 - html优化 - css优化 * 渲染优化 - 现代浏览器渲染原理 - 可优化的渲染环节和方法 * 资源优化 - 压缩
阅读全文
第二章、数据结构与算法
摘要:####十一、算法-排序和搜索 #####1、排序和搜索简介 /** * 一、排序和搜索是什么? * - 排序:把某个乱序的数组变成升序或者降序的数组 * - 搜索:找出数组中某个元素的下标 * 二、js中的排序和搜索 * - js中的排序:数组的sort方法 * - js中的搜索:数组的index
阅读全文