- 博客(15)
- 收藏
- 关注
RSS订阅原创 介绍下 Set、Map、WeakSet 和 WeakMap 的区别?ES5/ES6 的继承除了写法以外还有什么区别?setTimeout、Promise、Async/Await 的区别
【代码】介绍下 Set、Map、WeakSet 和 WeakMap 的区别?ES5/ES6 的继承除了写法以外还有什么区别?setTimeout、Promise、Async/Await 的区别。
2024-08-02 19:32:00
302
原创 Vue 的响应式原理中 Object.defineProperty 有什么缺陷? 为什么在Vue3.0 采用了 Proxy，抛弃了 Object.defineProperty?React / Vue
框架在进行 DOM diff 时，可以快速判断哪些项发生了变化、哪些项需要移动、添加或删除，从而高效地更新 DOM，提升性能。： 在初始化响应式系统时，Vue 需要遍历对象的所有属性来设置 getter 和 setter，这在对象较大时效率较低。不需要递归遍历对象所有属性进行绑定，可以在属性被访问时进行拦截，从而提高性能，特别是在处理深层嵌套对象时。的深度监听需要递归遍历对象的每一个属性，如果对象层级很深或者对象很大，初始化时会消耗大量的性能。例如，如果你在一个列表中有表单输入框，当重新排序列表时，有。
2024-08-02 09:15:28
334
原创 简述 CSS 盒模型简述 Rem 及其转换原理移动端视口配置简述伪类和伪元素
伪类和伪元素用于增强样式控制，伪类用于选择元素的特定状态，伪元素用于选择或创建元素的特定部分。标签来配置视口，以确保网页在不同设备上有良好的显示效果。是 16px，那么 1 rem 就等于 16px。CSS 盒模型用于定义网页元素在浏览器中的布局结构。这些配置有助于确保网页在不同屏幕尺寸和分辨率的设备上都能正确显示。1 rem 的值等于根元素的。用于选择元素的特定部分或创建虚拟元素。，可以动态改变使用 rem 单位的元素尺寸。是一种相对单位，相对于根元素（通常是。用于选择元素的特殊状态。
2024-07-30 17:17:10
407
原创 介绍下重绘和回流 (Repaint & Reflow) ，以及如何进行优化分析比较 opacity: 0、visibility: hidden、display: none 优劣和适用场景色
理解重绘和回流的机制及其触发条件，有助于编写高性能的网页代码。根据实际需求选择合适的隐藏方式，可以有效优化页面性能和用户体验。在日常开发中，尽量减少不必要的DOM操作，避免频繁触发重绘和回流，是提升页面性能的关键。
2024-07-29 12:13:40
364
原创 简述浏览器的渲染原理HTML5 的 form 的自动完成功能是什么?
（autocomplete）是一个 HTML5 的表单特性，允许浏览器在用户填写表单时提供建议或自动填充已保存的信息。这个功能基于用户以前输入的表单数据或浏览器的保存数据。
2024-07-26 17:11:45
416
原创 页面导入样式时，使用 link 和 @import 有什么区别如何实现浏览器内多个标签页之间的通信?
创建一个频道，通过该频道发送和接收消息，实现跨标签页的实时通信。：推荐在生产环境中使用，用于引入外部样式文件或在页面加载时需要立即应用样式的情况。：适用于需要后台处理、离线功能以及复杂通信需求的应用，例如离线优先的Web应用和需要后台同步的场景。在主样式表中被处理时才会加载被引入的样式，所以可能会导致加载延迟，这可能影响页面的渲染速度。：适用于需要在标签页之间传递小量数据或状态变化的场景，例如用户设置或简单的消息通知。部分被立即加载，浏览器可以尽快并行加载这些样式，从而加快页面的渲染速度。
2024-07-25 17:49:55
508
原创 Vue3.0里为什么要用 Proxy API 替代 defineProperty API? 面试官: Vue3.0 所采用的 Composition Api与 Vue2.x 的不同
在Vue3.0中，ProxyAPI被引入来替代API，主要是为了提高性能和增强灵活性。
2024-07-25 17:43:13
287
原创 说说Vue 3.0中Treeshaking特性? 举例说明一下?用Vue3.0 写过组件吗? 如果想实现一个 Modal你会怎么设计?
在打包过程中，打包工具会识别到只用了 `ref` 和 `computed`，然后剔除 Vue 3.0 中的其他未使用代码，例如 `watch`、`reactive` 等。通过使用 Vue 3.0 的组合式 API 和 Teleport 组件，我们可以更灵活地管理和渲染组件，从而构建出更高效和可维护的应用。在 Vue 3.0 中实现一个 Modal 组件，可以使用组合式 API 以及 `<Teleport>` 组件来实现更灵活和高效的设计。在父组件中，可以通过 `ref` 来控制 Modal 的显示和隐藏。
2024-07-23 17:16:21
256
原创 vue2和vue3的生命周期有什么区别？vue2和vue3的响应式有什么区别？使用过程中的经验分享
Vue.js 是一个用于构建用户界面的渐进式 JavaScript 框架。从 Vue 2 到 Vue 3，框架在生命周期钩子和响应式系统上都有了显著变化。
2024-07-19 15:42:15
323
原创 原生微信小程序与React开发经验梳理
原生微信小程序适合需要深度集成微信功能的小型项目或快速开发场景，而React则适合需要跨平台、高度可扩展和组件化开发的大中型项目。根据具体项目需求选择合适的技术栈，可以达到事半功倍的效果。
2024-07-17 16:11:16
382
原创 app应用离线下发方案
不同的应用场景可能需要不同的离线下发数据方案，通常可以结合使用上述多种方案来满足需求。核心在于如何可靠地存储数据、检测网络状态变化、以及有效地同步数据。
2024-07-16 18:11:22
434
原创 HTML、CSS和JavaScript课件
用于在网页中添加动画效果。常见方法包括过渡（transition）和关键帧动画（keyframes）。：用于选择要应用样式的HTML元素。常见选择器包括元素选择器、类选择器、ID选择器等。：用于定义网页的布局结构。常见布局方法包括浮动布局、Flexbox布局和Grid布局。：用于存储和操作数据。常见数据类型包括字符串、数字、布尔值、数组和对象。：用于控制代码的执行流程。常见控制结构包括条件语句和循环语句。：用于组织和复用代码。：用于在网页中嵌入图片、视频和音频。：用于定义网页的结构和内容。
2024-07-15 13:09:12
846
原创 Vue 3 面试注意事项
理解 setup 函数的使用，掌握 ref 和 reactive 的区别和用法，以及如何使用 computed、watch 和生命周期钩子函数。理解和掌握 Vue 3 的组件系统，包括组件的定义、注册、父子组件通信（props 和 emit）、插槽（slot）、动态组件和异步组件等。深入理解 Vue 3 的响应式系统，如何通过 reactive 和 ref 创建响应式对象和变量，以及它们的内部实现原理。阅读 Vue 3 的源码，了解其内部实现机制和设计思想，特别是响应式系统和组合式 API 的实现。
2024-07-12 16:26:45
312
1原创 防抖与节流（面试题）
防抖：触发高频事件后n秒内函数只执行一次，如果n秒内高频事件再次触发，则重新计算时间。节流：高频事件触发，但在n秒内只执行一次，所以节流会稀释函数的执行频率。思路：每次触发事件都取消之前延时调用方法，来重新计时。思路：每次触发事件都判断当前是否有等待的延时函数。
2023-06-03 17:01:47
169
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人