首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
需要记住的前端API
tommyrunner
创建于2023-05-31
订阅专栏
整合前端实用API
等 3 人订阅
共14篇文章
创建于2023-05-31
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
alt、title、href、src 这些html标签属性你真的了解吗?
alt 属性 用途:为图像定义可替代的文本。 示例代码: title 属性 用途:提供额外的信息或描述,增强用户体验。 示例代码: href 属性 用途:指定链接的目标地址。 示例代码: src 属性
看看 Promise 的多个使用场景
简述 场景 优化函数回调 模拟一个回调函数 优化前 Promise 同时执行多个异步 通过race完成无感刷新 这里我拿web-loading这个插件的源码参考 这里为了看更清楚,翻译了下
利用js的Weak弱引用类型,带你彻底了解内存回收机制
简介 比较 强引用 弱引用 内存回收 window.gc 等待浏览器内存回收周期 引用计数算法 标记-清除算法 以上都还只是内存回收算法,那周期呢,因为各厂商的浏览器引擎不一样,这里我采用js红宝书这
Web的储存方式不止有 localStorage 哦!
Web客户端存储方式 Cookie(不推荐) 小型文本文件,可用于在客户端存储少量数据 通常用于存储会话状态、用户偏好等信息 请注意,当您尝试从JS代码中读取Cookie时,您只能访问当前脚本来源所在
你还在拼接new Date()来格式化时间吗?快来试试toLocaleDateString
兼容性 虽然API浏览器兼容性还可以,但不同浏览器内核输出的值可能有几率不一致。 在 chrome浏览器中 在微信嵌入浏览器中 不要问我为什么知道,暂时的解决方案使用正则去掉中文。 虽然有亿些弊端,但
你用过js中BOM对象的哪些API?
全局对象 window:表示当前窗口或者全局环境。 document:表示当前文档对象。 屏幕信息 screen.availWidth和screen.availHeight:表示屏幕可用宽度和高度,即
快来看看 navigator 能获取到浏览器哪些信息吧
举个栗子,例如isMobile,这个插件就是利用获取navigator.userAgent来判断是否是移动端还是PC还是IPAD等等。 输出结果可能会类似于下面这样: 上述代码中,我们可以看到navi
还在使用defineProperty劫持对象吗?快试试Proxy吧!
常用 proxy get(target, key, receiver):在读取属性值时拦截。 set(target, key, value, receiver):在设置属性值时拦截。 has(targ
详细告诉你MutationObserver监听DOM元素的各种情况
MutationObserver MutationObserver 观察器可以观察目标节点的子节点、属性和文本内容等变化。具体来说,它能够观察以下三种类型的变化: childList:指目标节点的子节
这些 addEventListener 监听事件,你都用过吗?
addEventListener相对于直接使用onXX去注册或监听事件,可以注册多个相同类型的事件处理程序,而不会覆盖现有的处理程序。 一下是默认的addEventListener常用的API add
获取元素后的HtmlElement对象实用API
Document对象是获取元素后返回的是HtmlElement对象,它是由Element对象派生而来。所有的HTML元素都是HTMLElement对象的实例,如<div>、<p>、<span>等。HT
你熟悉的 Document 操作元素API
Document对象是JavaScript中最常用的对象之一,它允许开发者与浏览器DOM(文档对象模型)交互,并且大部分JavaScript操作都涉及到该对象。 getElementById() 根据
Js 中你一定用到的 {}.APi
Object.create() 使用指定原型和可选属性创建一个新对象。 Object.keys() 返回一个由所有可枚举的字符串属性组成的数组。 Object.values() 返回给定对象的所有可枚
Js 中你一定用到的 [].APi
push() 这个方法会在数组末尾添加指定的元素,并返回新的长度。它会改变原始数组。 pop() 这个方法会移除数组中的最后一个元素,并返回该元素。它会改变原始数组。 shift() 这个方法会移除数