摘要: 减少http请求数量 使用css动画代替简单的图片 合并小图标,使用base64格式的图片 减少请求资源的大小 使用字体图标 压缩图片 css选择器尽量不要嵌套 避免过多的通配符选择器 提取公共部分,避免使用@import引入css 尽量使用事件代理,避免使用事件绑定 使用touchstart to 阅读全文
posted @ 2022-04-07 16:00 HaoyuSun 阅读(39) 评论(0) 推荐(0)
摘要: less是基于javascript的在客户端处理,所以安装的时候用npm sass是基于ruby所在服务器处理 阅读全文
posted @ 2022-04-07 14:58 HaoyuSun 阅读(22) 评论(0) 推荐(0)
摘要: Async是在外部JS加载完成后,浏览器空闲时,Load事件触发前执行;而Defer是在JS加载完成后,整个文档解析完成后执行 阅读全文
posted @ 2022-04-06 19:44 HaoyuSun 阅读(27) 评论(0) 推荐(0)
摘要: hash就是url中#以及后面的字符,改变hash值不会向后端发送请求,不会重新加载页面 hash不需要服务器配置 history以/开头,当history发生改变时会重新加载页面,服务器配置一个回调路由 hash原理: hash通过监听浏览器onhashchange事件变化,查找对应路由应用,通过 阅读全文
posted @ 2022-04-06 18:02 HaoyuSun 阅读(323) 评论(0) 推荐(0)
摘要: var arr = [1, 2, 1, 1, 2, 3, 4, 2, 1, 3, 2, 5, 5, 3]; // console.log([...new Set(arr)]); // 2 定义数组 // var result = []; // demo: for (var i = 0; i < ar 阅读全文
posted @ 2022-04-03 17:40 HaoyuSun 阅读(72) 评论(0) 推荐(0)
摘要: // 手写promise function newPromise(callback) { this.state = 'pending'; this.successArray = []; this.failArray = []; // this.res // 成功时候的回调函数 let resolve 阅读全文
posted @ 2022-04-03 16:46 HaoyuSun 阅读(31) 评论(0) 推荐(0)
摘要: 1.JS垃圾回收机制 标记 清除 原理 是 有固定可达值,显而易见的不可删除的值为根 从根开始标记, 标记其引用,标记其子孙代的引用,进程中不可访问的的对象就会被删除 优化: 分代回收: 新对象检查次数多,旧对象检查次数少 增量回收:垃圾回收分解成多部分,分别回收 cpu空闲的时候执行垃圾回收 2. 阅读全文
posted @ 2022-04-01 20:46 HaoyuSun 阅读(29) 评论(0) 推荐(0)
摘要: 数组去重 var arr = [1, 2, 1, 1, 2, 3, 4, 2, 1, 3, 2, 5, 5, 3]; es6新方法 console.log([...new Set(arr)]) 新建数组 var res = []; demo: for(var i = 0; i < arr.lengt 阅读全文
posted @ 2022-03-31 10:33 HaoyuSun 阅读(38) 评论(0) 推荐(0)
摘要: 1.parseInt() 取整字符从左向右一次处理,知道找到第一个非数字后舍弃后边 parseFloat() 处理小数,从左向右第一个小数点之后第一个非数字舍弃后边 Infinity无穷大 Number.MAX_VALUE和Number.MIN_VALUE计算机所能表现得最小最大值 阅读全文
posted @ 2022-03-30 19:13 HaoyuSun 阅读(25) 评论(0) 推荐(0)
摘要: elementUI布局容器container <template> <div class="home-view"> <el-container> <el-header> <img src="../../public/imgs/logo.png" alt="学校logo"> <div class="s 阅读全文
posted @ 2022-03-30 11:12 HaoyuSun 阅读(367) 评论(0) 推荐(0)