摘要：
https://www.cnblogs.com/xiahj/p/8036419.html 阅读全文
摘要：
下面 先从setup Fuction 开始编写Compositon API. 1⃣️ setup 新的 setup 组件选项 在 创建组件之前执行，一旦 props 被解析，并充当合成 API 的入口点。 我们从 setup 返回的所有内容 都将暴露给组件的其余部分 (计算属性、方法、生命周期钩子等 阅读全文
摘要：
一、响应性原理 数据模型 是被代理的 JavaScript 对象。而当你修改它们时，视图会进行更新。这让状态管理非常简单直观。 理解其工作原理同样重要，这样可以避开一些常见的问题。 1⃣️ 什么是响应性？ 响应性是 一种允许我们以声明式的方式去适应变化的一种编程范例。如excell。 js如何实现响 阅读全文
摘要：
为什么使用 composition API ? vue2的局限促使我们使用vue3。具体如下： 随着组件变得更大, 逻辑关注点的列表也会增长。碎片化使得 可读性 和 可维护性也变低。选项的分离掩盖了潜在的逻辑问题。此外，在处理单个逻辑关注点时，我们必须不断地“跳转”相关代码的选项块。如果我们能够将与 阅读全文
摘要：
防抖和节流严格算起来应该属于性能优化的知识，实际上遇到的频率也相当高，处理不当或者放任不管就容易引起浏览器卡死，所以还是很有必要早点掌握的。 从滚动条监听的例子说起 先说一个常见的功能，很多网站会提供这么一个按钮：用于返回顶部。 这个按钮只会在滚动到距离顶部一定位置之后才出现，那么我们现在抽象出这个 阅读全文
摘要：
元素是构成 React 应用的最小砖块。 元素不同于DOM元素，也不同于组件。 1⃣️ 创建：想要将一个 React 元素渲染到根 DOM 节点中，只需把它们一起传入 ReactDOM.render() 2⃣️ 更新：React 元素是不可变对象。一旦被创建，你就无法更改它的子元素或者属性。一个元素 阅读全文
摘要：
一、JSX a. 是什么？ 如： const element = <h1>Hello, world!</h1>; JSX 是 一个JavaScript 的语法扩展。JSX 可能会使人联想到模版语言，但它具有 JavaScript 的全部功能。 React 并没有采用 将标记与逻辑进行分离到不同文件 阅读全文
摘要：
场景：该专题官网共5屏翻页，最后一屏有个抽奖记录，需要在指定区域（超过区域时）滚动查看。 解决方案：为了防止在特定元素上滚动时翻页，需要在调用fullpage的时候加 normalScrollElements:false 配置. ⚠️ 若fullpage使用了一个字符串,中间靠逗号分隔选择器，他的文 阅读全文
摘要：
element 官网上 slot=“header”，这种写法，template 内的变量，打印出来的一直是初始值，将slot=“header” 改成#header ，就可以了 * 在 2.6.0 中，我们为具名插槽和作用域插槽引入了一个新的统一的语法 (即 v-slot 指令)。它取代了 slot 阅读全文
摘要：
封装了工具类 DateTimeUtils.js，可以直接复制到项目中使用. /** * 时间日期工具类 */ import moment from 'moment' export default { /** * 获取本周周一和周日日期 */ getCurrentWeek() { const star 阅读全文