摘要：
1、AngularJS： 开源的JS框架，用来开发单一页面应用，以及数据操作频繁的场景；2、设计原则： ①YAGNI原则：You Aren't Gonna Need It! 不要写不需要的代码！ ②KISS原则：Keep It Simple and Stupid! 代码保持简洁和具有表现力！ ——语 阅读全文
摘要：
1、列偏移与列排序： ①列偏移：控制列出现的位置，某列偏移后，后序列会随之偏移——只能右偏移； col-lg/md/sm/xs-offset-*; ②列排序：控制某一列的位置，该列可以左（pull）右（push）调整，其排序后，其它列不受影响； col-lg/md/sm/xs-push-*：右移； 阅读全文
摘要：
1、BootStrap组件——按钮组： .btn-group>.btn*5； .btn-group-justified； .btn-group-lg/sm/xs； .btn-group-vertical——竖直按钮组；2、BootStrap组件——下拉菜单： 下拉菜单必须三级结构： <div cla 阅读全文
摘要：
1、BootStrap指定的四种屏幕尺寸： ①超大PC屏幕——lg（large）：w>=1200px； ②中等PC屏幕——md（medium）：1200px>w>=992px； ③Pad屏幕——sm（small）：992px>w>=768px； ④Phone屏幕——xs(extra small)：7 阅读全文
摘要：
1、响应式网页： ①Responsive Web Page：一个可以根据浏览设备的不同，而自动更改布局、图片、文字效果的网页； ②构成：不能固定宽度，必须流式布局；文字和图片大小随容器大小而改变；CSS3 Media Query；2、响应式网页编写： ①必须声明viewport元标签： <meta 阅读全文
摘要：
JSON字符串在项目中的应用： ①PHP服务器给客户端JS发送JSON响应数据： PHP： $arr=[...]; echo json_encode($arr); JS： var obj=JSON.parse(str); ②客户端JS给发送PHP服务器JSON响应数据： JS： var arr=[. 阅读全文
摘要：
1、HTML5新特性之WebSocket： ①HTTP协议的不足：基于“请求——响应”模型，只有在客户端发送请求后，服务器才会给予响应；对于实时的股票走势图，以及聊天通讯等无法满足需求； ②解决方案：setInterval+AJAX：心跳请求； 问题：过于频繁对服务器压力过大，频率过低则信息获取延迟 阅读全文
摘要：
1、拖放API中源对象与目标对象事件间的数据传递： ①创建全局变量——污染全局对象： var 全局变量=null; src.ondragstart=function(){ 全局变量=数据值; } target.ondrop=function(){ console.log(全局变量); } ②使用HT 阅读全文
摘要：
1、SVG绘图总结： ①方法一：已有svg文件，<img src="x.svg"> 方法二：<body><svg></svg></body> ②绘制矩形：<rect x="" y="" width="" height=""></rect> ③绘制圆形：<circle cx="" cy="" r="" 阅读全文
摘要：
1、关于Canvas绘制图像： 问题：需要绘制多张图片时，必须等待所有图片加载完成才能开始绘制；而每张图片都是异步请求，彼此没有先后顺序，哪一张先加载完成完全无法预测； 方案： var progress=0;//全局加载进度 var img=new Image(); img.src='xx.jpg' 阅读全文