2016-10-01 至 2015-10-31 前端工作知识点总结

前端之家收集整理的这篇文章主要介绍了2016-10-01 至 2015-10-31 前端工作知识点总结前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

//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、最近接到的具体需求比较少,时间都用来进行一些新技术的研究。但似乎对“研究”这种任务还没有入门,不晓得是找不对方法,还是自己太紧张了。总之是遥遥无期。研究了的东西也总是停留在肤浅的层面上,想要深入,然后还要应用于现有项目,这是一个愿望。或许尝试一下,边学习研究,边用笔记记录的习惯会好点。
原文链接:https://www.f2er.com/note/421213.html

猜你在找的程序笔记相关文章