chiza4954-CSDN博客

转载 HTML5脚本编程

HTML5脚本编程跨文档消息传送（XDM）向另一地方传递数据——postMessage() var iframeWindow=document.getElementById("myframe").contentWindow; ifrmaeWindow.postMessage("A...

2017-03-13 22:18:00 268

转载 Ajax

Ajax Ajax的核心是XMLHttpRequest对象，使用XHR对象取得新数据，再通过DOM将新数据插入页面中 XHR对象创建XHR对象——new XMLHttpRequest() || createXHR() var xhr=new XMLHttpRequest(); ...

2017-03-12 22:53:00 125

转载 JSON

JSON JSON——一种数据格式语法简单值——使用与JavaScript相同的语法，可以在JSON中表示string、number、boolean、null "Hello world!" 对象——对象作为一种复杂数据类型，表示一组无序的键值对儿 { "name":...

2017-03-12 21:24:00 121

转载 Canvas

Canvas绘图取得绘图上下文对象的引用——getContext()方法取得2D上下文对象——getContext("2d") var drawing=document.getElementById("drwaing"); if(drawing.getContext){ v...

2017-03-12 19:16:00 102

转载事件

事件事件流事件冒泡事件捕获事件处理程序 HTML事件处理程序 <input type="button" value="Click me" onclick="alert('clicked')"/> DOM0级事件处理程序 var btn=docume...

2017-03-11 21:56:00 101

转载 DOM2和DOM3

DOM2和DOM3 DOM1级主要定义的是HTML和XML文档的底层结构 DOM2级和DOM3级在这个结构的基础上引入更多的交互能力，模块： DOM2级核心 DOM2级视图 DOM2级事件 DOM2级样式 DOM2级遍历和范围 DOM2级HTML DOM变化针对XML...

2017-03-11 20:35:00 88

转载 DOM扩展

DOM扩展选择符API -querySelector()——接收一个CSS选择符，返回与该模式匹配的第一个元素 var body=document.querySelector("body"); var myDiv=document.querySelector("#myDiv");...

2017-03-11 18:01:00 91

转载 DOM

DOM Node类型属性nodeName、nodeValue 节点关系属性childNodes——其中保存着一个NodeList对象属性parentNode——指向文档树的父节点属性previousSibling 属性nextSibling 属性firstChil...

2017-03-11 15:27:00 89

转载 BOM

BOM Window对象全局作用域窗口关系及框架始终指向最外层框架——top 始终指向向当前框架的直接上层框架——parent 窗口位置相对于屏幕左边——screenLeft || screenX 相对于屏幕右边——screenTop || screen 窗口...

2017-03-11 13:56:00 93

转载 ECMAScript函数表达式

函数表达式函数声明 function sum(num1,num2){ return num1+num2;} 函数声明提升函数表达式 var sum=function(num1,num2){ return num1+num2} 匿名函数——fun...

2017-03-11 12:51:00 99

转载 ECMAScript继承

继承接口继承——继承方法签名（接受的参数的类型和数量）实现继承——继承实际的方法（原型链）原型链原型链：让原型对象等于另一个对象的实例 function SuperType(){ this.colors=["red","blue","green"];}f...

2017-03-11 10:04:00 89

转载 ECMAScript设计模式

面向对象的程序设计创建对象构造函数创建对象 var person=new Object(); person.name="Nicholas"; person.age=25;person.job="software engineer";person.sayName...

2017-03-10 23:04:00 117

转载 ECMAScript引用类型

引用类型引用类型——一种数据结构，用于将数据和功能组织在一起。 Object类型创建Object实例：构造函数模式 var person=new Object(); //引用类型值person.name="Nicholas"; //添加属性与方法person.a...

2017-03-10 20:14:00 101

转载 ECMAScript 变量、作用域和内存

变量、作用域和内存变量 1变量——松散类型基本类型值——简单的数据段引用类型值——保存在内存中的对象创建变量并赋值，添加属性与方法 var count=10; //基本类型值var person=new Object(); //引用类型值person.n...

2017-03-10 18:06:00 135

转载 ECMAScript基本概念

ECMAScript基本概念 1语法区分大小写标识符——变量、函数、属性的名字或函数的参数（驼峰大小写）关键字——keyword 保留字注释——单行注释（//*******） || 块级注释（/*…………*/）严格模式——“use strict” 语句——以分号结...

2017-03-10 16:22:00 136

转载 jQuery Mobile

JQuery Mobile框架通过提供可触摸的UI小部件和Ajax导航系统，使页面支持动画式切换效果，以页面中的元素标记为事件驱动对象，当触摸或点击时进行触发。设置角色——data-role <div data-role="page"> <div dat...

2017-03-10 11:52:00 133

转载 LESS

LESS和SASS CSS的缺陷无法定义变量重复代码——CSS的继承机制是根据HTML的层级关系来决定的，无父子关系时只能分别定义，导致大量重复代码计算问题——无变量，无计算，只能算好固定值再填写上去作用域和命名空间 LESS 变量变量——@keyword ...

2017-02-21 22:34:00 87

转载 Bootstrap之JS插件

JavaScript插件 1动画过渡效果——$.support.transition ;function($){ 'use strict'; function transitionEnd(){ var el=document.createElement(...

2017-02-21 22:33:00 232

转载 Query插件详解

jQuery插件详解 jQuery中的常用插件插件——jQuery强大的易展性 1 表单插件——form Ajax方式提交数据——ajaxForm()、ajaxSubmit() 调用方法： $(function(){ $("form").ajaxSubmit();...

2017-02-19 21:39:00 771

转载详解Bootstrap

深入理解Bootstrap Bootstrap的css组件的核心就是选择器的定义以及在各自优先级上的处理。一、整体架构 CSS12栅格系统——将网页的总宽度平分为12份 ——或针对一个div元素使用12等分的栅格 CSS组件基础布局组件响应式设计 JQuery...

2017-02-16 20:36:00 425

转载详解jQuery

一、jQuery 1.使用jQuery 页面框架下载完毕后执行——$(document).ready(function(){}) 页面框架下载完毕后执行——$(function(){}) 控制页面CSS——addClass() 页面样式的动态切换——toggleClass() ...

2017-02-11 20:39:00 353

转载响应式设计

响应式设计媒体查询：支持不同的视口标签viewport 标签viewport——浏览器不再缩放页面，可以针对不同视口来修正设计效果 <meta name="viewport" content="width=device-width,initial-scale=1....

2017-02-06 22:25:00 90

转载详解CSS

详解CSS 一、使用CSS样式表使用CSS 语法：选择符｛样式属性：取值；样式属性：取值；样式属性：取值；…｝ #menu a{ float: left; width: 120px; height: 56px; margin: 0 0 ...

2017-02-06 22:06:00 181

转载 HTML语义化标记

HTML语义化一、HTML基本标记头部标记——<head></head> 标题标记——<title></title> 元信息标记——<meta> <meta charset="UTF-8"> <me...

2017-02-02 17:46:00 211

chiza4954的博客