- 博客(4)
- 收藏
- 关注
RSS订阅原创 深入探讨CSS命名规范：BEM、OOCSS、SMACSS和Atomic CSS
1. 结构与外观分离：把元素的基本结构样式和外观样式分开定义，比如定义一个.button类设置按钮的基本结构，如display 、width 、height 等，再通过其他类设置按钮的颜色、背景等外观。4. 状态（State）：表示元素的不同状态，如.is - active 、.is - hidden 、.is - loading ，通过状态类来改变元素在不同状态下的样式。1. 基础（Base）：定义基本HTML元素的样式，如body 、h1 - h6 、p 等，这些样式通常具有通用性。
2025-02-22 14:54:53
796
原创 数据埋点详细解析：解锁数据驱动增长的密码
然而，它收集的数据量庞大且缺乏针对性，包含许多可能对业务分析无用的数据，增加了数据存储、传输和处理的成本，同时对于特定业务逻辑的深度分析，可能无法提供足够详细和准确的数据。但它在灵活性上逊于代码埋点，对于复杂的交互逻辑和动态生成的页面元素，可能无法实现精准埋点，并且依赖特定的可视化工具，存在一定的技术兼容性问题。深入了解用户的行为习惯、兴趣偏好和使用频率，为用户提供个性化服务。
2025-02-22 11:58:46
710
原创 watchEffect中的异步问题
原理：当 watchEffect 内部包含异步操作时，如果异步操作的结果会引起依赖数据的变化，可能会导致 watchEffect 陷入无限循环或者数据更新不及时等问题。- 合理处理异步逻辑：在 watchEffect 内部的异步操作中，要确保对依赖数据的更新是有条件的，避免不必要的触发。点击按钮后，先在 incrementCount 函数中更新 count 并输出，而 watchEffect 中的回调会在当前函数执行完后，微任务队列执行时才输出更新后的 count 值。
2025-02-22 11:43:08
333
原创 【无标题】深入剖析Vue响应式本质：数据驱动视图的奥秘
例如，对于数组的操作， Proxy 可以直接捕获到数组元素的新增、删除和修改等操作，而在Vue2中使用 Object.defineProperty() 时，对数组的某些操作（如通过索引直接修改元素）无法被自动监听，需要特殊处理。在Vue.js的世界里，响应式系统是其核心魅力之一，它让开发者能够专注于数据的逻辑处理，而无需手动繁琐地操作DOM来更新视图，实现了数据与视图的自动同步。Vue响应式的实现基础是数据劫持技术，通俗来讲，就是在访问或修改对象属性时进行拦截，从而可以执行自定义的逻辑。
2025-02-22 11:34:12
722
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人