每天一个前端知识点，苦练前端真功夫

很多时候，我们在看书或网上的教程时“一学就会”，可真正解决实际问题时往往“一写就跪”，看似“学会”的知识其实并没有掌握，我们缺乏相对应的必要练习。

• 第 73 期(JavaScript-ECMAScript-语法)：Unicode字符与编码互转

• W3C 标准

  • HTML/HTML5
    • 第 17 期(W3C标准-HTML)：ol标签计数器
    • 第 18 期(W3C标准-HTML)：a 标签
    • 第 19 期(W3C标准-HTML)：换行
    • 第 20 期(W3C标准-HTML)：meta标签
    • 第 33 期(W3C 标准-HTML)：汉语拼音
    • 第 43 期(W3C标准-HTML)：快捷键
    • 第 66 期(W3C 标准-HTML)：特殊实体字符HTML、CSS、JS对照表
    • 第 67 期(W3C 标准-HTML)：form 特性
  • CSS/CSS3
    • 语法
      • 第 53 期(W3C标准-CSS-语法)：样式的顺序
    • 盒模型
      • 第 32 期(W3C 标准-CSS-盒模型)：两种盒模型的区别
    • 布局排版
      • 第 35 期(W3C 标准-CSS-布局排版)：图片等比缩放匹配父容器尺寸
      • 第 54 期(W3C标准-CSS-布局排版)：word-break与word-wrap
      • 第 70 期(W3C 标准-CSS-布局排版)：不定高垂直居中
    • 绘制
      • 第 4 期(2019-05-11)：CSS 菱形剪切
    • 响应式布局
      • 第 39 期(W3C 标准-CSS-响应式布局)：基于Grid的响应式布局
    • 动画
      • 第 46 期(W3C标准-CSS-动画)：按钮loading动画效果
  • JavaScript
    • 第 64 期(W3C 标准-JavaScript)：JavaScript中常用的转义字符
    • DOM
      • 第 24 期(JavaScript-DOM)：复选框的全选反选
      • 第 41 期W3C标准-JavaScript-DOM)：点击空白处检测
      • 第 71 期(JavaScript-DOM)：复选框的半选
    • BOM
      • 第 59 期(W3C 标准-JavaScript-BOM)：location 位置操作
    • 事件
      • 第 38 期(W3C 标准-JavaScript-事件)：事件的绑定与移除
      • 第 51 期(W3C 标准-JavaScript-事件)：复合事件
      • 第 55 期(W3C 标准-JavaScript-事件)：页面卸载事件 beforeunload
    • 存储
      • 第 58 期(W3C 标准-JavaScript-存储)：保存文本域的内容刷新不丢失
    • 异步
      • 第 36 期(W3C 标准-JavaScript-异步)：实现一个Promise方法
      • 第 65 期(W3C 标准-JavaScript-异步)：手写实现AJAX
    • Math
      • 第 5 期(2019-05-12)：数组最大数最小数
      • 第 7 期(2019-05-14)：n以内的随机数
    • Date
      • 第 6 期(2019-05-13)：获取过去n天的日期
  • WCAG
  • JSON
    • 第 10 期(2019-05-17)：JSON.parse方法polyfill
    • 第 21 期(JSON)：JSON.stringify
  • XML
  • SVG
    • 第 28 期(W3C 标准-SVG)：用SVG画西瓜

• ECMAScript

  • 语法
    • 第 13 期(2019-05-20)：无返回值的语句
    • 第 14 期(2019-05-21)：类型判断
    • 第 16 期(2019-5-23)：浅克隆
    • 第 23 期(ECMAScript-语法)：字符串对象HTML格式替代方法
    • 第 34 期(W3C 标准-ECMAScript-语法)：js 对象深拷贝
    • 第 57 期(W3C 标准-ECMAScript-语法)：setTimeout的其他参数
    • 第 72 期(W3C 标准-ECMAScript-语法)：判断整数
    • 第 73 期(JavaScript-ECMAScript-语法)：Unicode字符与编码互转
  • 宿主对象
  • 上下文环境
    • 第 12 期(2019-05-19)：同名函数的执行
    • 第 52 期(W3C 标准-ECMAScript-上下文环境)：模拟call方法
    • 第 56 期(W3C 标准-ECMAScript-上下文环境)：模拟apply方法
  • 原型链 继承
    • 第 22 期(ECMAScript-原型链 继承)：实现 Array map
    • 第 26 期(ECMAScript-原型链 继承)：实现 Array reduce
    • 第 37 期(W3C 标准-ECMAScript-原型链 继承)：原型链的尽头
  • 作用域 闭包
    • 第 2 期(2019-05-09)：定时输出数字
    • 第 31 期(ECMAScript-作用域 闭包)：模拟ES6 Generator
  • 正则表达式
    • 第 9 期(2019-05-16)：CSS兼容性验证
    • 第 27 期(ECMAScript-正则表达式)：金额数值格式化
  • 严格模式
    • 第 11 期(2019-05-18)：arguments与'use strict'

• HTTP 标准

  • 请求过程
    • 第 40 期(HTTP规范-请求过程)：HTTP的方法
  • 状态码
  • 头部信息
  • HTTPS

• 设计模式

• 算法

  • 搜索
    • 第 3 期(2019-05-10)：无重复字符的最长子串
    • 第 30 期(算法-搜索)：二分搜索算法
    • 第 42 期(算法-搜索)：获取多层嵌套对象的目标属性值
  • 排序
    • 第 1 期(2019-05-08)：多重排序
  • 递归
    • 第 25 期(算法-递归)：汉诺塔（河内塔）
  • 数学
    • 第 8 期(2019-05-15)：求斐波那契数前N项
    • 第 29 期(算法-数学)：抽奖概率算法

• 数据结构

  • 队列
    • 第 62 期(数据结构-队列)：队列和队列的模拟
    • 第 63 期(数据结构-队列)：队列的应用
  • 栈
    • 第 60 期(数据结构-栈)：栈和栈的模拟
    • 第 61 期(数据结构-栈)：栈的应用
  • 树
  • 哈希
  • 数组
    • 第 15 期(2019-05-22)：数组去重
    • 第 48 期(数据结构-数组)：获取字母表

• 性能

• 主流框架
  • React
    • 第 49 期(主流框架-React)：生命周期函数
• 技巧
  • 第 47 期(技巧)：图片加载器
  • 第 50 期(技巧)：npm和yarn的命令行
  • 第 68 期(技巧)：git 时光机(一)
  • 第 69 期(技巧)：git 时光机(二)

参考资料：《前端工程师的知识体系》、《WEB前端知识体系脑图》、《自己总结的web前端知识体系大全》

前端早读课 是由知名互联网公司大牛情封（福建前端联盟发起人之一，4399UED/高级主管）开设的前端学习公众号，每天清晨发布前端技术文章，与七万+同行相伴成长。欢迎扫码关注：