这周就开始实战做前端
主要就是angularjs制作前端页面以及调用后台接口实现登录登出,图标显示,列表显示,excel导出等功能。
1.js摆放位置
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)跨域相关知识
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 伪类匹配文档树中在其之前具有 an+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
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