首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
JavaScript
蓝色海岛
创建于2022-06-13
订阅专栏
日常工作/学习总结
等 9 人订阅
共64篇文章
创建于2022-06-13
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
flip动画思想 & 获取元素的布局属性一定会引起页面重排
一、概念 flip动画分为4个阶段: first(记录要监控的元素位置) last(记录元素结构变化的位置) inver(移动元素到first的位置-“归位”) play(播放动画) flip就是4个
使用WebSocket实现扫码登录
1、开启一个服务 创建一个文件夹(dd-login),npm init -y初始化,安装ws依赖(npm i ws),启动服务(node app.js) app.js 2、模拟扫码登录 index.h
localStorage在多窗口可以共享数据,sessionStorage在多窗口可以共享数据吗?
众所周知,当我们操作localStorage中的数据时,其他窗口的数据会同步发生变化 但操作sessionStorage中的数据时,窗口之间的数据是不可以共享的 总结: 当使用window.open时
jser必会的技巧,让你的代码更容易维护
1、避免使用过多的或运算符 例如: 推荐: 2、重复代码提取为函数,进行复用 例如: 推荐: 3、使用对象传参,使参数易维护 例如: 推荐: 4、使用return替代过多的if判断 例如: 推荐: 5
根据一道经典面试题探索JavaScript内存存储原理
a.x和b.x分别会打印什么 a.x = a = { n: 2 }现实中谁这么写代码要被打死吧,但是我们需要借助这行代码理解变量在内存中是怎么流转的 在栈中创建了一个引用a,在堆中创建了一个对象{ n
利用防抖思想优化transitionend事件触发多次的问题
transitionend事件触发时机:在css过渡动画完成后触发 demo:鼠标移入时,将div变为蓝色,移出时,将div恢复成红色 在移入移出时,观察transitionend的表现为:每当动画结
【四舍五入精度丢失】答应我,不要再使用toFixed了好吗?
toFixed语法: toFixed可以将一个数字转为一个字符串,并且保留指定的小数位数; 同时,toFixed会进行四舍五入 问题就出在这里,toFixed进行四舍五入时的表现不尽如人意, 在Chr
js设计模式-构造函数模式(创建型)
一、什么是构造函数 一个函数,如果是被用来实例化对象的,那么就称之为构造函数 二、实例化&实例化的几种方式 实例化:创建一个对象的过程就叫实例化 实例化的方式: 通常我们不会使用new Object来
js设计模式-单例模式(创建型)猛男必看 嚼碎了喂你吃
一、概念 单例模式,我的理解是,单例单例,只有一个实例。如果一个类,不管它实例化多少次,只能实例化出来一个实例,并且是第一实例化的那个实例,那么这种情况就叫单例模式 二、单例模式的作用 单例模式有什么
threejs 几何体BufferGeometry
一 二 三 四.几何体BufferGeometry.几何体BufferGeometry.几何体BufferGeometry
js:for循环中的setTimeout
如下代码打印什么 如你所想,打印0到4 这样呢? 1秒后打印5个5 为什么? for循环是立即执行完的,此时i已经是5了,setTimeout中的函数会等待1秒后执行,执行该函数时,i为5 怎么改,可
面试官:使用try...catch捕获promise异常?
一、为什么要捕获异常 众所周知,js是单线程语言,代码一旦报错,后面的代码就无法执行,此时需要给代码加上try catch,使得代码可以继续向后执行 加上try catch后 二、try catch是
js控制一次只加载一张图片,加载完成后再加载下一张
一、浏览器是什么时候发送图片资源请求的 解析html文档,当遇到img标签的src属性时,浏览器就会开启一个线程去请求图片资源 动态创建img标签,设置src属性时,即使这个元素没有添加到DOM中,也
js基础-递归 树转列表 列表转树 树的过滤 树的查找
一、树结构介绍 子树:当前节点具有children属性,并且children的长度大于0 叶子节点:当前节点没有children或者children的长度为0 二、树结构的遍历方法 深度优先遍历又分为
什么?你只会用localStorage通信?来看看js跨标签页通信
一、为什么要跨标签页通信 在web开发中,有时会有这样的情况,A页面中打开了B页面,B页面中操作了一些内容,再回到A页面时,需要看到更新后的内容。这种场景在电商、支付、社交等领域经常出现。 二、实现跨
js将数组分割成每3个一组
需求:将valueList中的值依次填入list中type为b的value中 第一种方式:将list转为二维数组,遍历赋值 第二种方式:shift方法
js判断是否超出了几行
一、效果 二、代码 css判断超出2行显示省略号一、效果 二、代码 css判断超出2行显示省略号一、效果 二、代码 css判断超出2行显示省略号一、效果 二、代码 css判断超出2行显示省略号一、效果
切分字符串
js以.|…|!|?|;切分一段英文,但是不切分英文中的小数,并且像A.M.和P.M.这样的特殊字符也不进行切分
js数组填充的几种方式
一、fill 但是fill填充的数组会有引用关系: 通过fill填充时,如果 value 是个对象,那么数组的每一项都会引用这个元素 二、fill结合map 这样,数组的每一项之间没有引用关系 但是m
WebSocket & socket.io
一、WebSocket介绍 WebSocket协议是基于TCP的一种新的网络协议,它实现了浏览器与服务器全双工(full-duplex)通信,允许服务器主动发送信息给客户端。 WebScoket是一种
下一页