edwardzhong / practice

web front end study 工作学习总结

practice常用总结

效果

• pc版轮播图1
• pc版轮播图2
• pc版轮播图3
• css3轮播图4
• 触摸版焦点图/跑马灯
• 模仿IScroll效果
• 实现swipe和tap
• pc版拖拽效果
• 触摸版拖拽
• 拖曳滑动切换页面
• 输入邮箱自动补全
• 模仿微博输入
• pc版剪切图片效果
• 仿豆瓣分页
• 瀑布流图片加载
• 简单烟花效果
• 实现3D标签云

学习

• Object.defineProperties实现mvvm
• 实现defer的功能
• 实现requireJs的功能
• history实现单页面应用
• hashchange实现无刷新切换
• 拖拽上传
• FileReader的使用
• 鼠标滚轮
• 触摸手势
• jquery研究
• zepto研究
• indexDB的实践
• 封装原生的cookie功能
• css3D实现
• css3D和透视
• animation动画steps的应用
• 如何数据和界面相分离
• 深入学习表单功能
• 常用代码总结
• 三角函数的应用
• 简单模板引擎
• 简单运动框架

布局

1. 居中
2. 自适应布局
3. 等高布局
4. flex布局
5. grid布局
6. 三角形
7. 纯CSS实现导航栏下划线跟随效果
8. checked伪类实现纯 CSSTab 切换
9. scroll-behavior 动画tab切换
10. justify-text
11. focus-within

css权威指南

1. 块级元素
2. 行内元素
3. 字体字符
4. 选择器
5. web安全色
6. nth-child/nth-of-type
7. unicode特殊字符

数据结构和算法

1. Sort 排序
2. Tree 二叉树
3. Map 图

javascript设计模式

1. 面向对象基础
2. 中介者
3. 责任链
4. 命令
5. 组合
6. 装饰器
7. 发布订阅
8. 迭代器
9. 代理
10. 单例
11. 状态
12. 策略
13. 模板方法