关于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

对CSS的相关总结

2016年的工作感悟

从事前端工作也有将近1年了，我大部分的工作都是切图。在这一年中，从刚开始对HTML,CSS,JavaScript的一无所知到慢慢了解的过程，收获真的很大。特别是CSS有了更深的了解。刚开始工作的时候，都是遇到不懂的，上网搜博文，教程等等，但是都还是太片面，为了对CSS有一个具体的了解。在下班空闲时间读了《精通CSS》，按照书中的例子全部写了一遍，都CSS有了一个大概的认识。对于有些知识还是不懂，例如清除浮动的几种方法，margin的原理等等…这个时候，就需要多看看别人写的博文。还有一点当我们看到网页中酷炫的效果，都喜欢打开控制台，看看怎么写的。此时我们可以思考别人是怎样写的，理解其原理，下次这个技能我们就Get到了，这就是学习。CSS的能做有很多，在于你愿不愿意探索。

position
layout
负margin的原理
替换元素与替换元素
包含块以及宽度和高度
常见的一些效果的做法
- 微信网页上input type=”text”在苹果系统上不能输入内容
- 模拟checkbox
- 页面板块可横向滑动（在手机上，不会出现滚动条）
- 三角形原理
Sass的学习笔记
compass的学习笔记
CSS3——-Flexbox
CSS3——-Column
CSS3——calc()的计算函数
CSS3——-transform以及动画相关
CSS3——-@face和iconfont
响应式图片
css中的简写总结