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

web前端技术分享

专栏作者
50
文章
123724
阅读量
12
订阅数
React中useMemo与useCallback的区别
把“创建”函数和依赖项数组作为参数传⼊入useMemo,它仅会在某个依赖项改变时才重新计算memoized 值。这种优化有助于避免在每次渲染时都进⾏行行⾼高开销的计算。
TimothyJia
2022-08-18
6520
vuex存储和本地存储(localstorage、sessionstorage)的区别
1.区别:vuex存储在内存,localstorage(本地存储)则以文件的方式存储在本地,永久保存;sessionstorage( 会话存储 ) ,临时保存。localStorage和sessionStorage只能存储字符串类型,对于复杂的对象可以使用ECMAScript提供的JSON对象的stringify和parse来处理。
TimothyJia
2020-04-02
1.6K0
JS中的同步异步编程,宏任务与微任务的执行顺序
首先我们先看看同步与异步的定义,及浏览器的执行机制,方便我们更好地理解同步异步编程。
TimothyJia
2020-02-18
2K0
超实用的JS数组去重
我用let代替了var声明变量,还未学ES6的同学用var可以实现,不影响功能实现~
TimothyJia
2019-11-12
2K0
JS回调函数中的 this 指向(详细)
1. obj.fun() fun 中的 this->obj ,自动指向.前的对象
TimothyJia
2019-11-12
7.2K0
什么是闭包?为什么使用闭包?闭包的缺点?
   3. 调用外层函数,获得内层函数的对象,保存在外部的变量中——形成了闭包。  
TimothyJia
2019-11-12
1.8K0
前端性能优化常用方案
1.在JS中尽量减少闭包的使用(原因:闭包会产生不释放的栈内存) A:循环给元素做事件绑定的时候,尽可能的把后期需要的信息(例如索引)存储到元素的自定义属性上,而不是创建闭包存储 B:可以在最外层形成一个闭包,把一些后续需要的公共信息进行存储,而不是每一个方法都创建闭包(例如单例模式) C:尽可能的手动释放不被占用的内存 ...
TimothyJia
2019-11-12
6760
JS中数据类型转换
JS中的数据类型分为 【基本数据类型】 数字 number 字符串 string 布尔 boolean 空 null 未定义 undefined 【引用数据类型】 对象 object - 普通对象 - 数组对象 (Array) - 正则对象 (RegExp) - 日期对象 (Date) - 数学函数 (Math) ... 函数 function
TimothyJia
2019-11-12
3.6K0
使用element-ui中table expand展开行控制显示隐藏(手风琴效果)
问题讲解: 在使用vue版本的ElementUI中的table功能的时候还是遇到了一些问题,可以说饿了么团队在这个UI框架的文档撰写已经非常不错了,不过还是有一些方法乍一看让人摸不着头脑,有些table的常用功能示例代码提供的不是非常详细,所以这次针对这个可展开表格实现手风琴效果写一篇博客探讨一下。 先展示一下ElementUI官方提供的示例代码效果图
TimothyJia
2019-11-12
8.2K1
JS-字符串截取方法slice、substring、substr的区别
slice() 方法可通过指定的开始和结束位置,提取字符串的某个部分,并以新的字符串返回被提取的部分。语法如下:
TimothyJia
2019-11-12
2.8K0
Vue响应式原理及总结
虚拟DOM (Virtaul DOM): 用 js 对象模拟的,保存当前视图内所有 DOM 节点对象基本描述属性和节点间关系的树结构。用 js 对象,描述每个节点,及其父子关系,形成虚拟 DOM 对象树结构。
TimothyJia
2019-11-12
2.1K0
js判断对象是否为空对象的几种方法
1.将json对象转化为json字符串,再判断该字符串是否为"{}" var data = {}; var b = (JSON.stringify(data) == "{}"); alert(b);//true 2.for in 循环判断 var obj = {}; var b = function() { for(var key in obj) { return false; } return true; } alert(b());//true 3.jquery的isEmptyObject方法 此方法是jquery将2方法(for in)进行封装,使用时需要依赖jquery var data = {}; var b = $.isEmptyObject(data); alert(b);//true 4.Object.getOwnPropertyNames()方法 此方法是使用Object对象的getOwnPropertyNames方法,获取到对象中的属性名,存到一个数组中,返回数组对象,我们可以通过判断数组的length来判断此对象是否为空 注意:此方法不兼容ie8,其余浏览器没有测试 var data = {}; var arr = Object.getOwnPropertyNames(data); alert(arr.length == 0);//true 5.使用ES6的Object.keys()方法 与4方法类似,是ES6的新方法, 返回值也是对象中属性名组成的数组 var data = {}; var arr = Object.keys(data); alert(arr.length == 0);//true
TimothyJia
2019-11-12
28.1K0
JS中的NaN和isNaN,简直是双重人格?
isNaN的用法:检测当前值是否不是有效数字,返回true代表不是有效数字,返回false是有效数字
TimothyJia
2019-11-12
1.4K0
ES6数组及对象遍历的新增方法 entries(),keys() 和 values()
ES6 提供三个新的方法——entries(),keys()和values()——用于遍历数组。它们都返回一个遍历器对象(详见《Iterator》一章),可以用for...of循环进行遍历,唯一的区别是keys()是对键名的遍历、values()是对键值的遍历,entries()是对键值对的遍历。
TimothyJia
2019-11-12
1.8K0
ES6复制拷贝数组,对象,json数组
数组是复合的数据类型,直接复制的话,只是复制了指向底层数据结构的指针,而不是克隆一个全新的数组。
TimothyJia
2019-11-12
2.2K0
没有更多了
社区活动
RAG七天入门训练营
鹅厂大牛手把手带你上手实战,赢鹅厂证书、公仔好礼!
Python精品学习库
代码在线跑,知识轻松学
博客搬家 | 分享价值百万资源包
自行/邀约他人一键搬运博客,速成社区影响力并领取好礼
技术创作特训营·精选知识专栏
往期视频·千货材料·成员作品 最新动态
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档