显示任务

JavaScript 语言

• 简介
  • JavaScript 简介
  • 手册和规范
  • 代码编辑器
  • 开发者控制台
• JavaScript 基础
  • 你好，世界！
    • 显示一个警告
    • 使用外部脚本显示一个警告
  • 代码结构
  • 现代模式，“use strict”
  • 变量
    • 使用变量
    • 给出正确的名称
    • 大写 const？
  • 数据类型
    • 字符串引号
  • 交互：alert、prompt、confirm
    • 一个简单的页面
  • 类型转换
  • 基本运算符，数学
    • 后缀和前缀形式
    • 赋值结果
    • 类型转换
    • 修复加法
  • 比较
    • 比较
  • 条件分支：if、'?'
    • if（一个零字符串）
    • JavaScript 的名称
    • 显示符号
    • 将“if”重写为“?”
    • 将“if..else”重写为“?”
  • 逻辑运算符
    • OR 的结果是什么？
    • OR 警报的结果是什么？
    • AND 的结果是什么？
    • AND 警报的结果是什么？
    • OR AND OR 的结果
    • 检查范围
    • 检查范围外
    • 关于“if”的问题
    • 检查登录
  • 空值合并运算符“??”
  • 循环：while 和 for
    • 最后一个循环值
    • while 循环显示哪些值？
    • “for”循环显示哪些值？
    • 在循环中输出偶数
    • 用“while”替换“for”
    • 重复，直到输入正确
    • 输出质数
  • “switch”语句
    • 将“switch”重写为“if”
    • 将“if”重写为“switch”
  • 函数
    • 是否需要“else”？
    • 使用“?”或“||”重写函数
    • 函数 min(a, b)
    • 函数 pow(x,n)
  • 函数表达式
  • 箭头函数，基础
    • 使用箭头函数重写
  • JavaScript 特性
• 代码质量
  • 在浏览器中调试
  • 编码风格
    • 糟糕的风格
  • 注释
  • 忍者代码
  • 使用 Mocha 进行自动化测试
    • 测试中有什么问题？
  • Polyfills 和转译器
• 对象：基础
  • 对象
    • 你好，对象
    • 检查是否为空
    • 求和对象属性
    • 将数字属性值乘以 2
  • 对象引用和复制
  • 垃圾回收
  • 对象方法，“this”
    • 在对象字面量中使用“this”
    • 创建一个计算器
    • 链式调用
  • 构造函数，运算符“new”
    • 两个函数——一个对象
    • 创建新的计算器
    • 创建新的累加器
  • 可选链式调用“?. ”
  • Symbol 类型
  • 对象到基本类型的转换
• 数据类型
  • 基本类型的方法
    • 我可以添加一个字符串属性吗？
  • 数字
    • 求和访客的数字
    • 为什么 6.35.toFixed(1) == 6.3？
    • 重复，直到输入为数字
    • 偶尔出现的无限循环
    • 从最小值到最大值的随机数
    • 从最小值到最大值的随机整数
  • 字符串
    • 将第一个字符大写
    • 检查垃圾邮件
    • 截断文本
    • 提取货币
  • 数组
    • 数组是否已复制？
    • 数组操作。
    • 在数组上下文中调用
    • 求和输入数字
    • 最大子数组
  • 数组方法
    • 将 border-left-width 转换为 borderLeftWidth
    • 过滤范围
    • 过滤范围“就地”
    • 按降序排序
    • 复制并排序数组
    • 创建一个可扩展的计算器
    • 映射到名称
    • 映射到对象
    • 按年龄对用户进行排序
    • 随机排列数组
    • 获取平均年龄
    • 过滤唯一的数组成员
    • 从数组创建键控对象
  • 可迭代对象
  • Map 和 Set
    • 过滤唯一的数组成员
    • 过滤变位词
    • 可迭代键
  • WeakMap 和 WeakSet
    • 存储“未读”标志
    • 存储已读日期
  • Object.keys、values、entries
    • 求和属性
    • 计数属性
  • 解构赋值
    • 解构赋值
    • 最大工资
  • 日期和时间
    • 创建日期
    • 显示星期几
    • 欧洲星期几
    • 哪一天是多天前？
    • 本月最后一天？
    • 今天已经过了多少秒？
    • 还有多少秒到明天？
    • 格式化相对日期
  • JSON 方法，toJSON
    • 将对象转换为 JSON 并返回
    • 排除反向引用
