- 博客(13)
- 收藏
- 关注
原创 JavaScript 中易混淆概念
Object.is 和 ===(严格等于运算符)都用于比较两个值是否相等,但它们在某些特殊情况下的行为有细微差别。
2024-05-09 09:39:31 335 1
原创 js 模块化:ESM ,CJS, AMD, UMD
一般来说,一个文件就是一个模块,这个文件内的作用域唯一,可以向外暴露变量,函数等。模块化的出现减少了代码的繁琐,利于代码复用和日后维等作用。JavaScript的模块系统有ESM ,CJS, AMD, UMD。
2024-04-15 14:19:39 1107 1
原创 一个页面的相同重复请求问题
如果一个页面中有多个组件, 这些组件每次onMounted的时候都会去请求相同的api接口,这样就会造成同一个页面每次渲染时都会同时。
2024-04-15 10:54:17 425 1
原创 浏览器渲染原理
reflow 的本质就是重新计算 layout 树。当进行了会影响布局树的操作后,需要重新计算布局树,会引发 reflow。为了避免连续的多次操作导致布局树反复计算,浏览器会合并这些操作,当 JS 代码全部完成后再进行统一计算。所以,改动属性造成的 reflow 是异步完成的。也同样因为如此,当 JS 获取布局属性时,就可能造成无法获取到最新的布局信息。浏览器在反复权衡下,最终决定获取属性立即 reflow。repaint 的本质就是重新根据分层信息计算了绘制指令。
2024-04-15 09:46:18 586 1
原创 Vue内置组件:KeepAlive,Suspense
Suspense>是一个内置组件,用来在组件树中协调对异步依赖的处理。它让我们可以在组件树上层等待下层的多个嵌套异步依赖项解析完成,并可以在等待时渲染一个加载状态。类似于keep-alive不需要任何的引入,可以直接进行使用。自带两个slot分别为。当要加载的组件不满足状态时,Suspense将回退到fallback状态一直到加载的组件满足条件,才会进行渲染。可以等待的异步依赖有两种:带有异步setup()钩子的组件。组合式 API 中组件的setup()return {
2024-04-15 08:32:40 787 1
原创 JavaScript 异步编程
在JavaScript 提供的多种异步解决方案中,由于Promise是多种异步方案的基础,必须熟练掌握。平时养成和Promise配合使用的习惯。遇到复杂的异步并发逻辑可以求助于 RxJS 等异步类库。
2024-04-13 08:49:30 980
原创 CSS3 响应式布局 -- Media Queries(媒体查询) & Container Queries(容器查询)
媒体查询是 CSS3 中的一个强大功能,它使得我们可以根据不同的设备特性来应用不同的 CSS 样式。这对于响应式设计来说非常重要,因为它允许我们根据用户的设备环境(例如视口宽度、设备方向等)来调整页面布局。
2024-04-01 11:58:19 996
原创 CSS 变量(css自定义属性)
使用场景:复杂的网站都会有大量的 CSS 代码,通常也会有许多重复的值。举个例子,同样一个颜色值可能在成千上百个地方被使用到,如果这个值发生了变化,需要全局搜索并且一个一个替换。这意味着如果在一个给定的元素上,没有为这个自定义属性设置值,在其父元素上的值会被使用。利用这个特点,可以在响应式布局的media命令里面声明变量,使得不同的屏幕宽度有不同的变量值。注:在HTML中,:root代表元素,与选择器html相同,只是优先级更高。CSS 是动态的,页面的任何变化,都会导致采用的规则变化。
2024-03-29 18:06:36 1057 1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人