11 2016 档案

AngularJS_01之基础概述、设计原则及MVC设计模式
摘要：1、AngularJS： 开源的JS框架，用来开发单一页面应用，以及数据操作频繁的场景；2、设计原则： ①YAGNI原则：You Aren't Gonna Need It! 不要写不需要的代码！ ②KISS原则：Keep It Simple and Stupid! 代码保持简洁和具有表现力！ ——语 阅读全文
posted @ 2016-11-20 10:12 Jupiter258 阅读(554) 评论(0) 推荐(0)
BootStrap_04之jQuery插件（导航、轮播）、以及Less
摘要：1、列偏移与列排序： ①列偏移：控制列出现的位置，某列偏移后，后序列会随之偏移——只能右偏移； col-lg/md/sm/xs-offset-*; ②列排序：控制某一列的位置，该列可以左（pull）右（push）调整，其排序后，其它列不受影响； col-lg/md/sm/xs-push-*：右移； 阅读全文
posted @ 2016-11-19 17:22 Jupiter258 阅读(563) 评论(0) 推荐(0)
BootStrap_03之组件（手风琴、导航）
摘要：1、BootStrap组件——按钮组： .btn-group>.btn*5； .btn-group-justified； .btn-group-lg/sm/xs； .btn-group-vertical——竖直按钮组；2、BootStrap组件——下拉菜单： 下拉菜单必须三级结构： <div cla 阅读全文
posted @ 2016-11-17 16:52 Jupiter258 阅读(1805) 评论(0) 推荐(2)
BootStrap_02之全局样式及组件
摘要：1、BootStrap指定的四种屏幕尺寸： ①超大PC屏幕——lg（large）：w>=1200px； ②中等PC屏幕——md（medium）：1200px>w>=992px； ③Pad屏幕——sm（small）：992px>w>=768px； ④Phone屏幕——xs(extra small)：7 阅读全文
posted @ 2016-11-17 08:42 Jupiter258 阅读(555) 评论(1) 推荐(0)
BootStrap_01之全局样式
摘要：1、响应式网页： ①Responsive Web Page：一个可以根据浏览设备的不同，而自动更改布局、图片、文字效果的网页； ②构成：不能固定宽度，必须流式布局；文字和图片大小随容器大小而改变；CSS3 Media Query；2、响应式网页编写： ①必须声明viewport元标签： <meta 阅读全文
posted @ 2016-11-16 21:06 Jupiter258 阅读(303) 评论(0) 推荐(0)
PHP_02之使用补充
摘要：JSON字符串在项目中的应用： ①PHP服务器给客户端JS发送JSON响应数据： PHP： $arr=[...]; echo json_encode($arr); JS： var obj=JSON.parse(str); ②客户端JS给发送PHP服务器JSON响应数据： JS： var arr=[. 阅读全文
posted @ 2016-11-15 20:43 Jupiter258 阅读(152) 评论(0) 推荐(0)
HTML5_07之WebSocket
摘要：1、HTML5新特性之WebSocket： ①HTTP协议的不足：基于“请求——响应”模型，只有在客户端发送请求后，服务器才会给予响应；对于实时的股票走势图，以及聊天通讯等无法满足需求； ②解决方案：setInterval+AJAX：心跳请求； 问题：过于频繁对服务器压力过大，频率过低则信息获取延迟 阅读全文
posted @ 2016-11-15 09:07 Jupiter258 阅读(334) 评论(0) 推荐(1)
HTML5_06之拖放API、Worker线程、Storage存储
摘要：1、拖放API中源对象与目标对象事件间的数据传递： ①创建全局变量——污染全局对象： var 全局变量=null; src.ondragstart=function(){ 全局变量=数据值; } target.ondrop=function(){ console.log(全局变量); } ②使用HT 阅读全文
posted @ 2016-11-14 20:34 Jupiter258 阅读(335) 评论(0) 推荐(1)
HTML5_05之SVG扩展、地理定位、拖放
摘要：1、SVG绘图总结： ①方法一：已有svg文件，<img src="x.svg"> 方法二：<body><svg></svg></body> ②绘制矩形：<rect x="" y="" width="" height=""></rect> ③绘制圆形：<circle cx="" cy="" r="" 阅读全文
posted @ 2016-11-14 09:09 Jupiter258 阅读(1160) 评论(0) 推荐(1)
HTML5_04之SVG绘图
摘要：1、关于Canvas绘制图像： 问题：需要绘制多张图片时，必须等待所有图片加载完成才能开始绘制；而每张图片都是异步请求，彼此没有先后顺序，哪一张先加载完成完全无法预测； 方案： var progress=0;//全局加载进度 var img=new Image(); img.src='xx.jpg' 阅读全文
posted @ 2016-11-13 21:47 Jupiter258 阅读(783) 评论(0) 推荐(0)
HTML5_03之Canvas绘图
摘要：1、Canvas绘图——JS绘图： <canvas id='c1' width='' height=''></canvas> * Canvas尺寸不能用CSS设置； c1.height=; c1.width=; var ctx=c1.getContext('2d'); 常用属性： ctx.fillS 阅读全文
posted @ 2016-11-13 15:26 Jupiter258 阅读(594) 评论(0) 推荐(1)
HTML5_02之视频、音频、Canvas
摘要：1、HTML5新特性之视频播放——video： ①例：<video src=""></video> ②video标签默认为300*150的inline-block； ③成员属性： autoplay：是否自动播放； controls：是否显示播放控件； currentTime：当前播放到的时间； du 阅读全文
posted @ 2016-11-13 09:14 Jupiter258 阅读(875) 评论(0) 推荐(0)
HTML5_01之表单新特性
摘要：1、WebStorm快捷键： Ctrl+Alt+(向下方向键)：快速复制当前行 Alt+(向上/下方向键)：移动当前行 Ctrl+D：删除当前行 Ctrl+/：快速（取消）注释当前行 Ctrl+Alt+L：格式化当前文档2、HTML5九大新特性： ①表单新特性、②视频音频、③Canvas绘图、④SV 阅读全文
posted @ 2016-11-11 20:49 Jupiter258 阅读(407) 评论(0) 推荐(0)
Ajax_05之跨域请求
摘要：1、跨域请求： Cross Domain Request：跨域名的HTTP请求，浏览器从某个域名下的资源访问了另一域名下的另一资源（协议、域名或是端口号不同）； ①浏览器允许跨域请求的情形： <img>、<link>、<script>、<iframe> ②禁止跨域请求的情形： XHR——浏览器默认出 阅读全文
posted @ 2016-11-11 09:44 Jupiter258 阅读(414) 评论(0) 推荐(1)
Ajax_04之jQuery中封装的Ajax函数
摘要：1、PHP中json_encode编码规则： PHP索引数组编码为JSON：[...] PHP关联数组编码为JSON：{...}2、jQuery中AJAX封装函数之load： ①使用：$('选择器').load(url,[data],[fn]); $('选择器').load(url); ②含义作用： 阅读全文
posted @ 2016-11-10 20:50 Jupiter258 阅读(881) 评论(0) 推荐(0)
Ajax_03之接收数据
摘要：1、使用XHR接收服务器返回的数据——text 服务器端： header('Content-Type:text/plain'); echo 'xxx'; 客户端： xhr.responseText;2、使用XHR接收服务器返回的数据——html（标签片段） 服务器端： header('Content 阅读全文
posted @ 2016-11-09 19:33 Jupiter258 阅读(247) 评论(0) 推荐(0)
Ajax_02之XHR发起异步请求
摘要：1、Ajax： AJAX：Asynchronous Javascript And Xml，异步的JS和XML； 同步请求：地址栏输入URL、链接跳转、表单提交…… 异步请求：使用Ajax发起，底层使用XMLHttpRequest对象；2、XHR的创建： var xhr=null; if(window 阅读全文
posted @ 2016-11-09 13:28 Jupiter258 阅读(768) 评论(0) 推荐(0)
Ajax_01之概述、响应
摘要：1、URL、URI和URN URL：Unified Resource Locator：统一资源定位符； URI：Unified Resource Identifier：统一资源识别符； URN：Unified Resource Naming：统一资源命名符； URI=URL+URN；2、响应状态码（ 阅读全文
posted @ 2016-11-08 18:32 Jupiter258 阅读(291) 评论(0) 推荐(0)
MySQL_02之增删改查、PHP数据库操作
摘要：1、数据操作： ①插入记录： 插入单条记录：INSERT tbl_name(字段名称，……) VALUES(字段值，……); 插入多条记录：INSERT tbl_name(字段名称，……) VALUES(字段值，……)，(字段值，……)……; ②修改记录： 更新表中所有记录：UPDATE tbl_n 阅读全文
posted @ 2016-11-07 20:58 Jupiter258 阅读(364) 评论(0) 推荐(0)
MySQL_01之MySQL数据库基础
摘要：1、通过SQL（结构化查询语言）操作数据库： DDL：数据定义语言，创建库，创建表，选择； DML：数据操作语言，完成数据增删改； DQL：数据查询语言，完成数据查询； DCL：数据控制语言，授权、回收权限；2、数据库连接： mysql -uroot或者mysql -uroot -p密码； SQL不 阅读全文
posted @ 2016-11-06 20:32 Jupiter258 阅读(329) 评论(0) 推荐(0)
PHP_01之PHP概述、数据、语法
摘要：1、定义：PHP Hypertext Preprocessor，超文本预处理器，服务器端脚本语言；2、环境：WAMP：Window+Apache+PHP+MySQL； LAMP：Linux+Apache+PHP+MySQL； web服务器访问：http://localhost:80或者http:// 阅读全文
posted @ 2016-11-06 14:25 Jupiter258 阅读(414) 评论(0) 推荐(0)
jQuery_04之第三方、自定义
摘要：1、第三方插件： ①日期：layDate：不依赖于jquery 使用：html:<input class="laydate-icon"> css:引入laydate/skins/default/laydate.css js:laydate({ elem:"selector",format:"YYYY 阅读全文
posted @ 2016-11-06 08:21 Jupiter258 阅读(261) 评论(0) 推荐(0)
jQuery_03之事件、动画、类数组操作
摘要：一、事件： 1、模式触发事件： ①DOM：elem.onXXX();只能触发直接用onXXX绑定的事件处理函数；用addEventistener添加的事件监听无法模拟出发触发； ②jQuery：$(...).trigger("事件名");可简写：$(...).事件名； 2、页面加载后执行： ①jQu 阅读全文
posted @ 2016-11-05 20:10 Jupiter258 阅读(467) 评论(0) 推荐(0)
jQuery_02之元素操作及事件绑定
摘要：1、操作元素之属性： ①attr读：$(“selector”).attr(“属性名”)；=>getAttribute(“属性名”)；改：$(“selector”).attr(“属性名”，值)；=>setAttribute(“属性名”，值)；*（*无法访问不再开始标签中存在的prop属性；例：chec 阅读全文
posted @ 2016-11-05 12:48 Jupiter258 阅读(389) 评论(0) 推荐(0)
jQuery_01之选择器
摘要：1、jQuery对象获取：①先获得DOM对象，再用$函数封装到jQuery对象；var $jQuery=$（DOM对象）；②直接使用$函数查找到的DOM对象，被自动封装到jQuery对象中；var $jQuery=$（“selector”）； 2、jQuery选择器：支持几乎所有CSS选择器；①绑定 阅读全文
posted @ 2016-11-03 15:24 Jupiter258 阅读(274) 评论(0) 推荐(0)
DOM_06之定时器、事件、cookie
摘要：1、定时器：①任务函数：函数结尾判断临界值；②启动定时器：a、周期性：timer=setInterval（任务函数，interval）；b、一次性：timer=setTimeout（任务函数，wait）；③停止定时器：a、周期性：clearInterval（timer）；timer=null；b、一 阅读全文
posted @ 2016-11-02 17:22 Jupiter258 阅读(410) 评论(0) 推荐(0)
DOM_05之DOM、BOM常用对象
摘要：1、HTML DOM常用对象之Table：①创建：createTHead（）；createTBody（）；createTFoot（）；②删除：deleteTHead（）；deleteTFoot（）；③tHead下：insertRow（i）；deleteRow（i）；*（i相对与当前行分组的位置；）； 阅读全文
posted @ 2016-11-02 11:02 Jupiter258 阅读(300) 评论(0) 推荐(0)
DOM_04之常用对象及BOM
摘要：1、添加：①var a=document.createElement（“a”）；②设置关键属性；③将元素添加到DOM树：a、parent.appendChild（a）；b、parent.insertBefore（a，old）；c、parent.replaceChlid（a，old）； 2、优化：尽量 阅读全文
posted @ 2016-11-01 22:29 Jupiter258 阅读(340) 评论(0) 推荐(0)