发表于: 2017-05-12 20:39:46
1 899
今天完成的任务
1.做了进复盘项目审查的PPT
2.整理了我从入学以来所学到的东西,同时也反思了自己在学习中遇到的问题
明天的计划
1.把之前的代码交给师兄做codereview,修改其中不合适的地方
2.下载复盘项目文件,准备复盘项目方案
遇到的问题
来到成都分院两个月有余
三月六日 第一天来到线下
三月三十一日css任务完结
四月一日开始js任务
五月十二日js任务10完结
整体看来其实这个 进度是很慢的,这其中我自身的问题比较明显,在css的时候体现为有命名强迫症,对于一些类命名很纠结,往往时间浪费在这些上面,而对于js来说,进度慢的主要问题是对于基础掌握的不够牢靠,一度走在错的路上而不愿意去问别人,导致浪费了很多时间。
开发工具
代码编辑:webstorm,sublime,Hbuilder,VScode。
现在主要在用Vscode,比较轻量化,插件也比较多。
浏览器:Chrome,火狐
调试:主要是用chrome的F12做代码调试
图片处理:photoshop cs5
版本管理工具:Git
其他工具:
http和反向代理服务器:nginx
接口测试工具:postman
HTML文档的基本结构
HTML标签
基础标签:<div><p><span>等
注意标签的闭合
HTML语义化
这部分更多的是体现在了HTML5给我们提供的一些新的标签上
例如:
<section><nav><header><footer>
HTML5
除了了解上面那些新增的标签,对于html5我还了解了audio元素,在js任务里面学习了html5的本地离线存储localStorage和sessionStorage,还用到了html5的提供的FileReader这个API,但是对于html5的canvas还没有去看过。
HTML编码规范
Css选择器
Id选择器和class选择器
Css盒模型
标准盒模型 width= content
怪异盒模型 width= border+padding+content
Css布局
BFC 块级格式化上下文
Float 浮动及清除浮动
Position 定位
Css框架
Bootstrap:栅格布局,响应式,一些预定样式,字体图标
Css3
对于Css3我用的最多的东西应该就是flex,弹性盒子,关于动画,过渡这些部分了解的比较少。
Css预处理语言
SASS
Css编码规范
缩进,css属性的书写顺序,命名规范
浏览器兼容
这个考虑的比较少,因为平时都是在chrome和Firefox的最新版本上运行的,基本没有遇到过什么不兼容的东西。
Javascript
基础语法
数据类型:字符串 数组 数字 对象
函数
DOM操作:document
JSON:数据格式
Ajax:异步javascript,无须重新加载整个网页,更新部分网页
jQuery:对这个接触的不算多,主要是用过$选择器
Angular Js
1.双向绑定
2.指令
自带指令 ng-click ng-show ng-repeat。。。
自定义指令
3.控制器,依赖注入
4.服务
自带服务 $http,$location,$state
自定义服务 Service,factory
5.路由
Ui-router
6.表单验证
Angular的表单验证是结合了html5的表单验证
必填项 required
最小长度 ng-minlength
模式匹配 ng-pattern=‘正则表达式’
7.过滤器
用于数据转换,angular自带了一些过滤器可以实现一些基本的转换
我们 还可以自定义过滤器,来实现自己想要的效果
任务中遇到的问题
1.Css部分
在css部分,遇到的问题主要是经常会遇到一些小bug,因为自己对于基础的东西不太明确,需要对于各个属性进行调试,这上面会浪费许多时间,还有上面说的对于css类命名的纠结,还有就是刚接触bootstrap的时候觉得无从下手。
2.Js部分
a.任务4,卡了一周多,具体的问题一方面是对于js不太熟悉,好多东西没能深入理解,还有就是解决问题的时候,不知道自己是走在了一条错的路上,没有及时去问师兄,浪费了许多时间。
b.任务10,angular的各个模块没有理解透彻,所有的逻辑都写在了controller里面,踩了诸多的坑,例如:url传参,图片上传,搜索部分。
收获
对自己的总结
任务做的比较慢,但是该踩的坑不该踩的坑都踩了好多,希望在复盘任务中能够总结之前的经验,少踩坑,提高代码质量和可读性,对于每一块的功能都争取完美实现。
评论