发表于: 2017-05-04 20:24:43
1 1097
今日完成:
熟悉 web组 学员进项目必读;整理之前任务的知识。重新过了下angular的自定义指令与双向绑定知识。
明日计划:
研究复盘项目的模型,做方案。
问题:
暂无
收获,任务总结:
一、已get技能。
(一)工具
编译工具: webstorm、sublime
版本管理工具: git;svn
切图工具: Photoshop
调试工具: chrome开发者工具(断点调试)
SSH工具 : Xshell
FTP工具: FileZilla
代理配置工具: Niginx
(二)代码规范。
html 代码规范
css 代码规范
js(angular、jq) 代码规范
对于代码的规范其实并没有完全遵守,有时为了方便并没有严格去执行,特别是关于命名的规则。
(三)HTML语言
文档类型、结构 -- <!DOCTYPE>、html head title、body、 footer……
元素 -- 标签(div span img……)
表单 -- checkbox、input、select……
html5 -- 新属性、新标签(header、footer、 progress、article)
(四)CSS语言
盒子模型 -- 定义及内外边距
选择器 -- .class;#id;后代选择……;
布局 -- 定宽、不定宽、自适应
定位 -- 绝对定位、相对定位、浮动
css3 -- 边框、动画、背景、transform、flexbox……
响应式 -- 媒体查询、viewport
组件 -- 面包屑、导航栏、选项卡、按钮
扩展工具 -- less预处理语言、bootstrap工具
(五)JS语言
1.原生
基础知识 -- 数据类型、变量、函数、事件、表达式或运
算符、控制语句
dom -- dom操作
AJAX -- 跨域、rest
正则表达式 -- 字符、语法
JSON -- 解析、转义
客户端存储 -- cookie、LocalStorage……
2.JQuery框架
语法 -- $(selector).action()
选择器 -- 元素、id、class选择器
方法 -- 事件方法、css\html方法……
AJAX -- GET()、POST()……
效果 -- hide();show();toggle();animate() ……
3.AngularJs框架
应用结构 -- MVC(模型、视图、控制器)
表达式 -- {{}}
指令 -- 自带指令、angular-ui指令、自定义指令
模型 -- 双向绑定、表单验证……
依赖注入 -- 路由、富文本……
控制器、过滤器、服务($http等)……
在任务中遇到的问题以及解决办法:
a.概念不明白
1.看文档;
2.学习demo;
3.先copy demo实现功能,后期逐步理解
b.逻辑卡住
1.看日报,了解其他师兄思路;
2.分解功能,独立完成每一小部分
c.进度滞后
安排(调整)整体进度时间表,严格执行
d.bug解决
1.打断点,逐一调试;
2.复制疑问代码至单一页面做demo调试,逐一确定问题;
3.问师兄
经过近2月的学习,从零基础到基本完成官网任务。对css、js只能说有一些了解,自我感觉很多基础的知识还不完全明白,特别是js,很多知识点都只是在一个或两个任务中有过接触,不能说有多熟悉,更谈不上了解它的运行原理。更多的收获是初步接触与了解编程的思维模式、逻辑方式、或者程序是如何运行的。
接下来我会在实践中不停学习,巩固基础。不停的反思与总结,弥补还不了解的知识点。
评论