- 博客(24)
- 收藏
- 关注
RSS订阅原创 JavaScript 的 Array.toString() 可实现“”数字数组扁平化“”
上面逗号也是字符串的一个字符，转为数组用split(',')方法会递归展开所有嵌套层级的数组元素，并用逗号连接。JavaScript 的。
2025-03-06 14:42:58
82
原创 SEO搜索引擎
1、合理的title、description、keywords：搜索对这三项的权重逐个减小，title值强调重点即可，重要关键词出现不要超过2次，而且要靠前，不同页面title要有所不同；6、非装饰性图片必须加alt：alt是img标签的特有属性，是图片内容的等价描述，用于图片无法加载时的显示、读屏器阅读图片。3、重要内容html代码放在最前：搜索引擎抓取html顺序是从上到下，有的搜索引擎对抓取长度有限制，保证重要内容一定会被抓取。客户端预渲染 vs 服务器渲染。
2025-03-02 18:11:54
317
原创 防抖和节流
document.getElementById('search').addEventListener('input', function () { debouncedSearch(this.value) //被调用，arguments保留的就是这个this,value【搜索的文本框输入内容】;return 返回的就是调用的逻辑，argumnets是传入的实参，this指向的值取决于函数的调用方式，在这里值得是function(){
2025-02-23 20:57:55
125
原创 ESlint+Prettier报错问题
感谢完美解决ESlint+Prettier各项配置冲突的语法报错问题（新手向） - 三分钟热度只为money - 博客园
2025-01-22 01:33:13
209
原创 html页面加载流程 虚拟dom
3. 将DOM树和样式表关联起来，构成一颗Render树，这一过程又称为Attachment，每个DOM节点都有attach,，接受样式信息，返回一个render对象，这些render对象最终会被构建成一颗Render树。2. 用CSS分析器，分析CSS文件和元素上的inline样式，生成页面的样式表，CSSOM树，CSS是逆向解析，从内向外冒泡，嵌套标签越多，解析越慢。创建dom树——创建StyleRules——创建render树——重排Layout——重绘painting。网页是不停的在画画，重绘。
2025-01-02 14:34:00
251
原创 Vue中依赖收集
每一个属性否有一个dep，存放我们所收集的watcher，当属性变化后通知自己对应的watcher去更新，默认在渲染的时候（获取这个响应式数据），此时就会触发属性收集依赖dep.depend()Dep：一个订阅者的列表类，可以增加或删除订阅者，可以向订阅者发送消息。当属性发生改变时触发watcher，通过dep.notify()
2025-01-02 10:24:49
168
原创 diff【different】算法——提升性能
比较两棵树，render会生成两棵虚拟节点树，一棵新，一棵旧，对两棵树进行对比更新。就是找出新旧虚拟dom之间的差异，使得最小化更新视图【比较两个js对象的差异】vdom diff算法会根据key判断元素是否要删除。匹配了key，则只移动元素，性能较好。未匹配Key，则删除重建，性能较差。即真实dom的js对象。
2025-01-02 01:31:00
228
原创 url敲回车后会发生什么
页面渲染（j解析javascript http css文件）TCP三次握手请求 SYN SYN+ACK ACK。DNS域名解析，找到对应的服务器ip地址。浏览器发送HTTP请求。服务器响应HTTP请求。
2024-12-07 20:33:54
101
原创 git使用总结
【在gitee远程仓库上做修改，同步到本地，直接用git pull即可，拉取下来远程更新的部分，push是上交到本地更新的部分**】【若发现gitee仓库点击不了上传的文件，可能是此文件夹下有git文件夹，与外部重复了】
2024-12-06 10:49:40
167
原创 Javascript创建数组的方式
不指定具体内容，只是开具体大小空间的数组，如100。4. 若数组内容要是下标，就可以使用keys()3. 使用Array.from。1. 使用Array构造函数。2. 使用Array.of。4. 使用fill方法。
2024-12-05 23:52:11
166
原创 Provide和Inject
选项允许你指定你想要提供给后代组件的数据/方法。它是一个对象或者是一个返回对象的函数，里面包含了要提供给后代组件的属性和值。它是一个字符串数组或者是一个对象，每个字符串对应。中提供的属性名，对象形式可以指定默认值等。选项用来接收父组件通过。
2024-09-21 19:50:01
509
原创 布局layout与视图view ——router
DefaultLayout中设置了整体布局架构，其中包含header main footer等组件，main中含router-view，即使redirect，【children子路由content】为main中内容，整体布局架构不变。
2024-09-21 17:38:36
285
原创 盒子模型 浮动 定位
【任何情况margin都不包含在宽高中，而border和padding可能会影响宽高】5个属性: top bottom left right z-index。设置以下五种定位类型后，根据性能可用以上5个属性相应改变自己的位置。给其父元素添加overflow: hidden;即两个盒子之间的距离[margin]，是两者中最大者。margin: 外边距，两个盒子之间的距离。border: 边框。padding：内边距。
2024-09-20 15:19:21
588
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人