• 高级函数操作
  • 递归和堆栈
    • 求和到给定数字的所有数字
    • 计算阶乘
    • 斐波那契数
    • 输出单链表
    • 以相反的顺序输出单链表
  • 剩余参数和展开语法
  • 变量作用域，闭包
    • 函数会获取最新的更改吗？
    • 哪些变量可用？
    • 计数器是独立的吗？
    • 计数器对象
    • if 中的函数
    • 使用闭包求和
    • 变量可见吗？
    • 通过函数过滤
    • 按字段排序
    • 函数大军
  • 老式的“var”
  • 全局对象
  • 函数对象，NFE
    • 计数器的设置和递减
    • 使用任意数量的括号求和
  • “new Function”语法
  • 调度：setTimeout 和 setInterval
    • 每秒输出
    • setTimeout 会显示什么？
  • 装饰器和转发，call/apply
    • Spy 装饰器
    • 延迟装饰器
    • 防抖装饰器
    • 节流装饰器
  • 函数绑定
    • 将绑定的函数作为方法
    • 第二次绑定
    • 绑定后的函数属性
    • 修复丢失“this”的函数
    • 登录的部分应用
  • 重新审视箭头函数
• 对象属性配置
  • 属性标志和描述符
  • 属性 getter 和 setter
• 原型，继承
  • 原型继承
    • 使用原型
    • 搜索算法
    • 它在哪里写入？
    • 为什么两只仓鼠都吃饱了？
  • F.prototype
    • 更改“prototype”
    • 使用相同的构造函数创建对象
  • 原生原型
    • 向函数添加方法“f.defer(ms)”
    • 向函数添加装饰“defer()”
  • 原型方法，没有 __proto__ 的对象
    • 向字典添加 toString
    • 调用之间的区别
• 类
  • 类的基本语法
    • 重写为类
  • 类继承
    • 创建实例时出错
    • 扩展时钟
  • 静态属性和方法
    • 类扩展 Object 吗？
  • 私有和受保护的属性和方法
  • 扩展内置类
  • 类检查：“instanceof”
    • 奇怪的 instanceof
  • Mixins
• 错误处理
  • 错误处理，“try...catch”
    • finally 还是只有代码？
  • 自定义错误，扩展 Error
    • 从 SyntaxError 继承
• Promise，async/await
  • 简介：回调
  • Promise
    • 重新解析 Promise 吗？
    • 使用 Promise 延迟
    • 带有 Promise 的动画圆圈
  • Promise 链
    • Promise：then 与 catch
  • 使用 Promise 进行错误处理
    • setTimeout 中的错误
  • Promise API
  • Promisification
  • 微任务
  • Async/await
    • 使用 async/await 重写
    • 使用 async/await 重写“rethrow”
    • 从非异步调用异步
• 生成器，高级迭代
  • 生成器
    • 伪随机生成器
  • 异步迭代和生成器
• 模块
  • 模块，简介
  • 导出和导入
  • 动态导入
• 其他
  • Proxy 和 Reflect
    • 读取不存在的属性时的错误
    • 访问 array[-1]
    • 可观察对象
  • Eval：运行代码字符串
    • Eval 计算器
  • 柯里化
  • 引用类型
    • 语法检查
    • 解释“this”的值
  • BigInt
  • Unicode，字符串内部
  • WeakRef 和 FinalizationRegistry

浏览器：文档、事件、接口

• 文档
  • 浏览器环境，规范
  • DOM 树
  • 遍历 DOM
    • DOM 子元素
    • 兄弟元素问题
    • 选择所有对角线单元格
  • 搜索：getElement*、querySelector*
    • 搜索元素
  • 节点属性：类型、标签和内容
    • 计算后代
    • nodeType 中有什么？
    • 注释中的标签
    • 层次结构中“document”在哪里？
  • 属性
    • 获取属性
    • 将外部链接变为橙色
  • 修改文档
    • createTextNode 与 innerHTML 与 textContent
    • 清除元素
    • 为什么“aaa”仍然存在？
    • 创建列表
    • 从对象创建树
    • 在树中显示后代
    • 创建日历
    • 使用 setInterval 的彩色时钟
    • 在列表中插入 HTML
    • 对表格排序
  • 样式和类
    • 创建通知
  • 元素大小和滚动
    • 从底部滚动多少？
    • 滚动条宽度是多少？
    • 将球放置在球场中心
    • 差异：CSS 宽度与 clientWidth
  • 窗口大小和滚动
  • 坐标
    • 查找球场的窗口坐标
    • 在元素附近显示注释
    • 在元素附近显示注释（绝对）
    • 将注释定位在内部（绝对）
