liujian_laohan-CSDN博客

原创 JavaScript中本地对象、内置对象和宿主对象

一、本地对象ECMA-262（javascript就是ECMA-262标准的实现和扩展）把本地对象（native object）定义为“独立于宿主环境的 ECMAScript 实现提供的对象”，简单来说，本地对象就是 ECMA-262 定义的类（引用类型）。常用对象：ObjectFunctionArrayStringBooleanNumberDateRegExpErrorEva

2017-05-04 20:25:41 434

原创 JS的面向对象

一、对象对象的概念：对象是事物存在的实体，通俗地说，每个对象都是某个类的一个实例，比如：人类，而每个人就是一个对象。对象的组成：方法——函数：过程、动态的属性——变量：状态、静态的二、面向对象面对对象的概念：使用对象时，只关注对象提供的功能，不关注其内部细节,比如：JQuery,我们使用JQuery时直接调用它的函数即可，而不需要对里面的代码进行更多的操作；面向对象的特性：

2017-05-04 19:53:16 339

翻译事件绑定（bind()、on()）

bind()1、简要描述：bind()向匹配元素添加一个或多个事件处理器。 2、使用方式：$(selector).bind(event,data,function) 3、参数设置：event：必需项；添加到元素的一个或多个事件(例如 click,dblclick等；单事件处理：例如$(selector).bind("click",data,function);多事件处理：1.利用空格分隔多事件

2017-04-13 19:10:41 417

原创 CSS hack

1、CSS hack概念不同厂商的浏览器（Internet Explorer,Safari,Mozilla Firefox,Chrome等），或者是同一厂商的浏览器的不同版本（IE6、IE7、IE8等），对CSS的解析认识不完全一样，就会导致生成的页面效果不一样。这时为了在不同浏览器环境下得到统一的页面效果，我们就需要针对不同的浏览器去写不同的CSS，让它能够同时兼容不同的浏览器，简单的说，

2017-04-06 18:46:48 252

原创跨域及处理跨域的三种方式

1、“跨域”：“跨域”中的“域”是什么？不做太深奥的理论知识介绍（我也不会），直接给出一个例子：http://www.aaa.com:8080/script.js。这个我们平时经常见到的就是域名地址。把地址拆分： http://——————–协议 www————————-子域名 aaa.com——————–主域名 8080————————端口号 script.js—————–请求资源地址

2017-03-30 19:23:12 524

原创编写Ajax

先反反复复复习一次Ajax的编写过程：创建ajax对象：XMLHttpRequest()连接服务器：open()发送请求：send()接收返回值：onreadystatechange事件、readyState属性：请求状态、status属性：请求结果、responseText 知道这四个步骤之后我们编写代码只需要跟着流程走，就不会乱套。下面开始写代码：//四个参数：传输的方式，路径，数据，

2017-03-22 20:33:56 450

原创了解Ajax基础

1、什么是Ajax？Ajax即“Asynchronous Javascript And XML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。 Ajax = 异步 JavaScript和XML（标准通用标记语言的子集）。 Ajax 是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换，Ajax 可以使网页实现异步更新。这意味着可以在不重新加载

2017-03-11 17:08:06 265

原创 jQ选择器与常用的方法归纳

1、jQuery入口函数与JS入口函数的区别（理解）JS入口函数指的是：window.onload = function() {};jQ入口函数指的是：`$`(function(){});区别一：书写个数不同 Js入口函数只能出现一次，出现多次会存在事件覆盖的问题。 jQuery的入口函数，可以出现任意多次，并不会存在事件覆盖问题。区别二：执行时机不同 Js入口函数是在

2017-03-11 16:17:24 1168

原创 JS实现简易刻度时钟

如图所示，利用JS实现简易的刻度时钟；原理如下：利用60等份的li进行布局，li两两之间的间隔为6deg，把基点定在圆心上，使得li圆形分布。然后另外设置三条针线的样式的位置，基点同样定在圆心上，然后秒针每秒动6deg，分针每秒动1/60deg，时针每秒动1/3600deg。布局代码如下：<!DOCTYPE html><html> <head> <meta char

2017-03-10 20:18:04 1752 4

原创 JS事件冒泡与鼠标拖拽

1、事件冒泡<div style="background:#CCC;" onclick="alert(this.style.background);"> <div style="background:green;" onclick="alert(this.style.background);"> <div style="background:red;" onclick="al

2017-03-09 20:03:53 1155

原创 JS实现简单幻灯片

如上图，JS实现简单幻灯片的原理解析：幻灯片按我的理解来说就是能够按顺序自动循环切换或者手动点击切换获得下标对应大图的特效。主要的方法就是：设置定时器，让大图每隔一段时间就切换一张，当切换到最后一张时进行判断，让下标回零重新循环切换。直接上代码解释吧。var timer=null;var now=0; //定义一个变量，为当前幻灯片的索引值//开启定时器，但一定记得开启之前先关闭所有定时器

2017-03-09 19:22:09 3824

原创 JS事件：onmouseover 、onmouseout 与onmouseenter 、onmouseleave的区别

1、onmouseover、onmouseout：鼠标经过时自身触发事件，经过其子元素时也触发该事件；（父亲有的东西，儿子也有） 2、onmouseenter、onmouseleave：鼠标经过时自身触发事件，经过其子元素时不触发该事件。（父亲的东西就是父亲的，不归儿子所有）这四个事件两两配对使用，onmouseover、onmouseout一对，onmouseenter、onmouselea

2017-01-17 19:49:53 13863 2

原创 JS实现侧边栏鼠标经过弹出框+缓冲效果

可能这个标题起得不够恰当，简单来说就是：当鼠标移到最左侧时，移出一个框。首先，我们用两个div来简单布局以下页面：<div id="box"> <div id="share">分享到</div></div>这个分享框的弹出原理是：把内层div定位到外层div最右侧紧贴，然后把外层div定位到屏幕左外测，left的值与宽度相等，刚好隐藏掉就可以。当鼠标经过时，再通过改变left的值使外层

2017-01-17 19:37:26 2342

原创 JS实现选项卡效果

选项卡这个效果估计以后的项目会经常涉及到，对代码还是半熟练的情况下还是写下来吧。先来布局一个简单的页面：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{margin: 0;pa

2017-01-16 20:09:51 13037

原创 JS数组方法和字符串方法

一、常用的数组方法1、push() 接收参数，将参数加载到数组最后，参数可为一个或多个值，用逗号隔开，返回数组长度； 2、pop() 不接收参数，删除数组的最后一个元素，返回删除的值； 3、unshift() 接收参数，将参数加载到数组前面，参数可为一个或多个值，用逗号隔开，返回数组长度； 4、shift() 不接收参数，删除数组的第一个元素，返回删除的值； 5、splice 删除多个元素

2017-01-12 18:56:23 881

节点分成两种：文本节点，元素节点，大部分情况，我们只要元素节点。可以通过nodeType判断节点的类型，nodeType==3 是文本节点，nodeType==1 是元素节点。下面是节点的几种操作。1、创建节点：createElement() 接受一个参数，为要创建的标签名。var oXi=document.createElement('li');2、增加节点：appendChild()、inse

2017-01-12 16:41:17 925

原创 JS实现图片无缝滚动效果

首先，借助一张草图来简单说明一下往左移动的做法（往右相同）。如上图所示，图片的无缝滚动原理其实是把滚动的图片复制成两份并联排列，当滚动完一次后就把图片扯回到起点，重新滚动。这里的往左运动把图片扯回起点的临界点是offsetLeft的绝对值大于offsetWidth/2的绝对值。接着，我们再来看看具体实现的代码：第一步：简单的布局，这里以外层的div为相对物设置相对定位并设置超出隐藏，再给

2017-01-12 15:13:46 5804

原创 JS实现超酷时钟

这里分析一个带年月日、时分秒、星期数的时钟的制作过程，方法有点怪异，但是功能是OK的，主要是布局有点小问题。首先来看看布局，时钟上的所有字都由图片构成，然后简易排下版，就跳过布局吧！<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type

2017-01-11 19:52:13 2055

翻译 JS闭包

一、闭包的概念官方的解释是：闭包是指可以包含自由（未绑定到特定对象）变量的代码块，这些变量不是在这个代码块内或者任何全局上下文中定义的，而是在定义代码块的环境中定义（局部变量）。相信很少有人能直接看懂这句话，反正我是看不懂，因为他描述的太学术。我对闭包的理解是，闭包就是能够读取其他函数内部变量的函数。由于在Javascript语言中，只有函数内部的子函数才能读取局部变量，因此可以把闭包简单理解成“定

2017-01-11 19:13:23 239

原创 JS常用运算符及其优先级

1、JS常用运算符主要分为以下几类：算术运算符：+ - * / % ++ – 赋值运算符：= += -= *= /= %= 逻辑运算符：&& || ！关系运算符：< > <= >= == === != !== 三目运算符：n=n>m?a:b; （解释：n是否大于m，如果是，输出a，如果不是，输出b）（备注

2017-01-10 19:40:39 650

原创 JS变量及其作用域

JS变量及其作用域

2017-01-09 20:08:04 302 1

原创浅度理解JS基本知识

Js白手之榴莲味辣条不辣之老汉的点点纪录第一次起手写博客，起了个响亮亮的标题，但是感觉内容却衬不上如此高大上的标题。写的东西也不多，刚开始接触js，想把每天积累的东西写下来，希望自己以后能常回来看看自己写的东西吧。开始！！！一、课前补给1、服务器a）含义：服务器指的是可以提供特殊服务的电脑，如：FTP/SVN/WEB。网站要开发好，测试好，放到服务器上。b

2017-01-04 19:49:06 338 1

liujian573281的博客