2022年10月5日

摘要: 过去在 Webpack4 时,我们处理图片资源通过 file-loader 和 url-loader 进行处理 现在 Webpack5 已经将两个 Loader 功能内置到 Webpack 里了,我们只需要简单配置即可处理图片资源 module: { rules: [ { // 用来匹配 .css 阅读全文
posted @ 2022-10-05 10:02 叶鲜乐 阅读(38) 评论(0) 推荐(0) 编辑

2022年9月17日

摘要: html:(渲染数据的呈现) <div id="Content"> <div class="cellgroup" @click="ChickQuery(item.id)" v-for="item in pageData.fenyeZhangShiData" :key="item.id" > <div 阅读全文
posted @ 2022-09-17 19:49 叶鲜乐 阅读(2480) 评论(0) 推荐(0) 编辑

2022年8月28日

摘要: 性能优化 1、性能优化的几个方面? 资源压缩合并,减少HTTP请求 非核心代码异步加载 利用浏览器缓存 使用CDN 预解析DNS 2、异步加载? 动态脚本加载 defer async 3、加载方式区别? defer是在html解析完毕才执行,如果有多个则按加载顺序执行 async是加载完毕后立即执行 阅读全文
posted @ 2022-08-28 16:26 叶鲜乐 阅读(19) 评论(0) 推荐(0) 编辑

2022年8月13日

摘要: 第一步 npm i wangeditor 第二步 在需要的组件中引入 import WangEditor from "wangeditor"; 第三步 找到容器 <div id="editor"></div> 写一个函数 const wangeditor = () => { let editor: 阅读全文
posted @ 2022-08-13 19:38 叶鲜乐 阅读(467) 评论(0) 推荐(0) 编辑

2022年8月12日

摘要: 1.注册容联云通信账号(免费) 1.官网进行注册:https://www.yuntongxun.com/ 第二步 拿到自己的 ACCOUNT_SID、AUTH_TOKEN、Rest_URL、AppID 第三步注册自己的测试手机号 第四步 下载包 1.npm i md5 --save2.npm i m 阅读全文
posted @ 2022-08-12 08:50 叶鲜乐 阅读(434) 评论(0) 推荐(0) 编辑

2022年8月10日

摘要: ## 文本溢出 ```html <style> /* 单行文本 */ .box{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } /* 多行文本 */ .box{ word-break: break-all; dis 阅读全文
posted @ 2022-08-10 19:44 叶鲜乐 阅读(24) 评论(0) 推荐(0) 编辑

2022年8月9日

摘要: # 浅拷贝与深拷贝 ## 什么时候需要拷贝 赋值是将某一数值或对象赋给某个变量的过程,分为下面 2 部分 - 基本数据类型:赋值,赋值之后两个变量互不影响 - 引用数据类型:赋址,两个变量具有相同的引用,指向同一个对象,相互之间有影响 对基本类型进行赋值操作,两个变量互不影响。 ```js let 阅读全文
posted @ 2022-08-09 08:19 叶鲜乐 阅读(66) 评论(0) 推荐(0) 编辑

2022年8月8日

摘要: 代码演示: <!DOCTYPE html> <!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--> <!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![en 阅读全文
posted @ 2022-08-08 13:53 叶鲜乐 阅读(669) 评论(0) 推荐(0) 编辑
 
摘要: ## IntersectionObserver 这是浏览器内置的一个`API`,实现了`监听window的scroll事件`、`判断是否在视口中`以及`节流`三大功能。 <!DOCTYPE html> <!-- 兼容性 --> <html class="no-js lt-ie9 lt-ie8 lt- 阅读全文
posted @ 2022-08-08 13:37 叶鲜乐 阅读(32) 评论(0) 推荐(0) 编辑

2022年8月7日

摘要: # Diff算法 `Diff`算法的核心就是**针对具有相同父节点的同层新旧子节点进行比较,而不是使用逐层搜索递归遍历的方式。时间复杂度为`O(n)`**。 如何理解? 说白点,就是**当新旧`VNode`树在同一层具有相同的`VNode`节点时,才会继续对其子节点进行比较**。一旦旧`VNode` 阅读全文
posted @ 2022-08-07 20:09 叶鲜乐 阅读(36) 评论(0) 推荐(0) 编辑
 
点击右上角即可分享
微信分享提示