夜之悠然-优快云博客

原创 js原生事件委托

1.普通的是事件委托这里有一个兼容性要注意,var e=e|| window.event;var target = e.target || e.srcElement; 都是为了兼容IE 111 222 333 444window.onload=function(){var oUl = document.getElementBy

2017-07-24 11:54:03 482

原创 css 元素垂直居中的问题

1> 图片元素和单行文本只需设置父元素line-height的高度和父元素自身高度一致,图片设置vertical-align: middle;就可以了.2 .方法一块级元素如何垂直居中htmlContent here css#parent{width: 500px;height: 500px;background-color: yellow;positio

2017-07-20 11:24:26 352

原创如何用div模仿textarea

//h5新属性,让元素可以编写<div contenteditable="true"> .....此处省略.....给div设置css 主要属性有div{ width: 100px; min-height: 100px; max-height: 300px; padding: 3px

2017-07-19 21:20:39 2263

原创 jquery的$(document).ready()方法与 window.onload 的区别

1.执行时间window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。 $(document).ready()是DOM结构绘制完毕后就执行，不必等到加载完毕。2.编写个数不同window.onload不能同时编写多个，如果有多个window.onload方法，只会执行一个 $(document).ready()可以同时编写多个，并且都可以得到执行

2017-07-19 20:52:38 335

原创原生js封装ajax请求

// 封装函数，调用该函数可以使用跟服务器进行通信// method url 参数 success的回调函数失败的回调函数// {// method:// url:// data:// success:// error:// }function ajax(argObj){var xhr = XMLHttpRequest?new XMLHttpR

2017-07-08 10:36:25 326

原创 js原生和ajax的get和post方法以及jsonp的原生写法

login.onclick = function(){var xhr = new XMLHttpRequest();xhr.open("get","http://localhost/ajax2/test2.php?username="+username.value+"&pwd="+pwd2.value,true);xhr.send();xhr.onreadystatechange

2017-07-08 10:16:46 9491

原创 angular懒加载模块me-lazyload.js使用方法详解

angular框架使用起来是非常方便的，是典型的mvc框架。而me-lazyload.js是为了angular而开发的一款图片懒加载模块。me-lazyload的原理是通过自定义的指令，生成一个属性类的自定义指令，在img标签上加入这个自定义指令获取到绑定的图片链接地址。然后，监听容器的滚动事件，当承载自定义属性的标签进入视窗时，将会自动往img标签上添加src属性并赋值。这样就实现了懒加载性

2017-07-06 09:08:01 4235

原创作用域及作用域链,闭包

作用域:指变量或者方法的作用范围作用域链:程序在执行的时候系统会创建一个环境栈,首先压入栈底的是全局环境,同时也会给它创建一个变量对象,管理这个全局环境中的变量.当调用某个函数的时候,这个函数就会被压入环境栈,同时也会给它创建一个变量对象.系统会把这些变量对象链接起来,开头永远都是正在执行的函数,结尾是去全局环境.一、变量的作用域01 局部变量与全局变量局部变量声明在函数体内

2017-07-05 20:09:54 279

原创 js 常见的日期时间

1. 获取相同当前的日期和时间var 变量名 =new Date();2. 将字符串封装成日期和时间对象var 变量名= new Date(“字符串”);字符串格式的表现形式a) 年-月-日时:分:秒b) 年/月/日时:分:秒c) 年月日时:分:秒3. 日期和时间对象常用方法a)

2017-05-20 16:01:07 521

原创 DOM 事件属性补充

1. DOM2事件处理程序的添加：利用addEventListener()方法添加a) 格式：节点.addEventListener(“事件名称”, 函数名, 事件流);b) 注意事项：l 同一节点可以添加多个相同的事件，这些事件会依次执行l 删除事件时需要用到removeEventListener()，格式：节点.removeEven

2017-05-20 15:54:43 377

原创 JS中获取元素的尺寸及位置

JS中获取元素的尺寸及位置1. clientWidtha) 作用：获取元素可视化宽度b) 注意：clientWidth=width+padding2. clientHeighta) 作用：获取元素可视化高度3. offsetWidtha) 作用：获取元素宽度b) 注意：offsetWidth=width+padding

