|
//2016-10-01 至 2015-10-31 前端工作知识点总结
目标：
1、angularJs的api以及慕课视频学习，用angular写出日期选择的插件
2、nodeJS和mongodb建站
3、前端页面加载速度提升，性能提升研究。
4、reactJs 和 vueJs、webpack研究
知识点：
1、安装npm依赖包失败，提示以下信息。原因是npm init的项目名称name不要和项目文件夹一样。
npm WARN install Refusing to install xxx as a dependency of itself
2、webpack前端打包工具：
作用：讲js,css等资源文件打包成一个文件，减少前端页面请求数量
原理：通过webpack的配置文件，对相关路径下的文件import式的方式引入并生成一个新的文件，css会在html中自动生成内嵌方式引入这样就没有了css的请求。多个js都合并到一个js中了。
学习文章：
http://www.jianshu.com/p/42e11515c10f
https://segmentfault.com/a/1190000003969465
3、移动端滑屏监听：touchstart touchmove touchend
obj.addEventListener('touchstart',event);
obj.removeEventListener('touchstart',event); //监听结束后应该remove监听
PC端鼠标滑屏监听：mouseDown mouseMove mouseUp
4、js：页面滚动，window.scrollTo(x,y) ，
jq：页面滚动，obj.scrollTop(offset)，http://www.w3school.com.cn/jquery/css_scrolltop.asp
5、js编码的几种方式：
encodeURI
encodeURIComponent
体会：
1、要好好的研究以下怎么样搭建一个完整的，高效的，扩展性强，并且可读性强的前端项目，即所谓的脚手架。希望包含展示层、资源模块、js框架搭建、以及自动化构建、打包工具。定义一种更加易于上手的前端开发模式。这就要利用好现在自己学习的模块化，gulp等自动化，webpack等打包工具，vueJs等前端js框架。能够融会贯通这些技术的用法，来架构，形成一个比较优秀的前端项目开发的生态环境。
2、最近接到的具体需求比较少，时间都用来进行一些新技术的研究。但似乎对“研究”这种任务还没有入门，不晓得是找不对方法，还是自己太紧张了。总之是遥遥无期。研究了的东西也总是停留在肤浅的层面上，想要深入，然后还要应用于现有项目，这是一个愿望。或许尝试一下，边学习研究，边用笔记记录的习惯会好点。
（编辑：李大同）
【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!
|
