js基础
小陈同学。。
梦想也许遥不可及,但重要的是追梦的过程,用博客记录自己的成长,记录自己一步一步向上攀登的印记
展开
-
开发中常用的数组方法和字符串方法
【代码】开发中常用的数组方法和字符串方法。原创 2023-02-21 23:31:25 · 59 阅读 · 0 评论 -
JS实现隐藏用户部分姓名或电话号码的函数
代码】JS实现隐藏用户部分姓名或电话号码的函数。原创 2022-08-14 22:00:09 · 446 阅读 · 0 评论 -
数组去重的三种方法
下面介绍三种数组去重方法,代码如下:原创 2022-04-20 19:49:30 · 53 阅读 · 0 评论 -
防抖和节流以及应用场景
防抖 (debounce)防抖,顾名思义,防止抖动,以免把一次事件误认为多次,敲键盘就是一个每天都会接触到的防抖操作。想要了解一个概念,必先了解概念所应用的场景。在 JS 这个世界中,有哪些防抖的场景呢登录、发短信等按钮避免用户点击太快,以致于发送了多次请求,需要防抖 调整浏览器窗口大小时,resize 次数过于频繁,造成计算过多,此时需要一次到位,就用到了防抖 文本编辑器实时保存,当无任何更改操作一秒后进行保存 代码如下,可以看出来防抖重点在于清零 clearTimeout(timer)原创 2022-03-28 23:13:24 · 2133 阅读 · 0 评论 -
【js基础】动画函数封装
1.动画实现原理核心原理:通过setInterval()不断移动盒子的位置 实现步骤:获得盒子当前位置 让盒子在当前位置加上一个移动距离 利用定时器不断重复这个操作 加一个定时器结束条件 此元素需要添加定位,才能使用style.left2.缓动动画原理让盒子每次移动的距离慢慢变小 核心算法:(目标值-现在位置)/10 作为步长 停止条件:当前盒子位置等于目标位置,停止定时器动画函数封装代码 function animate(obj, target,callback) {原创 2021-12-16 21:00:08 · 53 阅读 · 0 评论 -
【js基础】封装本地存储模块
//封装本地存储操作模块// 存储数据export const setItem = (key,value)=>{ if(typeof value === 'object'){ value = JSON.stringify(value) } window.localStorage.setItem(key,value)}// 获取数据export const getItem = (key) =>{const data = window.loca.原创 2022-03-22 22:22:25 · 182 阅读 · 0 评论 -
【js基础】try catch用法
try...catch语句是什么?try...catch可以测试代码中的错误,try表示需要运行的代码,而catch部分表示错误发生时运行的代码try {//在此运行代码}catch(err){//在此处理错误}运行流程:try{...}包含块中的代码有错误,则运行catch(err){...}内的代码,否则不运行其中的代码try...catch...finally语法try { tryStatements}catch(exception){原创 2022-03-22 22:20:08 · 493 阅读 · 0 评论