2017-05-20 15:49:47 1516

原创 DOM 常见事件

1. 什么是事件：所谓事件就是指用户或浏览器所执行的某些操作，如点击鼠标，敲击键盘，刷新页面2. 什么是事件处理程序：所谓事件处理程序就是当时间被触发时所有要执行的函数，事件处理程序的名称有on+事件名构成，如onclick，需要注意所有的事件处理程序的名称都是小写的3. 事件处理程序的指定形式a) HTML事件处理程序：将事件处理程序的指定

2017-05-20 15:45:06 410

原创 DOM 的一些常用方法

DOM常用方法1. writea) 作用：将内容写在页面中b) 格式：document.write(内容);c) 注意：可以解析标签2. createElementa) 作用：创建元素节点b) 格式：document.createElement(“标签名”);c) 注意：返回值为创建好的节点，注意的是节点创建好后，

2017-05-20 15:12:10 489

原创 js DOM对象

DOM1. 什么是DOMa) Document Object Model缩写，文档对象模型，用来操控HTML文档即文档内元素b) document对象是DOM的一个实例化对象，代表HTML文档，可以通过document对象的属性和方法来操控文档以及元素，注意该对象不需要创建c) DOM认为HTML文档即文档元素都可以看做是节点（node），常用节点如下

2017-05-20 15:03:58 313

原创 js math对象以及一些常用方法

Math对象一、 Math对象的作用：用来处理数学运算，它里面的所有属型和方法都是静态的，可以用Math对象名直接调用，格式为Math.方法/属性二、 Math对象的方法1. round1) 作用：对数据进行四舍五入2) 格式：Math.round(x);3) 返回值：为最接近它的整数2. ceil

2017-05-20 14:54:50 2358

原创 js 正则表达式

正则表达式1. 什么是正则表达式：所谓正则表达式也称为规则表达式，它是由一些普通字符和特殊字符构成的具有特定规则和含义的表达式。它的作用是用来检索字符串是否匹配。常用来对表单进行验证2. 正则表达式的创建a) 使用构造方法创建，格式var 正则表达式名称= new RegExp(“规则表达式”，“修饰符”);b) 使用字面量形式创建，格式var 正则表

2017-05-20 14:43:59 269

原创 js 字符串

1. 什么是字符串：有单引号或双引号包起来的0个或读个字符，被称为字符串2. 字符串对象的创建a) 使用构造方法创建，格式var字符串名称= new String(“字符串”);b) 使用字面量的形式创建字符串对象，格式var字符串名称= “字符串”；3. 字符串的存储形式：和数组的存储形式相同4. 字符串元素

2017-05-20 14:40:10 214

原创 js 函数

函数1. 什么是函数：也称为方法，就是指程序中具有特定功能的模块2. 函数的分类：a) 从定义角度分：JS内置函数、自定义函数l 内置函数：alert、document.write、console.log、confirm、promptl 自定义函数：根据需求用户自己编写的函数b) 从参数角度分：有参函数、无参函数c)

2017-05-20 14:15:32 313

原创 js 数组

1. Array对象、Math对象、String对象、Date对象、正则表达式2. 什么是数组：所谓数组就是内存中开辟出的一片存储空间，换句话说数据就是变量的集合3. 数组的定义格式a) 利用构造方法创建数组，l 格式1：var数组名 = new Array();l 格式2：var数组名= new Array(个数);l 格式3：var

2017-05-20 13:58:54 346

原创 JS初级基础

JavaScript基础一、 js代码的应用1. 使用标签将js代码应用到HTML文档中1) 作用：将JS代码应用到HTML文档中，该标签的位置是任意，通常放在被修饰内容下面或者head标签中2) 属性及属性值：type=”text/javascript”，该属性的作用是告诉浏览器下面是一段js代码，浏览器需要按照js语法的规则进行解析2. 将JS代

2017-05-20 11:59:42 4199

smileboyjian的博客