- 博客(22)
- 收藏
- 关注
RSS订阅原创 【给自定义指令传参时，丢失参数响应式】
有一个通过右键某元素打开的一个菜单列表，通过自定义指令捕获右键事件并拿到坐标信息，然后动态渲染菜单组件。指令接收一个参数类型为一个ref。
2024-11-12 22:32:08
277
原创 JavaScript中多个异步请求如何顺序执行？
在 JavaScript 中，有多种方式可以让多个异步请求按顺序执行。主要还是使用async/await、promise。
2024-10-17 16:51:36
589
转载 Vue3中的Hooks是什么？它与普通函数有和区别？
其实vue中的 Hooks 只是借鉴了 React 的说法，vue 官方的说法其实叫 “组合式函数”（Composables）。在 Vue 应用的概念中，“组合式函数”(Composables) 是一个利用 Vue 的组合式 API 来封装和复用有状态逻辑的函数。
2024-10-17 14:39:29
343
原创 可用CSS隐藏元素的方法有哪些？它们的区别是什么？
在平常的样式排版中，我们经常遇到将某个模块隐藏的场景，用css隐藏元素的方法有许多种，它们看起来实现效果是一致的。但实际上每一种方法都有一丝轻微的不同，这些不同决定了在一些特定场合下使用那种方法。
2024-10-15 23:33:22
341
原创 Typescript 中 type 与 interface 的区别
在 TypeScript 中，type 和 interface 都用于定义类型，但各有特点：interface：用于定义对象结构，支持继承和声明合并，适合描述可扩展的对象类型。type：用于定义类型别名，适合定义联合类型、元组等复杂类型，但不支持声明合并。选择时，根据需求选择适合的工具：对象结构用 interface，复杂类型用 type。
2024-08-28 00:22:40
331
原创 插件化机制
插件化机制在前端应用或者框架中的应用非常广泛。不论是业务开发还是框架开发，我们都能见到插件化设计。比如 webpack 基于 tappable 实现的插件化。
2024-08-20 19:15:55
293
原创 【在使用Vantweapp中的Rate评分组件时绑定value第一次不生效问题】
使用 uni-app 开发微信小程序,使用的 vantweapp 是专门为微信小程序开发的压缩版(组件包直接下载到了本地), 语法采用的是 vue3 的写法, 在绑定value后初使值不生效
2024-07-31 11:22:55
454
原创 【call、apply、bind、new手写实现】
这篇文章详细介绍了如何通过JavaScript手写实现call、apply、bind和new函数。文章首先解释了这四个函数的基本概念和用途，接着逐步展示了手写实现的具体步骤，并提供了相应的代码示例。通过阅读这篇文章，读者能够深入理解这些函数的工作原理，并学会如何在实际开发中自行实现它们，提高代码的灵活性和可维护性。
2024-07-08 21:18:05
711
原创 【watch、watchEffect、watchPostEffect、watchSyncEffect】
在 Vue 3 中，watch和提供了更强大的工具来处理响应式数据的变化。每个 API 都有其独特的应用场景，可以根据具体需求选择合适的工具来实现更简洁、高效的代码。希望这篇文章能帮助你更好地理解和使用 Vue 3 的响应式 API。
2024-07-01 20:23:51
1192
原创 【理解 JavaScript 中 `{}` 和 `[]` 的加法操作】
在 JavaScript 中，`+` 操作符的行为因操作数的类型而异。当操作数是对象或数组时，`+` 操作符可能会导致一些令人困惑的结果。在这篇博客文章中，我们将详细解释 `{} + []`、`[] + {}` 和 `({} + [])` 的结果。
2024-06-11 11:12:43
328
原创 【Map key not configured】
manifest: HBuilderX 创建的工程此文件在根目录，CLI 创建的工程此文件在 src 目录。使用uni-app 打包H5小程序 地图组件报错: Map key not configured.需要在 manifest.json 下配置。
2024-06-04 22:11:55
2120
10
原创 微信小程序引入腾讯地图
这篇博客主要记录在使用uni-app开发微信小程序引入腾讯地图时候的一些问题。在后台管理系统中对某一区域进行绘制,将该区域于对应的人员进行绑定.然后在小程序端展示绘制的区域,并将与该区域绑定的人员展示在区域的中心,并绑定点击事件.
2024-06-02 17:38:05
879
原创 浏览器渲染原理
-- 当读取页面的几何信息会立即reflow 因为需要计算拿到位置信息 dom.clientWidth--- 设置几何信息是异步的reflow的本质就是重新计算layout树当进行了会影响布局树的操作后,需要重新计算布局树,会引发layout为了避免连续多次操作导致布局树反复计算, 浏览器会合并这些操作, 当js代码全部执行完成后,再同一计算. 所以改动属性造成的reflow 是异步的// 会产生一个异步任务放到消息队列中// 此时是一个同步任务,立即reflow。
2024-05-31 18:19:00
976
原创 Proxy(代理) 与 Object.defineProperty的区别
Proxy能劫持到属性的新增，Object.defineproperty 是对对象的属性进行劫持，所以不能操作数组，当要实现代理整个对象的时候，Proxy 只需要在需要的时候对内部引用进行代理，而Object.defineProperty 则需要先递归，影响性能
2023-01-09 19:43:01
357
原创 判断一个对象里面是否有某个属性
一个字符串类型或者 symbol 类型的属性名或者数组索引（非symbol类型将会强制转为字符串）。参数：prop要检测的属性的 字符串形式表示的名称，或者symbol。注意：只会判断自身特定的属性，会忽略掉从原型链上继承的属性。返回值：用来判断某个对象是否含有指定的属性的布尔值。返回值：Boolean。
2022-04-15 19:12:30
2210
1
原创 原生js自定义动画
1、创建容器与dom元素 <!-- 容器 --> <div id="body"> <!-- 需要运动的dom元素 --> <div id="box"></div> </div>2、为容器和dom元素添加相对定位与绝对定位 #body { width: 300px; height: 300px; bac
2022-04-14 23:04:24
385
原创 箭头函数-JavaScript
箭头函数表达式的语法比函数表达式更简洁，并且没有自己的this，arguments，super或new.target。箭头函数表达式更适用于那些本来需要匿名函数的地方，并且它不能用作构造函数。
2022-03-04 12:00:19
357
原创 JavaScript基本数据类型传值、引用类型传址
基本数据类型：因为基本数据类型（String，Number，Boolean，Null，Undefined）一般为一些简单的数据段，所以它存放在栈（stack）里面。栈会自动分配内存空间，会自动释放。传值的时候是直接传的数据。引用类型：引用类型（Function，Array，Object）保存数据不仅仅会用到栈还会用到堆，与基本数据类型不同的是引用类型在栈里面存放的是指向堆中的地址，所以传值得时候实际上是传的栈中的地址。例子：我分别给a和b两个变量赋值，得到如图所示的结果。那如果我再改
2021-11-28 21:05:29
393
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人