- 博客(7)
- 收藏
- 关注
RSS订阅原创 如何利用流式渲染技术优化用户使用体验的探究
流式渲染的核心思想在于将HTML文档划分为多个小片段（chunk），然后逐步传输至客户端，而不是待整个页面完全构建完毕后再进行一次性传输。这种渲染方式显著改善了用户的初始加载感受，尤其在网络环境较差或页面内容较为复杂时，其优势更为明显。流式渲染并非一项新技术，早在20世纪90年代，网页浏览器就已经开始采用这种模式来处理HTML文档。然而，在SPA（单页应用）盛行的时期，由于其主要依赖于客户端动态渲染内容，流式渲染并未受到广泛关注。
2024-11-13 16:08:53
623
原创 array.sort方法
方法可以对数组进行排序。默认情况下，它会按照字符串Unicode码点进行排序。如果你想按照数字或其他自定义方式排序，你需要提供一个比较函数。方法可以对数组进行排序。默认情况下，它会按照字符串Unicode码点进行排序。在react当中使用，需求是把用户评论按热度或发布时间倒序排列。自己写排序麻烦，使用array.sort方法。
2024-01-26 15:21:33
516
1
原创 前端性能优化02-浏览器渲染机制
渲染机制包括的内容：什么是DOCTYPE及作用浏览器渲染过程。面试经常会问：在浏览器中输入url，发生了哪些事情。其中有一部就是浏览器的渲染过程。Reflow：重排。面试官问完了渲染机制，一般会紧接着问重排Reflow，你可千万别说你没听过。Repaint：重绘Layout：布局。这里的Layout指的是浏览器的Layout。DTD（Document Type Definition）：文档类型定义。是一系列的语法规则，用来定义XML或者(X)HTML文件类型。浏览器会使用DTD来判断文本类型。
2023-08-11 13:56:16
592
1
原创 常见html标签及其全称
input type="checkbox" name="name" value="" />input,type="checkbox" 复选框（checkbox）input,type="radio" 单选框（radio）input,type="text" 文本输入框（text）
2023-08-10 16:47:05
1488
1
原创 Promise入门详解
把函数 A 传给另一个函数 B 调用，那么函数 A 就是回调函数。例如在浏览器中发送 ajax 请求，就是常⻅的⼀个异步场景，发送请求后，需要等待一段时间，等服务端响应之后我们才能拿到结果。如果我们希望在异步结束之后执⾏某个操作，就只能通过回调函数这样的⽅式进⾏操作。callback();}, 1000);});例如上⾯这个例⼦，dynamicFunc 就是⼀个异步函数，⾥⾯ setTimeout 会在 1s 之后调⽤传⼊的 callback 函数。
2023-08-10 15:56:34
1225
1
原创 微信小程序(一)小程序与web开发的区别&创建新项目
wxml(weixin markup language）是微信小程序设计的一套标签语言，用来构建小程序页面的结构，类似web端的html。WXSS (WeiXin Style Sheets)是一套样式语言，用于描述 WXML 的组件样式，类似于网页开发中的 CSS。
2023-08-10 11:08:45
4674
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人