//2016-09-01 至 2016-09-30 前端工作知识点总结
目标：
1、angularJs的api以及慕课视频学习，用angular写出日期选择的插件
2、nodeJS和mongodb建站
3、前端页面加载速度提升，性能提升研究。
4、reactJs 和 vueJs研究
知识点：
1、前端和后端的通信，ajax请求，当参数有数组的时候，应该使用post的方式来传输
2、java中@RequestMapping()中的url不能一样，接口名称。
即便是不同的类中，都不能是一样的。否则spring不知道调用哪一个。
developer-application.properties：修改连接的数据库信息
本地sql的配置：
（1）安装连接MysqL的客户端工具
（2）本地安装MysqL
（3）客户端工具，新建连接
（4）新建数据库
（5）复制入数据库表：http://www.111cn.net/database/MysqL/42190.htm
（6）eclipse配置连接本地数据库，访问
（1）查看SVN Interface( windows > preference > Team > SVN);
（2）JavaHL：删除 C:\Documents and Settings\用户名\Application Data\Subversion\auth\下的所有文件，更新svn，重新输入；
（3）SVNKit：删除 Eclipse\configuration\org.eclipse.core.runtime\下的.keyring，更新svn，重新输入；
4、修改当前地址栏的url，不跳转：此方法只试用于支持html5的浏览器。
window.history.pushState({},url); //url为修改后的
另，判断是否支持html5的方法：window.applicationCache为true即表示支持。
（1）懒加载和预加载：
懒加载：
1）设置img自定义属性为对应路径。
2）当图片滚动到img所在的页面视口的时候，设置src为以上的属性值。
预加载：
（2）base64小图：以编码形式写在css中，会造成css臃肿
7、
（1）absolute定位的元素居中的方式： left: 50%;marge-left:width/2;元素宽度的一半。
（2）设置图片为背景图：background-size: cover; background-position: center;。
8、mongodb:
1、官网下载安装
2、安装路径下新建db文件夹
3、进入到bin目录下，cmd，输入mongod --dbpath=d:\\mongodb\\db，启动mongodb
4、浏览器输入localhost:27017，启动成功
6、在bin目录下启动mongo.exe文件，启动
5、数据的增删查改：
db.person.insert({"name":"jiangl","age":1"})
db.person.find()
db.person.update({"name","jiangl"},{"name": "haha","age":18})
db.person.remove({"name":"jiangl"})
6、删除db文件下的lock file才能再次启动mongodb
体会：
1、ng还没看明白，又换vueJs和reactJs了。不过万变不离其宗，看了一下vueJs的相关介绍，无非所有的框架都是js的各种花式使用。都是建立在JavaScript之上，运用MVC分层设计的思想，构造出高内聚低耦合的强可扩展性的系统。看来js基础不是一般的重要的。然后框架是学习的思想，分层思想，更顺畅的写js的方式，所以是花式JS哈哈。不过之前看过ng，现在再看vueJs，至少指令的驱动是很快就能看懂的了。看来什么时候就学习什么是对的，不必太惊慌技术更新如此之快。重要的是能快速的融入和学习。
2、不过研究的懒加载大体是明白了原理：就是初始化页面，只加载当前视口的图片，当滚动滚动条，看其他视口的时候，加载该视口的图片，就是将页面路径赋值给src。另外明白了一些小图可以用base64的图来替代，一般是不可作为雪碧图合并的又多处使用的小图，比如loading.gif图。还是优先使用雪碧图进行合并。对于懒加载，只知其名不知其意的时候，以为是什么好难的东西，之后看了后才发现是$img.attr("src",src);就可以搞定的东西，就是对src属性的复制，之前是监听视口内容的变化。都是js。万变不离其宗，看了把js基础化了，就是打好了基础。思想是一样的。对于首页图片很多的这种页面，经历了各种提升页面加载速度的优化：压缩图片，雪碧图，等等到现在的懒加载技术，真是各种能用的无所不用其极。都是由于自己经验太少，新技术的了解还是比较落后。加强学习！
3、每一次对上一次的优化再进一步优化，就像小时候做数学应用解答题，每一个步骤都应该有清晰的认识和关联。