javaScript
wenjuanzhao
这个作者很懒,什么都没留下…
展开
-
延迟加载和预加载
延迟加载在网页刚开始打开的时候,并没有加载这些图片,滚动条移动到一定的位置才加载这些图片,这就是延迟加载的一个例子。 延迟加载的好处:使用延迟加载节约大量的流量资源。预加载在网页打开某一张大图的时候,这个图片的前一张和后一张都已经加载了。原创 2017-01-13 16:08:46 · 564 阅读 · 0 评论 -
js的面向对象
工厂模式创建对象这种方式是为了解决实例化对象产生的大量重复的问题。采用这种方法可以集中地创造多个对象 function createObject(name,age) { var obj=new Object(); obj.name=name; obj.age=age; obj.run=function () {原创 2016-11-10 11:29:55 · 261 阅读 · 0 评论 -
js不常用属性
offsetDOMObject.offsetWidth; 会得到的是这个DOM对象的width和padding的和。document.compatModedocument.compatMode用来判断当前浏览器采用的渲染方式。 可能会得到两种答案: BackCompat:标准兼容模式关闭。 CSS1Compat:标准兼容模式开启。 当document.compatMode等于BackCom原创 2016-10-31 17:19:34 · 252 阅读 · 0 评论 -
混合对象 "类" ---js实现继承的两种方式
类理论类:数据和操作数据的行为的互联 js中没有类,类是它的一种设计模式。原创 2016-10-26 11:27:25 · 599 阅读 · 0 评论 -
prototype、js中的三种方法、call
javascript的方法可以分为三类:a 类方法 b 对象方法 c 原型方法 function Person(name) { this.name=name; //对象的方法 this.sayName=function () { console.log(name) } } //类的方法原创 2016-10-19 19:22:24 · 313 阅读 · 0 评论 -
对象
对象属性的设置、遍历原创 2016-10-21 17:31:18 · 275 阅读 · 0 评论 -
内置对象
由ECMA内置对象的定义是:由ECMA实现提供的、不依赖数组环境的对象,这些对象在ECMAScript程序执行之前就已经存在了global对象但是不能调用这个对象,URI编码URI编码可以对链接进行编码,以便发送给浏览器, 1、encodeURI不会对特殊的字符进行编码,例如冒号、正斜杠、问号、和#号 2、encodeURIComponent 对特殊字符也会编码 1对应于decodeURI原创 2016-11-10 11:05:31 · 216 阅读 · 0 评论 -
基本包装类型--String Boolean Number
为了方便操作基本类型值,ECMAScript提供了3个特殊的引用类型:Boolean、Number、String。这些类型与其他引用类型相似,但同时也具有各自的基本类型相应 的特殊性为。实际上,每创建一个基本类型的值的时候,后台就会创建一个对应的基本包装类型的对象基本包装类型概述不能为上边的那3种基本数据类型动态的添加方法,但是却可以调用系统的方法 1、字面量的方法 var ss="hsajia原创 2016-11-09 22:03:54 · 273 阅读 · 0 评论 -
变量、作用域、以及内存
变量js的变量是松散性的,非强制性的。(在特定的情况是一种特定的类型)。基本类型和引用类型的值基本类型的值:保存在栈内存的简单数据段,这种值完全保存在内存中的一个位置 引用类型的值:保存在对内存中的对象,变量中保存的其实是一个指针。 基本类型的值有:undefined null boolean number string在内存中的空间的大小是一个定值,是按值来访问。 引用类型的值:A原创 2016-11-09 17:26:37 · 209 阅读 · 0 评论 -
Function类型
将函数作为值传递给另一个函数 function sum(num) { return num+10; } function mm(sum,num) { return sum(num); } console.log(mm(sum,10));函数内部属性arguments一个类数组的对象 arguments的callee属性:原创 2016-11-07 11:31:08 · 284 阅读 · 0 评论 -
DOM对象
DOMdocument object model文档对象模型 W3C就是在逐渐的规范化DOM但是IE显示会有问题 html中整个其实是一个树DOM中的节点查找节点分类1、元素标签 div a 2、文本节点 标签内的纯文本 3、属性节点 标签的属性查找元素getelementById 传递一个ID值,找到对应的元素的文档对象,没有找到的话就返回null getElementsBy原创 2016-11-28 19:48:57 · 342 阅读 · 0 评论 -
动态加载脚本和样式
使用HTMLDOM来操作表格HTMLDOM来操作表格会快捷很多。 html代码 <table border="1" width="300"> <caption>人员</caption> <thead> <tr> <th>姓名</th> <th>年龄</th>原创 2016-12-07 19:54:40 · 304 阅读 · 0 评论 -
匿名函数和闭包
匿名函数:没有名字的函数 闭包是可访问一个函数作用域里变量的函数怎样使用匿名函数:1、把匿名函数赋值给一个变量 2、匿名函数的自我执行 (匿名函数)() 3、闭包 函数里边放一个匿名函数 演示闭包里边的匿名函数这里写代码片闭包闭包是指有权访问另一个函数作用域变量的函数,创建闭包的常见方式就是在一个函数内部创建另一个函数,通过另一个函数访问这个函数的局部变量。 通原创 2016-11-18 22:16:38 · 783 阅读 · 0 评论 -
动画
列队动画和同步动画列队动画就是一个动画执行完以后执行另一个,使用回调函数实现的,在判断动画执行完以后会执行这个回调函数, 同步动画就是多个对象同时实现动画,使用将timer绑定在各自的对象上 封装动画Base.prototype.animate = function (obj) { for (var i = 0; i < this.elements.length; i ++) {原创 2017-01-09 21:36:39 · 375 阅读 · 0 评论 -
表单处理
所有的表单都是在标签form中的得到form对象的方法1、id 2、class 3、document.forms[0]提交表单的方法使用提交按钮 注意的是:如果没有action 会自动的提交到本页实现阻止事件的默认提交 var Myform=document.getElementById("Myform"); addEvent(Myform,'原创 2016-12-17 17:10:06 · 674 阅读 · 0 评论 -
js的事件
事件入门什么是事件事件是由用户和浏览器进行交互的操作三种事件模型内联模型内联事件模型作为html标签的一个属性存在的,但是这种模型已经不适合在大的项目中使用。onclick脚本模型但是注意的是:如果这段脚本是对整个DOM进行操作的话,必须是在DOM加载完才执行这个脚本,让事件处理函数(onclick)执行一个函数的时候,通过赋值的方式,直接将函数名赋值给事件处理函数即可,而不是为这个事件处理函数赋值原创 2016-12-14 21:39:16 · 338 阅读 · 0 评论 -
javaScript封装成库
连缀:所谓连缀,最简单的理解就是一同时设置多个属性 实现连缀的基本思想,函数本身返回的divElement,改成返回一个Base对象,在Base对象中添加其他的操作方法,同样这些方法在执行之后,都返回的是Base对象原创 2016-12-30 11:36:51 · 468 阅读 · 0 评论 -
Ajax技术
Ajax技术的核心是XMLHttpRequest 1、var xhr=new XMLHttpRequest(); 2、调用xhr的open方法接受3个参数 准备发送 1、请求的类型2、请求的url3、同步还是异步(false同步) 3、 xhr.send(null); //发送请求 get不需要发送数据 所以填null console.log(xhr.原创 2016-12-29 16:06:18 · 277 阅读 · 0 评论 -
JSON
JSON和XML都是结构化的数据表示方式,但是JSON的获取会比xml的获简单。 JSON的语法可以表示三种类型的值: 1、简单值:在JSON中表示字符串、数值、布尔值 2、对象 3、数组 对象的表示 var box={name:"lee",age:100}; console.log(box.name);json对象的表示 '{"name":"Lee"}';但是一般都是使用比原创 2016-12-28 21:10:32 · 266 阅读 · 0 评论 -
xml和xpath
xml指可扩展标记语言(EXtensible Markup Language)类似于标记语言html,设计宗旨是传输数据,而非展示数据 js来读取xml var xmlhttp; if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp=new XM原创 2016-12-28 19:40:53 · 354 阅读 · 0 评论 -
cookie存储
检测浏览器是支持cookiecookie是以很小的文件来保存数据,常用于: 会员登录、购物车等alert(typeof document.cookie)cookie的组成name=value 完整的形式: name=value;[expires=date];[path=path];[domian=somewhere.com];[secure]写入cookie document.cookie原创 2016-12-20 17:17:27 · 354 阅读 · 1 评论 -
Vue.js介绍以及vue的常见指令
Vue实现的是MVVM的功能 一方面,通过ViewModel将Model的数据绑定到View的Dom元素上面,当Model里面的数据发生变化的时候,通过ViewModel里面数据绑定的机制,触发View里面Dom元素的变化;另一方面,又通过ViewModel来监听View里面的Dom元素的数据变化,当页面上面的Dom元素发生变化的时候,ViewModel通过Dom树的监听机制,触发对应的Model原创 2016-12-05 15:21:27 · 456 阅读 · 0 评论 -
BOM对象
BOM对象也就是浏览器对象,但是由于浏览器的供应商对整个对象都有自己的一些扩展,导致许多不兼容的性质,所以我们只能使用浏览器共有的方法。BOM本身没有标准的定义window对象js中最顶层的对象 window的6大属性,这些属性本身就是对象 window下的属性和方法可以使用window.属性或者方法也可以直接 属性 方法 需要注意的是如果是某一个浏览器独有的方法,那么在其他的浏览器可能会原创 2016-11-22 21:02:31 · 288 阅读 · 0 评论 -
js正则表达式
什么是正则表达式描述字符模式的对象 ECMA提供RegExp来表示正则表达式。string和RegExp都定义使用正则表达式的进行强大的模式匹配创建正则表达式创建正则表达式的方式:1、new运算符 第一个参数为字符串 第二个参数为可选模式的修饰符 i忽略大小写 g全局匹配 m多行匹配 var box=new RegExp('box'); var box1=new RegEx原创 2016-09-18 21:20:22 · 599 阅读 · 0 评论 -
javascript--事件
javaScript就是为了解决这个问题设计的,通过将一些功能在客户端实现来节省返回服务器的时间事件流1、冒泡型事件基本思想:事件是按照最特定的目标事件到最不确定的事件顺序出发2、捕获型事件基本思想:事件从最不精确的对象开始触发到最精确的对象原创 2016-03-21 15:09:32 · 396 阅读 · 0 评论 -
javascript继承
一、javascript中对象之间继承方式的实现继承的方式:1、对象冒充构造函数使用this关键字给所有属性和方法赋值,因为构造函数只是一个函数,所以可使原创 2016-03-13 13:29:09 · 378 阅读 · 0 评论 -
浏览器中的javaScript
一、在Html中使用JavaScript有两种方式:内嵌和外部引入大量的HTML代码中不应该被嵌在HTML文件中1、安全性,只要查看页面的源代码,任何人都可以知道在页面重做了什么。如果是外部文件引入js的话就可以通过加入版权和其他知识产权的通告来防止2、代码维护,如果js代码散布于多个页面的话,代码不好维护3、缓存:浏览器会根据特定的设置缓存所有外部链入的js文件,如果两个页面使用原创 2016-03-13 20:36:32 · 535 阅读 · 0 评论 -
javaScript对象基础
1、对象的引用删除对象的引用:当变量object对象置为null时,对第一个创建的对象的引用就不存在了2、对象的类型javaScript对象的类型:内部对象、宿主对象、自定义对象 内部对象:Array Boolean Function Date Global Math Number Object RegExp String 宿主对象:执行javaScript时javascript脚本环境提供的对原创 2016-04-13 09:25:04 · 487 阅读 · 0 评论 -
博客前端
一、创建一个基础库原创 2016-05-28 14:31:26 · 422 阅读 · 0 评论 -
关于this
this被自动定义在所有函数的作用域中。 this的使用原创 2016-10-25 09:44:14 · 986 阅读 · 0 评论 -
作用域闭包
闭包原创 2016-10-24 17:21:58 · 265 阅读 · 0 评论 -
提升
函数的声明和变量的声明会被提升,函数的提升会优先于变量的提升原创 2016-10-24 16:41:06 · 242 阅读 · 0 评论 -
函数作用域和块作用域
函数作用域和块级作用域原创 2016-10-24 11:30:32 · 471 阅读 · 0 评论 -
js中会改变作用域的两个语句
eval with 改变js书写代码的作用域原创 2016-10-23 11:51:20 · 476 阅读 · 0 评论 -
javaScript实现的数据结构
javaScripts中的函数javaScripts中的函数没有引用传递,只有值传递 但是数组作为参数传递给函数时,此时的数组是作为地址传递给函数的,可以理解为引用传递。变量作用域拥有全局作用域的变量:1、在函数外定义的变量 2、在函数体内没有经过var申明的变量 javaScripts拥有的函数作用域,没有块级作用原创 2016-09-14 11:32:18 · 601 阅读 · 0 评论 -
jquery
1、jquery代码风格1、**的重要∗∗在jQuery程序中,不管是页面元素的选择、内置的功能函数,都是美元符号“的重要**在jQuery程序中,不管是页面元素的选择、内置的功能函数,都是美元符号“”来起 始的。而这个“$”就是jQuery当中最重要且独有的对象:jQuery对象,所以我们在页面元 素选择或执行功能函数的时候可以这么写: 2、容错性好$().css(‘color’, ’red原创 2016-05-31 18:53:04 · 3903 阅读 · 0 评论 -
兼容性问题
1、image被a包着的时候会出现对于的padding,解决的办法a 和image 都display:block<a href="###" style="display: block"> <img src="images/1.jpg" style="display: block"></a>2、原创 2016-06-19 16:55:29 · 482 阅读 · 11 评论