jakexu / learn_html

html的相关知识

关于HTML相关的知识点的总结

canvas

• 五角星的绘制
• 绘制一片星空和月亮
• canvas时钟的绘制
• 随机圆的动效的绘制
• 绚丽倒计时效果
• canvas的图像处理放大和缩小，以及滤镜效果
• canvas的小球的自有落体运动
• canvas的月亮的绘制
• 聚光灯效果
• 闪烁的星星

drag拖拽

• 用户点击上传图片的demo

localStorage本地存储

• 简单的本地存储demo
• 图片的本地存储demo
• 过期的本存储demo  

fileAPI

• 对HTML5的input为file的控件的上传的文件的相关api做了一个完整的了解

svg

• svg编辑器----对svg图形绘制做了大概的了解
• 对svg的API整个过了一遍
• sky画了一片星空，里面有星星，月亮和旋转的灯塔

离线缓存

• 做了一个简易的离线缓存的例子

indexedDB

• 根据浏览器的数据库，实现了简单增删改查

notice

• 对相关api有了简单的了解，做了一个简单的demo

issue

• svg的学习笔记的总结1-12
• 制作简易的SVG编辑器的笔记
• canvas的学习总结
• API的介绍
• 绘制时钟的原理
• 绘制五角星和绚丽倒计时的原理
• 绘制一轮弯月
• canvas中的非0原则
• isPointPath(x,y)canvas的事件交互
• canvas的图像处理的总结
• requestAnimationFrame的总结
• 图片Base64编码
• cookie
• HTML5存储
• 本地存储
• 离线缓存
• indexedDB
• Web SQL(已废弃)
• 浏览器兼容的处理总结
• 前端面试总结
• 拖拽以及用户拖拽上传文件
• classList属性
• html5的桌面通知
• HTML5的地理定位
• HTML5的websocket

接下来的安排

• HTML5相关知识进行完整的学习。
• 虽然对HTML5有一个大致的理解，但是还有更多深入的知识没有理解到，还需要多加理解和实践。