首页
首页
BOT
沸点
课程
直播
活动
AI刷题
NEW
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
JavaScript
calm_sea
创建于2023-02-14
订阅专栏
JavaScript语法, ES6+, 技巧, 封装
暂无订阅
共28篇文章
创建于2023-02-14
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
原生js实现歌词滚动
效果 原理 匹配歌曲时间和歌词对象数组,高亮,歌词被容器包裹 一个容器设置overflow:hidden; 包含ul和歌词li,计算ul transform:tranlateY(),移动 方法 初始化
原生JS实现省市县筛选
效果 方法 两个步骤,初始化界面, 交互事件 将所有的样式写好,包括动画,后期添加类 html 包含三个select,每个select展现不提供的数据 默认后面的div 是不可选中的 保存好上次的数据
JavaScript Promise
Promise Promise是一套专门处理异步场景的规范,它能有效的避免回调地狱的产生,使异步代码更加清晰、简洁、统一 所有的异步场景,都可以看作是一个异步任务,每个异步任务,在JS中应该表现为一个
事件循环初探
浏览器的进程模型 什么是进程? 程序运行需要有自己的专属内存空间,可以把这块内存空间理解为进程 每个应用至少有一个进程,进程之间相互独立 何为线程 有了并不能运行程序的代码,需要可以运行代码的,称之为
JavaScript 属性描述符简述
为什么要描述 上面的对象,在JS内部被描述为 value : 成员的值 configurable :描述符是否可修改 enumerable :是否可被枚举 writable :是否可修改 获取描述符
JavaScript 表单事件委托localStorage本地存储
效果 思路 将事件委托到父元素上,判断e.target的类型 每次input 将输入存储到localStorage中, 加载的时候读取localStorage 方法 localStorage可以存储键
原生JS 实现复杂的表格排序和全选功能
效果 总结 总结一下这个项目,你实现了以下功能: 点击表头进行升序/降序排序,根据数据类型进行排序(数字/字符串) 点击全选/全不选按钮,控制所有复选框的状态 点击任意一个复选框,控制全选按钮的状态
JavaScript RegExp 使用
构造函数 new RegExp('规则', '标识') 字面量书写 /规则/标识 常用方法 规则 标识 标识字符 含义 i 不区分大小写 g 全局匹配,如果没有此标识,只会匹配第一个 m 多行匹配 字
JavaScript 防抖 原理 图解
JavaScript 防抖函数是一种常见的优化技术,它可以在用户连续触发某个事件时,只执行最后一次触发的操作,以避免频繁的操作。 例如,当用户在搜索框中连续输入字母时,防抖函数可以延迟执行搜索操作,只
JavaScript技巧 求余运算 实现循环访问索引
实现效果 循环访问arr里面的元素, 当超过索引时,回调到开头索引,循环往复. 顺方向 常规 求余运算 效果 代码中的 % 运算符表示取模运算,用于获取 curIndex 除以 arr.length
DOM 练习 自由移动小球
效果 实现小球在视口的移动 小球可以反弹 小球可以变色 视口改变,小球移动不超过视口 记录必要数据 确定安全边界,不会超出视口 MaxLeft MaxTop 确定移动方向 disX:1 disY:1
DOM 练习 拖拽便签
效果 便签可以在视口移动, 但不会超出视口. 步骤 mousedown 事件 开始监听 mousemove 事件 记录鼠标移动轨迹 改变 note left top 位置 安全边界检查 keyup 事
JavaScript DOM 尺寸
可以使用 DOM(文档对象模型)来访问和操作 HTML 文档中的元素。以下是一些常见的获取元素尺寸的方法: dom.Element.getBoundingClientRect() 元素相对于窗口的位置
JavaScript WebApi之事件
事件 事件解决了三件事 某个 DOM:监听谁? 某件事(事件类型):它发生了什么? 某些处理(处理函数):我要做什么 监听谁 dom对象 它发生什么(事件类型) https://developer.m
JavaScript WebApi之 DOM
DOM 是一个对象,对应HTML中的节点 获取dom 创建dom document.createElement() 传入标签名 更改dom结构 dom.remove()从文档树中删除 dom , 不会
JavaScript WebApi 之 BOM
WebAPI 是浏览器提供的一套 API,用于操作浏览器窗口和界面 WebAPI 中包含两个部分: BOM:Browser Object Model,浏览器模型,提供和浏览器相关的操作 DOM:Doc
JavaScript slice substring substr 区别
substring() 函数: 不接受负数参数。 如果第一个参数大于第二个参数,则交换它们的位置,以确保第一个参数是起始位置。 不修改原始字符串。 用法: str.substring(start, e
JavaScript 常用标准库
包装类 如果尝试着把原始类型(number、string、boolean)当做对象使用,JS会自动将其转换为对应包装类的实例 在 JavaScript 中,基本数据类型(如字符串、数字、布尔值等)没有
JavaScript 继承
案例 视频网站有两种会员: 普通会员 属性:用户名、密码 方法:观看免费视频 VIP会员 属性:普通会员的所有属性、会员到期时间 方法:普通会员的所有方法、观看付费视频 如果我们需要使用构造函数来创建
下一页