发表于: 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,很多知识点都只是在一个或两个任务中有过接触,不能说有多熟悉,更谈不上了解它的运行原理。更多的收获是初步接触与了解编程的思维模式、逻辑方式、或者程序是如何运行的。

    接下来我会在实践中不停学习,巩固基础。不停的反思与总结,弥补还不了解的知识点。



返回列表 返回列表
评论

    分享到