• 事件简介
  • 浏览器事件简介
    • 单击时隐藏
    • 隐藏自身
    • 哪些处理程序会运行？
    • 将球移动到球场另一边
    • 创建滑动菜单
    • 添加关闭按钮
    • 走马灯
  • 冒泡和捕获
  • 事件委托
    • 使用委托隐藏消息
    • 树形菜单
    • 可排序表格
    • 工具提示行为
  • 浏览器的默认操作
    • 为什么“return false”不起作用？
    • 捕获元素中的链接
    • 图片库
  • 分发自定义事件
• UI 事件
  • 鼠标事件
    • 可选择列表
  • 移动鼠标：mouseover/out、mouseenter/leave
    • 改进的工具提示行为
    • “智能”工具提示
  • 使用鼠标事件进行拖放
    • 滑块
    • 在场上拖动超级英雄
  • 指针事件
  • 键盘：keydown 和 keyup
    • 扩展热键
  • 滚动
    • 无限页面
    • 向上/向下按钮
    • 加载可见图像
• 表单、控件
  • 表单属性和方法
    • 添加选项以选择
  • 聚焦：focus/blur
    • 可编辑 div
    • 单击时编辑 TD
    • 键盘驱动的鼠标
  • 事件：change、input、cut、copy、paste
    • 存款计算器
  • 表单：事件和方法提交
    • 模态表单
• 文档和资源加载
  • 页面：DOMContentLoaded、load、beforeunload、unload
  • 脚本：async、defer
  • 资源加载：onload 和 onerror
    • 使用回调加载图像
• 其他
  • Mutation 观察器
  • 选择和范围
  • 事件循环：微任务和宏任务
    • 这段代码的输出是什么？

其他文章

• 框架和窗口
  • 弹出窗口和窗口方法
  • 跨窗口通信
  • 点击劫持攻击
• 二进制数据、文件
  • ArrayBuffer、二进制数组
    • 连接类型化数组
  • TextDecoder 和 TextEncoder
  • Blob
  • 文件和 FileReader
• 网络请求
  • 获取
    • 从 GitHub 获取用户
  • FormData
  • 获取：下载进度
  • 获取：中止
  • 获取：跨域请求
    • 为什么我们需要 Origin？
  • 获取 API
  • URL 对象
  • XMLHttpRequest
  • 可恢复的文件上传
  • 长轮询
  • WebSocket
  • 服务器发送的事件
• 在浏览器中存储数据
  • Cookie、document.cookie
  • LocalStorage、sessionStorage
    • 自动保存表单字段
  • IndexedDB
• 动画
  • 贝塞尔曲线
  • CSS 动画
    • 动画平面（CSS）
    • 动画飞行的平面（CSS）
    • 动画圆圈
    • 带回调的动画圆圈
  • JavaScript 动画
    • 动画弹跳的球
    • 动画向右弹跳的球
• Web 组件
  • 从轨道高度
  • 自定义元素
    • 实时计时器元素
  • Shadow DOM
  • 模板元素
  • Shadow DOM 插槽、组合
  • Shadow DOM 样式
  • Shadow DOM 和事件
• 正则表达式
  • 模式和标志
  • 字符类
  • Unicode：标志“u”和类 \p{...}
  • 锚点：字符串开始 ^ 和结束 $
    • 正则表达式 ^$
  • 锚点 ^ $ 的多行模式，标志“m”
  • 词边界：\b
    • 查找时间
  • 转义、特殊字符
  • 集合和范围 [...]
    • Java[^script]
    • 以 hh:mm 或 hh-mm 查找时间
  • 量词 +、*、? 和 {n}
    • 如何查找省略号“...”？
    • HTML 颜色的正则表达式
  • 贪婪和懒惰量词
    • /d+? d+?/ 的匹配
    • 查找 HTML 注释
    • 查找 HTML 标签
  • 捕获组
    • 检查 MAC 地址
    • 查找格式为 #abc 或 #abcdef 的颜色
    • 查找所有数字
    • 解析表达式
  • 模式中的反向引用：\N 和 \k
  • 交替（或）|
    • 查找编程语言
    • 查找 bbtag 对
    • 查找带引号的字符串
    • 查找完整标签
  • 前瞻和后顾
    • 查找非负整数
    • 插入到头部之后
  • 灾难性回溯
  • 粘滞标志“y”，在位置处搜索
  • RegExp 和 String 的方法