关索

一. ref、toRef、toRefs推荐用法 setup里合成函数返回响应式对象时，使用toRefs（直接解构reactive对象会失去响应式） reactive实现对象的响应式，ref实现值类型响

一.组件的 data 必须是一个函数。 在组件上总是必须用 key 配合 v-for，以便维护内部组件及其子树的状态。甚至在元素上维护可预测的行为，比如动画中的对象固化 (object constancy)，也是一种好的做法。 为了过滤一个列表中的项目 (比如 v-for="…

职责分层，将数据处理和数据展示分成两个职责进行处理。 数据处理：进行服务化，即表示数据的获取，数据的转换。 数据展示：视图绑定，只应用/调用数据处理的结果。 将接口请求封装在 service 文件夹下，不同的业务类型封装成不同的文件（模块化）。

在界面中一致：所有的元素和结构需保持一致，比如：设计样式、图标和文本、元素的位置等。 一个有效的原则就是将辅助代码分离出来放在特定的地方，这样你在处理组件时就不必考虑这些。以下列举一些方面： 组件的props根据实际情况进行合理拆解：props只传递简单类型数据和函数，让组件的…

BEM规范是一种主流的css命名规范，BEM分别对应的是block ， element 和 modifier，为的是结束混乱的命名方式，达到一个语义化的CSS命名方式。 在BEM规范中，block（块）表示一个组件的意思，假设你要写一个按钮的组件，只需要设置一个 .button…

当鼠标移动到图片上时，有一道白光从图片上划过，犹如刀光剑影。 这里使用渐变（linear-gradient）来实现白光效果，同时为了斜向划过，使用transform: rotate(45deg)将其旋转45度。 上面的height、width、top和left，你也可以使用具体…

先放置一个.box的div父容器，在box里放置一个.dice的div，然后在其里面放置6个div，分别表示骰子的6个面。 transform-style 属性规定如何在 3D 空间中呈现被嵌套的元素，默认是其子元素不呈现3D效果，所以我们需要添加preserve-3d值，让其…

写在前面： 11月16日早上，Vue.js的作者尤大大在 Vue Toronto 的主题演讲中预演了 Vue.js 3.0的一些新特性，其中一个很重要的改变就是Vue3 将使用 ES6的Proxy 作为其观察者机制，取代之前使用的Object.defineProperty。我相…

写在前面：前三种方式大家都和很熟悉，因为cookie、sessionStorage、localStorage都属于js语言的本地存贮，而indexedDB是一种前端存储数据库，这篇文章会分别介绍这四种方式，以及他们之间的共同点和不同点。 Cookie 是一些数据, 存储于你电脑…