前天笔试题 当时做的时候没做对。没有考虑太多就写了。。。 今天用三种方法实现了下，点击Li的时候alert对应的index，用的闭包（考的应该是闭包的知识）、严格模式、Jquery。很基础的题目。
- 1~3搭建基础环境，学会Nginx，WebStorm，Svn/git,linux Shell，dns/dnspod
- 4~6学会和UI的交互，学会切图和制作雪碧图，了解如何从静态图片变成静态网页的过程，掌握一些基本的切图技巧和布局知识，布局，定位，浮动等。
- 7~9掌握常见的WEB布局和一些常见的CSS效果并且学会自适应和响应式，熟悉长度单位，以及更多的Html控件。使用less和Bootstrap
Task7 Task7EX [EX使用了bootstrap]
Task8 Task8EX [EX使用了bootstrap]
Task9 Task9EX [EX使用了bootstrap]
####Task7 Task8 Task9 完成一个大型网站的三个页面
- 学习了Bootstrap和Less、sass的使用
- 响应式的写法
- Header，Footer的面包屑设计
- 轮播图的使用
- 简单的性能优化（通过F12查看各个文件的下载耗时，整个页面加载时间不允许超过2秒
- CSS的卡片翻转效果
- 掌握网页规范
- 页面结构，头部、导航、内容、底部
- 鼠标移到职位上会出现翻转效果
- 兼容IE8以上各种浏览器， 不同分辨下不会出现各种横向滚动条和变形，支持自适应和响应式。
####Task6 完成一个用雪碧图加载小图标，播放声音文件的手机网站
- 了解初步的性能优化方式
- 了解多媒体的使用
- 雪碧图的使用
- 使用雪碧图 可以用原始方法，也可以用框架
- 命名规范，图片路径存放规范
- 支持手机自适应
- 点击播放按钮，可以播放Mp3
####Task5 完成一个手机网站常见的导航菜单
- 简单的CSS动画
- 简单的JS基础
- 点击左侧的菜单可以滑出导航菜单，再次点击可以关闭
- 在页面底部引入JS文件
####Task4 完成一个手机页面
- 小图标的切图
- 文字排版
- 很常见的浮动按钮
- 小图标的切图和布局
- 固定底部按钮的写法
- 头部状态栏的制作
####Task3 完成手机主页页面
切图的技法 1、设置好自己的工作区（主要三个，信息板块、图层板块、历史记录板块。工具栏切图的话只用上面四个加取色器。2、辅助视图，对齐、标尺、参考系。3获取信息，尺寸信息（所有能测量的（宽高内外边距定位文字大小行高背景图位置、颜色信息（所以能取色的（用魔棒测量是否为纯色。4、用矩形框切图，尽量放大画布，shift是增加，alt是减少（还有分合并与没有合并的图层切图方法不一样。5、切图前要考虑哪些需要切出来，修饰性的小图标、logo、特殊效果的字体、非纯色背景 PNG8/PNG24支持透明 jpg色彩丰富。6、做雪碧图
- 学习了PS切图
- PX，EM，REM、vw、wh、vmin、vmax的概念，自适应布局的写法。
- 列表页的写法
- 兼容IE8以上的浏览器
- 命名规范，图片路径存放规范
- 支持手机自适应
- 通过云服务器能正常访问
#####Task2 sinaapp
####Task2 完成代码上传
将代码上传到SVN或Git，成功CheckOut，并部署到Linux服务器，可以直接通过域名或IP访问。
- svn,git的基本概念
- linux服务器的简单脚本
- 域名的配置
- Dnspod的使用
####Task1 完成一个九宫格布局
- 学习了Nginx
- viewport的自适应网页
- Div布局原理是入门基础理论
- 兼容性是通过F12调试
- 兼容IE8以上的浏览器
- 命名规范
- 支持手机
- 使用Sublime完成
##Javascript
- 学会基本控件的操作，包括轮播图，弹框，下拉选择框，定时任务等。
####以下目标还未实现
- 学会和服务器端的交互，RestFul风格的接口，Json解析，跨域解决方案，常见的注册登录，列表等。
- 学会使用AngularJS来和服务器端交互，Factory，Service，指令，过滤器等。
- 学会自定义接口，RequireJS，GruntJS，富文本编辑器等。
- 学会QQ登录，微信登录，WebSocket，Manifest，LocalStorage，Phonegap等
- 每格一秒变换一次颜色，每次只有一个格子随机变换，变换的颜色是红绿蓝三种随机的颜色
- console.log 可以随着每次随机数的变化，打印出以下日志 “格子 1 ” 变成了 “红色”
- 使用Chrome的F12，查看Source，并设置断点，查看代码运行情况
- JS文件单独引入，并且加上版本号，以防止每次修改之后浏览器出现缓存导致代码并不能更新
- 定时器
- JS基本语法
- ID和Class的区别
- F12Console的用法，以及如何Debug程序。
- 实现图片轮播
- 点击导航找到固定图片
- 实现无限轮播
- 模块化写法
- 熟悉Jquery语法
- 了解轮播业务逻辑
- 实现懒加载
- 了解懒加载的原理
- 明白懒加载的页面优化意义
- 组件化写法
- 实现canvas绘画
- 随机转动抽奖
- 了解canvas用法