javascript 面向对象封装与继承

2017年02月06日 13 阅读

整理一下js面向对象中的封装和继承。1.封装 js中封装有很多种实现方式，这里列出常用的几种。1.1 原始模式生成对象 直接将我们的成员写入对象中，用函数返回。 缺点：很难看出是一个模式出来的实例。代码：复制代码 代码如下: function Stu（name, score） { return { name: name, score: score } } var stu1 = Stu（"张三", 80）; var stu2 = Stu（"李四", 90...

jQuery的ready方法详解

2017年02月06日 13 阅读

jQuery中的ready方法实现了当页面加载完成后才执行的效果，但他并不是window.onload或者doucment.onload的封装，而是使用 标准W3C浏览器DOM隐藏api和IE浏览器缺陷来完成的，首先，我们来看jQuery的代码复制代码 代码如下:DOMContentLoaded = function（） { //取消事件监听，执行ready方法 if （ document.addEventListener ） { document....

jQuery实现多按钮单击变色

2017年02月06日 12 阅读

这个小特效代码很简单，就不多做说明了，直接奉上源码。JQuery代码：复制代码 代码如下:<script type="text/javascript"> //加载事件 $（function （） { var collection = $（".flag"）; $.each（collection, function （） { $（this）.addClass（"start"）; }）; }）; //单击事件 function dj（dom） { v...

js获取浏览器基本信息大全

2017年02月06日 12 阅读

网页可见区域宽：document.body.clientWidth网页可见区域高：document.body.clientHeight网页可见区域宽：document.body.offsetWidth （包括边线的宽）网页可见区域高：document.body.offsetHeight （包括边线的宽）网页正文全文宽：document.body.scrollWidth网页正文全文高：document.body.scrollHeight网页被卷去的高：doc...

20个实用的JavaScript技巧分享

2017年02月06日 12 阅读

众所周知，JavaScript是一门非常流行的编程语言，开发者用它不仅可以开发出炫丽的Web程序，还可以用它来开发一些移动应用程序（如PhoneGap或Appcelerator），它还有一些服务端实现，比如NodeJS、Wakanda以及其它实现。此外，许多开发者都会把JavaScript选为入门语言，使用它来做一些弹出窗口等小东西。在这篇文章中，作者将会向大家分享JavaScript开发的小技巧、最佳实践等非常实用的内容，不管你是前端开发者还是服务端开发...

20条学习javascript的编程规范的建议

2017年02月06日 12 阅读

1、使用js文件管理代码所有代码尽量放在js文件中，然后再html文件中使用script引入，引入时注意放在body标签后面，并且不使用type或者language。2、书写缩进使用4个空白格缩进，注意不要使用tab键进行缩进。3、断句注意行长，每行不超过80个字符，超过时要进行适当断句，断句应该再操作符后面进行，最理想的是在逗号（，）后面进行断句，断句后下一行使用8格缩进。4、注解一般使用单行注释，块注释一般用于文档。5、变量声明所有变量使用之前先声明，...

javascript中数组array及string的方法总结

2017年02月06日 12 阅读

一、array的方法总结会更改原来的的数组push、unshift方法，返回length。增加值得就返回length,其他返回该元素pop,shift返回该元素reverse返回该元素splice（start,deleteCount,addItem...）,从原数组中删除和增加，返回删除的数组不会改变原来的数组，返回新的数组concat,join,slice（start,end）记住这3个是返回新数组，其他的会改变原来的数组二、Sting的方法总结不对原始...

javascript基本类型详解

2017年02月06日 13 阅读

js中一共5个原始值，6个typeof能判断的，9个原生的内置的构造函数。 这569，构成了js语言的基础。 5个原始值是：数字，字符，布尔，null,undefined typeof能判断：数字，字符，布尔，object,function,undefined。 注意null和数组，tyopeof都输出object。 typeof不能区分出数组和对象，如何判断类型呢？使用Object.prototype.toString.apply（）。 if（...

jquery 操作css样式、位置、尺寸方法汇总

2017年02月06日 15 阅读

一、CSS 1、css（name） 访问第一个匹配元素的样式属性。 返回值 String 参数 name （String） : 要访问的属性名称 示例： 复制代码 代码如下:$（"p"）.css（"color"）; //取得第一个段落的color样式属性的值 2、css（properties） 把一个“名/值对”对象设置为所有匹配元素的样式属性。这是一种在所有匹配的元素上设置大量样式属性的最佳方式。 返回值 jQuery 参数 properties （Ma...

对比分析json及XML

2017年02月06日 12 阅读

随着移动互联网时代的大潮，越来越多的App不光是需要和网络服务器进行数据传输和交互，也需要和其他 App 进行数据传递。承担App与网络来进行传输和存储数据的一般是XML或者JSON。在移动互联网时代，XML和JSON很重要。 最近一段时间，个人综合了之前对XML、JSON的一些了解，参考了相关资料，再结合视频的代码，把自己的一些思考融入了这篇总结文档中，同时尝试用通俗诙谐的语言风格来阐述，期望能给感兴趣的读者带来帮助。 为了不和时代落伍，我们必须要学...

开源的javascript项目Kissy介绍

2017年02月06日 12 阅读

kissy简介 kISSY是什么？KISSY是一个开源的javascript项目，其主体是一个前端UI开发框架，即KissyUI。本文所述的kissy是仅指其内核部分的kissy.js中的语言与框架设计思想。KISSY项目的开源网站是：http://kissyteam.github.com/kissy怎么使用呢？尽管在KissyUI向kissy内核化的过程中，我们提出了一些新的概念与框架模型，但事实上，我们并未改变KissyUI的任何使用惯例。从代码上来看...

非jQuery实现照片散落桌子上，单击放大的LightBox效果

2017年02月06日 13 阅读

效果图如下Demo地址http://xueduany.github.io/KitJs/KitJs/demo/Lightbox-Gallery/demo.html实现原理很简单，基本的html如下复制代码 代码如下:<div id="gallery"> <div class="item"> <a class="kitLightBox" href="img/original/blue-green-nature.jpg" targe...

Javascript前端UI框架Kit使用指南之Kitjs简介

2017年02月06日 12 阅读

Kitjs，（http://xueduany.github.com/KitJs），是我2011年底，离开淘宝UED之后，自己搞起的一套HTML5的前端widget库，原本的用途主攻手机端HTML页面交互组件使用，正如其字面意思Kit一样，愿景是做一个娇小，实用，既可以直接拿来用，也可以很方便做2次开发的一套组件。后来由于项目的越做越大，组件数的膨胀，也加入PC端浏览器（IE6+，FF，chrome核心系列等等）的支持，不再仅限于原来手机开发领域，开始正式迈...

Javascript前端UI框架Kit使用指南之kitjs的对话框组件

2017年02月06日 13 阅读

Kit作为一个UI库，我并没有打算让大家都来学习我的Kit的Core，背熟我的API，这种跟风的学习方式一点意义都没有，今天jQuery热，大家都是学jQ，明天SeaJs火了，大家都去炒SeaJs，所以我在KitJs里面，专门为jQ的用户准备了一个语法糖（Suger.js），完全模拟jQ的API，除了实现，接口都一样，也方便大家直接拿来主义的改造Kit的组件。当然，作为一个纯技术Fan来说，深入理解一门技术是如何实现的，远比拿来主义更有趣的多^_^。当然了...

Javascript前端UI框架Kit使用指南之kitjs事件管理

2017年02月06日 12 阅读

从今天这章开始，我将会着重介绍KitJs的事件管理的内容，尽量用浅显的语言给大家揭露主流的js框架是如何在内部实现自己独立的事件管理功能的。（一）普通的Dom事件 我们一般可以通过支持在HTML写上事件<a onclick=”alert（1）”>测试</a>或者取到dom对象后绑定document.getElementById（‘a"）.onclick=function（）{alert（1）}或者二级事件document.getEl...

jquery+php实现搜索框自动提示

2017年02月06日 13 阅读

今天突然想给本站做个搜索页面，这样用户可以通过搜索来找到自己喜欢的内容，也避免了在海量信息中手动查找资源的麻烦，我的目标和百度首页的效果类似，当用户输入要搜索的文字时，我们在下方给出相关的十条信息，如果用户要找的就是这十条信息内的某一条，那么简单，直接点击就可在新页面中打开页面，主要就是想更人性化一点，让用户使用起来更方便。先看一下效果图吧，这样更有动力，要不然大家还不知道我在讲什么，到底要达到什么样的效果！jquery+php实现搜索框自动提示下面先主要...

深入理解javascript严格模式（Strict Mode）

2017年02月06日 13 阅读

ECMAScript5中引入的严格模式,通过让JavaScript运行环境对一些开发过程中最常见和不易发现的错误做出和当前不同的处理,来让开发者拥有一个”更好”的JavaScript语言。很长一段时间内,由于只有Firefox支持严格模式,我曾对严格模式表示怀疑。但到了今天,所有主流的浏览器都在他们的最新版本中支持了严格模式（包括IE10,Opera12和Android4,IOS5）是时候开始使用严格模式了。严格模式能起到什么作用?严格模式为Jav...

实例分析javascript中的call（）和apply（）方法

2017年02月06日 12 阅读

1、方法定义call方法: 语法：call（[thisObj[,arg1[, arg2[, [,.argN]]]]]） 定义：调用一个对象的一个方法，以另一个对象替换当前对象。 说明： call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。 如果没有提供 thisObj 参数，那么 Global 对象被用作 thisObj。apply方法： 语法：apply（[this...

推荐25个超炫的jQuery网格插件

2017年02月06日 13 阅读

jQuery 网格插件可以让你创建各种各样的表格布局，网格布局是报纸和杂志中最常见的布局，现在的网站中也很常见，在这篇文章中，我向大家推荐25个jQuery的网格插件，你可以任意控制网格的行和列，用文本和图片进行填充。我用了顶级的来形容这个些插件，我可以肯定你了解它们之后会觉得很酷。 1. Gridify Gridify是轻量级的 jQuery 插件，用来创建一个类似 Pinterest 图片加载网格插件。支持图像加载事件，支持窗口缩放事件，支持非常长的...

关于编写性能高效的javascript事件的技术

2017年02月06日 12 阅读

如何能做出高效的web前端程序是我每次做前端开发都会不自觉去考虑的问题。几年前雅虎里牛逼的前端工程师们出了一本关于提升web前端性能的书籍，轰动了整个web开发技术界，让神秘的web前端优化问题成为了大街的白菜，web前端优化变成了菜鸟和大牛都能回答的简单问题，当整个业界都知道了惊天秘密的答案，那么现有的优化技术已经不能对你开发的网站产生的质的飞越，为了让我们开发的网站性能比别人的网站更加优秀，我们需要更加深入的独立思考，储备更加优秀的技能。Javascr...