首页
学习
活动
专区
工具
TVP
发布

前端小叙

专栏作者
407
文章
780764
阅读量
44
订阅数
vue3 中 pinia 的 state 修改模版绑定的 state 数据没更新?
html <div v-for="(layer, index) in layerList" :key="layer.id" class="layer-item"> <div>{{ layer.name }}</div> </div> JavaScript 解决方案 1 : 给 state 增加 computed <script setup> import { useLayerStore } from "@/stores/"; 解决方案 2: 给 useStore 使用 storeToRefs <sc
蓓蕾心晴
2023-03-30
1.5K0
一道题解释 js 的词法作用域
解析:词法作用域让 foo() 中的 a 通过 RHS 引用用到了全局作用域中的 a,因此会输出 1.
蓓蕾心晴
2023-03-23
2970
escape 和 encodeURI 和 encodeURIComponent 区别?
在日常开发中,我们经常会用到  escape 和 encodeURI 和 encodeURIComponent   这三个方法对 url 或某些字符串进行转义,那这三个方法有什么区别呢?
蓓蕾心晴
2023-03-10
8130
一道 js 函数提升的问题
答:1. 输出  Uncaught TypeError: foo is not a function
蓓蕾心晴
2023-03-08
1570
mraid页面事件监听避免这样写
其中事件监听回调增加逻辑,是根据回调函数转为 String 之后来存储和判断的,当我们这样写
蓓蕾心晴
2023-01-13
7590
webpack5 配置多线程和缓存加快构建速度
https://webpack.js.org/configuration/cache/
蓓蕾心晴
2022-12-29
1.6K0
js setTimeout 错误捕获
封装为 promise,通过 promise.catch 捕获,或 promise 全局错误捕获
蓓蕾心晴
2022-12-18
2.7K0
js forEach和 map 区别
forEach() 方法按升序为数组中含有效值的每一项执行一次 callbackFn 函数,那些已删除或者未初始化的项将被跳过(例如在稀疏数组上,见下方的示例)。
蓓蕾心晴
2022-12-06
4.6K0
安卓和 ios滚动事件的差异
document.documentElement.scroll 仅在 ios 有效,
蓓蕾心晴
2022-11-21
8830
多层嵌套 promise then 执行顺序
在看 js 事件循环的时候,看到一个有趣的 promise then 执行顺序的题,想了好久,终于想明白了,这里记录一下。
蓓蕾心晴
2022-10-30
1.1K0
Object.freeze的应用
Object.freeze() 方法可以冻结一个对象。一个被冻结的对象再也不能被修改;冻结了一个对象则不能向这个对象添加新的属性,不能删除已有属性,不能修改该对象已有属性的可枚举性、可配置性、可写性,以及不能修改已有属性的值。此外,冻结一个对象后该对象的原型也不能被修改。freeze() 返回和传入的参数相同的对象。
蓓蕾心晴
2022-09-24
4030
浏览器关键路径渲染快速记忆
浏览器渲染路径,先构建 DOM 树,再构建 CSSOM 树,DOM 树再与 CSSOM 树合并为渲染树,之后再进行布局、绘制,完成渲染过程。
蓓蕾心晴
2022-09-24
1840
js中 substr 和substring的区别
substr(start, length) , 第一个参数为起始位置,第二个参数为从起始位置开始截取的长度 第一个参数可为负数
蓓蕾心晴
2022-09-24
1.2K0
js对象拷贝方法
参考阮一峰文档: https://es6.ruanyifeng.com/#docs/object-methods#Object-assign
蓓蕾心晴
2022-08-23
2.3K0
leetcode 077. 链表排序 JavaScript
// 剑指 Offer II 077. 链表排序 /** * @param {ListNode} head * @return {ListNode} */ var sortList = function (head) { // 1. 首先判断当前链表不存在 ,或链表只有一个节点,则直接返回 head if (!head || !head.next) { return head; } // 2. 获取分割的右侧链表 let rightLists
蓓蕾心晴
2022-08-03
2090
桶排序JavaScript
// 桶排序 // 公式 // 桶的数量 = (最大值 - 最小值)/ 数组长度 + 1 // 元素所属桶的位置 =( 元素大小 - 最小值)/ 数组长度 function bucketSort(arr) { let min = Math.min(...arr); let max = Math.max(...arr); // 代表桶的数量 let bucketSize = Math.floor((max - min) / arr.length) + 1; // 初始化
蓓蕾心晴
2022-08-03
1560
vite + vue3 中使用按需加载
该插件主要作用是省去每次使用一个自定义组件,或UI组件库的组件时对组件的引入。兼容不同UI组件库,需要在安装对应UI组件库的前提下,并引入对应UI组件库的 resolvers。
蓓蕾心晴
2022-07-04
2.2K0
async/await的应用场景
个人理解,async/await的应用场景主要是为了解决异步多层回调嵌套的问题,举例如下:
蓓蕾心晴
2022-06-08
2.4K2
promise快速掌握与全局错误捕获
promise作为JavaScript中处理异步任务的api,真的非常好用,这里简单分享下个人学习的一些demo,以便快速理解。
蓓蕾心晴
2022-05-23
8950
js函数与对象关系快速记忆
js中关于原型和原型链有 __proto__ 、prototype、constructor 频频出现在面试题中,但是记得多了反而容易记混。
蓓蕾心晴
2022-05-09
6930
点击加载更多
社区活动
腾讯技术创作狂欢月
“码”上创作 21 天,分 10000 元奖品池!
Python精品学习库
代码在线跑,知识轻松学
博客搬家 | 分享价值百万资源包
自行/邀约他人一键搬运博客,速成社区影响力并领取好礼
技术创作特训营·精选知识专栏
往期视频·千货材料·成员作品 最新动态
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档