
javascript
文章平均质量分 68
快乐的小小编
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Comet
1、概念Comet 是一种更高级的Ajax技术,经常被叫做服务器推送。Ajax 是 一种从页面向服务器请求数据的技术,而comit 则是一种服务器向页面推送的技能。Comet 能够让信息几乎实时地推送到页面上,非常适合处理体育比赛的分数和股票报价。2、浏览器实现实现Comet 的方式有两种,轮询和流。(1)轮询:分为长轮询和短轮询。长轮询:页面发送一个请求,然后服务器一原创 2015-10-16 11:53:27 · 755 阅读 · 0 评论 -
JavaScript DOM 扩展
1、选择符 API(1)querySelector() ,接收一个css选择符,返回与该模式匹配的第一个元素,如果没有找到返回null。var selected = document.querySelector('.selected'); //取得类为 ‘selected’ 的第一个元素。(2)querySelectorAall() ,接收一个css选择符,返回所有匹配的元原创 2015-10-13 11:16:45 · 496 阅读 · 0 评论 -
dom元素大小
(1)偏移量 包括元素在屏幕上占用的所有可见的空间。元素的可见大小由其高度、宽度,包括所有内边距、滚动条和边框大小。 offsetHeight : 元素在垂直方向上占用的空间大小,以像素计。包括元素的高度,水平滚动条的高度,上边框高度和下边框的高度。 offsetWidth:元素在水平方向上占用的空间大小,以像素计。包括元素的宽度,垂直滚动条的宽度,左边框宽度和右边框宽度。原创 2015-10-13 11:44:28 · 611 阅读 · 0 评论 -
JavaScript面向对象(1)
(1)对象的创建1.工厂模式function createPerson(name,age,job){ var o = new Object(); o.name = name; o.age = age; o.job = job; o.sayName = function(){ alert(this.name); }; r原创 2015-09-23 18:06:33 · 401 阅读 · 0 评论 -
javascript 函数
(1)JavaScript中Function的描述:每个函数都是Function的实例,而且都与其他引用类型一样具有属性和方法,由于函数是对象,因此函数名称实际上也是一个指向函数对象的指针,不会与某个函数绑定。使用不带圆括号的函数名是访问韩式指针,而非调用函数。即 ”函数是是对象,函数名是指针!“(2)函数声明和函数表达式://调用fun1 fun1();原创 2015-09-22 19:14:54 · 425 阅读 · 0 评论 -
JavaScript面向对象(2)
(6)上次说到通过JavaScript创建对象,有两种方式,一种是构造函数方式,一种是原型方式,下面我们接着聊。组合使用构造函数和原型模式:function Person(name,age,job){ this.name = name; this.age = age; this.job = job; this.friends = ['zhangsan','l原创 2015-09-24 10:28:25 · 456 阅读 · 0 评论 -
JavaScript面向对象(3)
(1)概念面向对象的三大特性,抽象,继承,多态。继承又分为两种,一种是接口继承,一种是实现继承,接口继承继承的是函数签名,而在JavaScript中没有函数签名,所以只能继承只有实现继承。JavaScript的继承是通过原型链来实现的,重写对象的原型对象,即让一个类型的原型指向另一类型的实例。先简单回顾下构造函数、原型和实例的关系:每个构造函数都有一个原型对象,原型对象都包含一个指原创 2015-09-24 14:12:35 · 484 阅读 · 0 评论 -
JavaScrip 事件
1、概念JavaScript与HTML之间的交互是通过事件实现的。事件,就是文档或浏览器窗口中发生的一些特定的交互瞬间。可以使用侦听器来预订事件。以便事件发生时,执行相应的代码。事件流简单的的理解,就是事件在DOM元素传播的结构,有事件冒泡和事件捕获。2、跨浏览器实现 var EventUtil = { addHandler: function(ele, typ原创 2015-10-14 12:06:44 · 426 阅读 · 0 评论 -
Ajax
1、概念Ajax 是对 Asynchronous Javascript + XML 的简写,通过这一技术能够向服务器请求额外的数据而无需卸载页面,即无刷新页面进行数据更新,从而给用户带来更好地用户体验。2、XMLHttpRequestAjax 的核心就是 XMLHttpRequest。var xhr = null; //不同的浏览器获取XHR 对象 if(w原创 2015-10-15 13:18:48 · 415 阅读 · 0 评论 -
javascript 设计模式
原文地址:http://blog.jobbole.com/29454/ /* 单例模式 */ var singleton = function (fn) { var result; //闭包 return function () { return result || (result = fn.apply(this, arguments转载 2016-01-18 17:17:30 · 560 阅读 · 0 评论 -
我所经历的JS性能优化
折腾了好几天,纠结了好几天,郁闷了好几天,终于在今天可以释怀了,留下其中的苦乐辛酸来和大家分享。 事情是这样子的,上周接到一个需求,其中涉及到一个好友选择的组件,就是单机左侧某个群组下的好友后该好友移动到右侧,视为选择了它,另外每个群组还有全选,折叠和展开等功能。组件在开发过程中,遇到了在2000条数据的时候,搜索会变的很卡,IE8下为2s左右,IE6更长,我在最初的优化过程中我使用事件代转载 2015-12-04 16:48:33 · 391 阅读 · 0 评论 -
js之惰性函数
利用函数的惰性载入提高javascript代码性能在javascript代码中,因为各浏览器之间的行为的差异,我们经常会在函数中包含了大量的if语句,以检查浏览器特性,解决不同浏览器的兼容问题。例如,我们最常见的为dom节点添加事件的函数:function addEvent (type, element, fun) { if (element.addEventListene转载 2016-02-01 12:04:41 · 3697 阅读 · 0 评论 -
数据结构与算法--翻转二叉树
/** * 翻转二叉树 * @param root * @returns {*} */function revertTree(root) { if (root === null) return null; revertTree(root.left); // 翻转左子树 revertTree(root.right); // 翻转右子树 // 交换左右子树 swap(ro...原创 2018-10-24 14:27:02 · 436 阅读 · 0 评论 -
JavaScript TypeArray
1、利用java传递字节流import java.io.FileOutputStream;import java.nio.ByteBuffer;/** * Created by wikid on 2015/10/26. */public class Test1 { public static void main(String args[]) throws Exceptio原创 2015-10-26 17:37:22 · 1311 阅读 · 0 评论 -
JavaScript闭包
闭包是指有权访问另一个函数作用域中的变量的函数。常见的方式就是,就是在函数内部创建另一个函数。在介绍理论之前,我们先看一段代码: var arrFun = []; function createFuns(){ for(var i=0;i<10;i++){ arrFun[i] = function(){ return i; } }原创 2015-09-23 16:08:55 · 479 阅读 · 0 评论 -
JavaScript 模块
(1)概念对于JavaScript 的模块化编程,虽然一直在关注,却好像没怎么在生产中使用过,最近的一个项目,摒弃了angularjs,打算好好的整整JavaScript模块化开发。小编是做java出身的,所以在刚接触JavaScript 有点稀里糊涂的,毕竟之前一直把它当做一门浏览器脚本语言,操作下dom,写写特效和用户交互什么的,但现在随着项目业务的不断复杂,不得不搞一搞JavaS原创 2015-10-07 20:15:19 · 545 阅读 · 0 评论 -
JavaScript 的 BOM
(1)window 对象BOM对象的核心是window对象,它表示浏览器的一个实例,即浏览器的窗口即页面可见区域。同时,window对象还是ECMAScript 中的global 对象,因而所有全局变量和函数都是它的属性,且原生的构造函数及其他函数也都存在于它的命名空间下。全局变量不能通过delete操作符删除,而直接在window对象上的定义的属性是可以的。(2)框架集原创 2015-10-08 11:31:51 · 544 阅读 · 0 评论 -
WEB 前端面试题(1)
1、渐进增强和优雅降级区别。这两个概念是随着css3流出来的概念。渐进增强:是针对低浏览器进行构建页面,保证最基本的功能,然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验。优雅降级:一开始就构建完整的功能,然后再针对低版本浏览器进行兼容。区别:优雅降级是从复杂的现状开始,并试图减少用户体验的供给,而渐进增强则是从一个非常基础的,能够起作用的版本开始,并不断扩充,原创 2015-10-08 13:35:04 · 651 阅读 · 0 评论 -
iframe 框架技术
1、定义:iframe元素会创建包含另外一个文档的内联框架,即行内框架。作用就是将其他的网页嵌入到自己的页面汇中。2、理解:1.首先iframe是一个过时的技术,它是一个独立的作用域,2.会阻塞主页面的onload事件3.iframe和主页面共享连接池,而浏览器对相同作用域的连接有限制,所以会影响页面的并行加载4.可以解决一些跨域问题3、防止别人引用原创 2015-09-19 10:50:51 · 1550 阅读 · 0 评论 -
jquery 的 promise编程
1、为什么会有promise这里我不阐述什么特别详细的概念,直接以实际需求出发。现在手上的问题是,前端需要用echarts构建一个图表,而数据是通过ajax请求rest的数据接口而来的,但是echarts绘图需要的数据需要同时请求到多个数据源,才能完整的将图表画出来。常规的写法是,JavaScript的函数回调,也就是下面的代码:ajax 函数回调: aj原创 2015-09-19 12:23:23 · 738 阅读 · 0 评论 -
JavaScript DOM基础
1、概念DOM,文档对象模型是针对HTML和XML文档的一个API。DOM描绘了一个层次化的节点树,允许开发人员添加、移除和修改某一部分。2、DOM 节点的一些属性和相关的节点关系3、节点操作//1、appendChild 在childNodes 列表的末尾添加一个节点 var newDiv = document.createElement('div');原创 2015-10-10 11:27:27 · 603 阅读 · 0 评论 -
浏览器检测
概念:客户端检测是JavaScript开发中很争议的话题,由于浏览器间存在差别,通常需要根据不同浏览器的能力分别编写不同的代码。1、能力检测在编写代码之前先检测特定浏览器的能力。例如,脚本在调用某个函数之前,可能要先检测该函数是否存在。这种检测方式注重的是浏览器的能力,而不是浏览器的类型和版本号。 /* IE5.0之前不支持 document.getElementB原创 2015-10-09 10:51:56 · 530 阅读 · 0 评论 -
javascript解析
(1)在解析外部JavaScript文件时(包括下载该文件)时,页面的处理会暂时停止。(2)在包含外部JavaScript文件时,必须将src属性设置为指向相应文件的url。这个文件可以是与包含它的页面位于同一个服务器上的文件,也可以是其他任何域中的文件。(3)所有元素都会按照他们在页面中出现的先后顺序依次被解析。在不使用defer和asysnc属性的情况下,只有在解析完前面元素中的代码之原创 2015-09-22 10:06:08 · 411 阅读 · 0 评论 -
JavaScript作用域和执行环境
(1)首选要强调的一点是,JavaScript没有块级作用域 function fun(){ num = 10; alert('fun-num:'+num); //10 } alert('global-num:'+num); //10我们在函数fun中声明了一个变量num,但是没有通过关键字var修饰,所有JavaScript默认将它作为一个全局的对象原创 2015-09-22 14:23:06 · 516 阅读 · 0 评论 -
html5 hash
作者:zccst 现在的开发,越来越倾向于页面内跳转,这种情况下需要更新自己的知识,来实现页面内跳转。history就是解决这个问题的。 HTML5有两种解决办法: 1,onhashchange 用到了window.loaction.hash对象(存,取) 2,history (1) pushstate 三个参数:数据,标题(为空),url(可选)。转载 2015-11-11 11:19:51 · 688 阅读 · 0 评论 -
JavaScript参数传递和对象复制
(1)基本类型和引用类型基本类型:指的是简单的数据段。在内存中占据固定的大小,放在占内存中。引用类型:指的是那些可能由多个值构成的对象。引用类型的值是对象,保存在堆内存中。(2)复制基本类型:var num1 = 6;var num2 = num1;alert('num1='+num1);alert('num2='+num2);由上图可以看出,基本类型原创 2015-09-22 13:59:10 · 535 阅读 · 0 评论 -
javascript 基本概念(数据类型,小知识点)
(1)函数在JavaScript声明函数时,函数的参数主要是为了提供在函数内部可以访问的标识符,增强语义化,如function addUser(id, name){ //使用参数标志 console.log('id='+id); console.log('name='+name); //使用参数 console.log('id='+arguments原创 2015-09-22 11:40:02 · 561 阅读 · 0 评论 -
javascript – 捕获iframe加载完成事件
< iframe>元素有一个负载事件。你如何倾听这个事件取决于你,但一般最好的方法是:1)以编程方式创建iframe它确保您的负载侦听器总是通过在iframe开始加载之前附加它来调用。2)inline javascript,是另一种方式,你可以在你的HTML标记内使用。3)您还可以在元素之后附加事件侦听器,在< script>标记,但请记住,在这种情况下,有...原创 2019-06-28 15:37:46 · 2264 阅读 · 0 评论