实习第三周

这周就开始实战做前端 主要就是angularjs制作前端页面以及调用后台接口实现登录登出，图标显示，列表显示，excel导出等功能。

1.js摆放位置

http://www.jianshu.com/p/a585488ec271

2.跨域问题相关,最后选择修改nginx配置实现跨域

了解各种跨域解决方案，jsonp只能get请求，fetch，jquery，还有postMessage，还有服务端配置。（postMessage主要是通过iframe访问与请求Api同域的可访问页面，然后通过那个页面来进行ajax请求）

1)服务端nginx解决跨域

https://enable-cors.org/ https://enable-cors.org/server_nginx.html

2)跨域相关知识

http://www.oschina.net/question/1014827_115277

3.localstorage.setItem("键",”值");

​

前端使用localstorage实现账户的记录以及token的记录，用于后面页面的判断显示，以及退出操作。

4. git修改之前的commit内容（没push）

git commit --amend 可以对上一次的提交做修改 push -f 如果上一次的提交已经push了，那么需要加f参数覆盖服务端，不过不建议这么搞

5.CSS的:nth-child(an+b) 选择器使用

:nth-child(an+b) 这个 CSS 伪类匹配文档树中在其之前具有 a_n+_b-1 个兄弟节点的元素，其中 n 为正值或零值。简单点说就是，这个选择器匹配那些在同系列兄弟节点中的位置与模式 an+b 匹配的元素。

.personManage-search-div input:nth-child(1) {width: 338px;height: 28px;}
.personManage-search-div input:nth-child(2) {width: 164px;height: 28px;}
.personManage-search-div select:nth-child(3) { width: 115px;height: 28px;}
.personManage-search-div select:nth-child(4) {width: 115px;height: 28px;}
.personManage-search-div select:nth-child(5) {width: 115px;height: 28px;

​

6.Angularjs根据表格导出EXCEL

https://segmentfault.com/n/1330000010276616\

7.springboot

http://412887952-qq-com.iteye.com/?page=11 websocket:

• spring官网文档：websocket部分 http://docs.spring.io/spring/docs/current/spring-framework-reference/html/websocket.html
• 博客园里的一个帖子 http://www.cnblogs.com/bianzy/p/5822426.html
• github里一个代码实现的例程 https://github.com/lenve/JavaEETest/tree/master/Test20-WebSocket

8.Angular1路由替代品ui-router

由于要使用路由嵌套，所以内置的路由无法满足要求。使用ui-router可以解决 github:https://github.com/angular-ui/ui-router 官方文档(angular1 ui-router):https://ui-router.github.io/ng1/ 路由嵌套：https://yq.aliyun.com/articles/59333

9.域名解析相关

不要随便改解析，尤其是A记录 https://www.aliyun.com/zixun/content/6_18_205902.html