【JavaScript】
文章平均质量分 64
灵熙兔
这个作者很懒,什么都没留下…
展开
-
JS DOM编程艺术学习笔记(二)
第七章 动态创建标记4.AjaxAJAX = 异步 JavaScript 和 XML。 异步加载页面内容技术,是一种用于创建快速动态网页的技术。。使用Ajax可以做到只更新页面中的一小部分。其他内容——标志、导航、头部、脚部,都不用重新加载。用户点击链接时可以在不重新加载整个网页的情况下,对网页的某部分进行更新。 主要优势就是对页面的请求以异步方式发送到服务器。而服务器不会用整个页面来原创 2016-04-02 11:36:03 · 1030 阅读 · 0 评论 -
无缝滚动的制作
一.标签 marquee 属性: 1.滚动方向direction(包括4个值:up、 down、 left和 right) 2.滚动方式behavior(scroll:循环滚动,默认效果; slide:只滚动一次就停止; alternate:来回交替进行滚动) 3.滚动速度scrollamount(滚动速度是设置每次滚动时移动的长度,以像素为单位) 4.滚动延迟scrolldelay(设置原创 2016-07-10 23:24:24 · 417 阅读 · 0 评论 -
Js函数声明与函数表达式的区别
在定义函数时,我们一般使用下面这两种方法: 使用函数声明定义:function sum (a, b) { return a + b; }使用函数表达式定义: var sum = function (a, b) { return a + b; }调用方法都是一样的:如求“1+1”等于几: alert(sum(1, 1));但这两种方法还是有区别的。解析器在向执行环境原创 2016-06-14 09:56:06 · 1371 阅读 · 0 评论 -
闭包中的this对象
我们知道,this对象在全局函数中等于window,而当函数被作为某个对象的方法调用的时候,this等于那个对象。不过 匿名函数的执行环境具有全局性,因此this对象通常指向window每个函数在被调用的时候都会自动取得两个特殊变量:this和arguments。内部函数在搜索这两个变量的时候只会搜索到此活动对象为止,永远不可能 直接访问外部函数中的这两个变量(见下例),var name="the原创 2016-06-14 15:32:06 · 400 阅读 · 0 评论 -
Js函数字面量和Function()构造函数的区别||匿名函数
一、什么是匿名函数?在Javascript定义一个函数一般有如下三种方式:函数关键字(function)语句:function fn(x){ alert(x); }函数字面量(Function Literals):var fn = function(x){ alert(x); }Function()构造函数:var fn= new Function( 'x','alert(x);' )上面三原创 2016-06-14 11:20:08 · 4833 阅读 · 0 评论 -
ReactJs入门教程
一、ReactJS简介 React 起源于 Facebook 的内部项目,因为该公司对市场上所有 JavaScript MVC 框架,都不满意,就决定自己写一套,用来架设 Instagram 的网站。做出来以后,发现这套东西很好用,就在2013年5月开源了。由于 React 的设计思想极其独特,属于革命性创新,性能出众,代码逻辑却非常简单。所以,越来越多的人开始关注和使用,认为它可能是将来 Web转载 2016-06-29 21:47:56 · 456 阅读 · 0 评论 -
Javascript模块模式
什么是模块模式:在JavaScript中没有包(Package)的概念,而面对日益庞大的JavaScript代码,而这正促使模块化开发的迫切需求,所以也就诞生了JavaScript的模块模式模块模式提供了用于创建独立解耦的代码片段的工具,这些代码可以被当成黑盒,当你正在写的软件需求发生变化时,这些代码可以被添加、替换、移除。道格拉斯所说的模块模式(module pattern)则视为单例创建私有变量原创 2016-06-15 10:38:20 · 704 阅读 · 0 评论 -
常用排序算法之JavaScript实现
1、插入排序1)算法简介插入排序(Insertion-Sort)的算法描述是一种简单直观的排序算法。它的工作原理是通过构建有序序列,对于未排序数据,在已排序序列中从后向前扫描,找到相应位置并插入。插入排序在实现上,通常采用in-place排序(即只需用到O(1)的额外空间的排序),因而在从后向前扫描过程中,需要反复把已排序元素逐步向后挪位,为最新元素提供插入空间。2)算法描述和实现一般来说,插入排序转载 2016-07-25 17:50:23 · 205 阅读 · 0 评论 -
jQuery 学习一:选择器
“$”是选择器不可缺少的部分,全面系统介绍JQuery选择器一、基本选择器 基本选择器包括5种选择器:#id、element、.class、*和selectorl,selector2.select 二、层级选择器 三、过滤选择器 四、表单元素选择器:原创 2016-04-24 17:16:15 · 513 阅读 · 0 评论 -
Javascript :事件
一般事件 事件 浏览器支持 描述转载 2016-06-22 11:07:35 · 200 阅读 · 0 评论 -
js:string对象
1.String 对象 String 对象用于处理文本(字符串)。创建 String 对象的语法: new String(s); String(s);参数 参数 s 是要存储在 String 对象中或转换成原始字符串的值。返回值 当 String() 和运算符 new 一起作为构造函数使用时,它返回一个新创建的 String 对象,存放的是字符串 s 或 s 的字符串表示。 当不用 ne转载 2016-08-15 09:20:06 · 304 阅读 · 0 评论 -
ES6学习笔记(五)Set和Map数据结构
一.Set ES6提供了新的数据结构Set。类似于数组,只不过其成员值都是唯一的,没有重复的值。 Set本身是一个构造函数,用来生成Set数据结构。 1 . Set函数可以接受一个数组(或类似数组的对象)作为参数,用来初始化。var s = new Set();var set = new Set([1, 2, 3, 4, 4]);[...set] // [1, 2, 3, 4]var原创 2016-09-25 19:51:42 · 317 阅读 · 0 评论 -
js选项卡
第一步,先写html代码和css样式<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>实践题 - 选项卡</title> <style type="text/css"> body,ul,li{margin:0; padding:0; font:12px/1.5 arial原创 2016-06-15 11:36:31 · 633 阅读 · 0 评论 -
js模仿QQ头像资料卡显示与隐藏
我们使用QQ时经常需要查看朋友的资料卡,当我们把鼠标移入头像时,资料卡显示,并且鼠标能在头像与资料卡之间能随意移动,当鼠标移出头像或资料卡时,资料卡延时隐藏。 实质就是延时提示框问题!首先写好布局:<style> div { float:left; margin:5px; } .head { width:50px;height:50px;background-col原创 2016-10-16 12:13:19 · 971 阅读 · 0 评论 -
JS学习笔记(三)
Javascript DOM 1. DOM节点 childNodes 是包括子节点的数组,包括文本节点(空)和元素节点;可以用children代替,只包括元素节点。而且子节点只算第一层子节点! nodeType 节点类型:文本节点3,元素节点1, 一个浏览器兼容性很好的小程序: for(var i=0;i<obj1.childNodes.length;i++){ if(obj1.原创 2016-03-31 17:44:19 · 326 阅读 · 0 评论 -
js获取浏览器高度和宽度值(多浏览器)
IE中: document.body.clientWidth ==> BODY对象宽度 document.body.clientHeight ==> BODY对象高度 document.documentElement.clientWidth ==> 可见区域宽度 document.documentElement.clientHeight ==> 可见区域高度 FireFox中: docu转载 2016-04-24 17:28:36 · 297 阅读 · 0 评论 -
表单验证—正则表达式
正则表达式是一种可以用于模式匹配和替换的强有力的工具,是数据的有效性验证。 一、基本语法 位于“/”定界符之间的部分就是将要在目标对象中进行匹配的模式。用户只要把希望查找匹配对象的模式内容放入“/”定界符之间即可。为了能够 使用户更加灵活的定制模式内容,正则表达式提供了专门的“元字符”。所谓元字符就是指那些在正则表达式中具有特殊意义的专用字符,可以用来 规定其前导字符(即位于原创 2016-04-05 11:12:19 · 1991 阅读 · 0 评论 -
全选,反选,不选 小代码
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <script> window.onload=function(){ var oBtn1=document.getElementById('btn1');原创 2016-03-21 21:33:32 · 374 阅读 · 0 评论 -
JS DOM编程艺术学习笔记(三)
第九章 CSS-DOM如何利用DOM技术获取(读)和设置(写)CSS信息 1、三位一体的网页 我们在浏览器里看到的网页是由三层信息构成的共同体:结构层,表示层,行为层 结构层:由HTML或XHTML之类的标记语言创建——标签 表示层:CSS描述页面内容如何呈现 行为层:负责内容如何响应——JavaScript和DOM 网页设计应做到结构、行为、样式相分离。2.style属性文档的每个节点原创 2016-04-04 11:22:28 · 490 阅读 · 0 评论 -
【JavaScript内置函数】
javascript函数一共可分为五类: ·常规函数 ·数组函数 ·日期函数 ·数学函数 ·字符串函数---------------------------------------------------------------------------------------1.常规函数 javascript常规函数包括以下9个函数:转载 2016-03-27 21:33:45 · 336 阅读 · 0 评论 -
JSON
JSON的全称是”JavaScript Object Notation”,意思是JavaScript对象表示法,它是一种基于文本,独立于语言的轻量级数据交换格式。 浏览器从服务器端接收数据时,那些数据必须以浏览器能够理解的格式来发送,服务器端的编程语言只能以如下3种格式返回数据:xml、json、html 对于 AJAX 应用程序来说,JSON 比 XML 更小、更快,更易解析。1.语法:JSO原创 2016-05-03 11:25:35 · 273 阅读 · 0 评论 -
JavaScript判断数据类型总结
1.数值型(Number):包括整数、浮点数。2.布尔型(Boolean)3.字符串型(String)4.对象(Object)5.数组(Array)6.空值(Null)7.未定义(Undefined)那么如何判断一个变量的数据类型?1.数值型比较常用的判断方法是:function isNumber(val){ return typeof val === 'number'; }还原创 2016-04-08 11:31:14 · 384 阅读 · 0 评论 -
JS DOM编程艺术学习笔记(一)
博主还是个刚开始学前端的菜鸟,以前依赖在本本上记笔记,但是作为一个想步入IT行业的程序媛来说,还是要习惯用电脑~!信心满满的开始学习啦,只记个人以前学C语言没见过的部分!JS DOM编程艺术学习笔记什么是DOM,简单的来说就是一套对文档的内容进行抽象和概念化的方法。第一章 JavaScript 语法把JavaScript代码存为一个扩展名为.js的独立文件,并在文档的`<head>`部分,或HTML原创 2016-03-27 20:43:55 · 897 阅读 · 0 评论 -
Javascript面向(基于)对象编程
一、面向对象编程基础JavaScript有几个包含在其核心中的对象;例如,Math、Object、Array、以及String等对象。JavaScript用函数作为类,定义一个类就是定义一个函数在下例中,我们首先定义名为Person的类,然后创建两个实例(person1和person2)。function Person() {}var person1 = new Person();var p原创 2016-04-08 16:07:03 · 474 阅读 · 0 评论 -
JavaScript Date(日期)对象详解
日期对象用于处理日期和时间,与时间有关:比如定时器,时钟,记录提交时间。值得注意的是,返回值不总是两位的,如果该值 小于 10,则仅返回一位数字,所以常需要空位补零1.创建 Date 对象的语法:var myDate=new Date();注释:Date 对象会自动把当前日期和时间保存为其初始值。2.Date 对象属性(1)constructor 属性返回对创建此对象的 Date 函数的引用。原创 2016-04-22 17:42:35 · 435 阅读 · 0 评论 -
JS学习笔记(二)
1.Javascript组成ECMAScript:通过ECMA-262标准化的脚本程序设计语言,扮演人与计算机之间翻译的角色,提供JS基本功能。一般叫解释器。DOM:document object model,赋予JS操作HTML的能力BOM:Browser object model,浏览器对象模型,跟浏览器相关的操作windowECMA简单,几乎没有兼容性问题;DOM兼容性一般;BOM完全不原创 2016-03-29 20:27:32 · 315 阅读 · 0 评论 -
充分理解数组的含义:各种数组方法的使用
1.检测数组:Array.isArray(value) 支持IE9+,FF4,Safari5+,Opera 10.5+,Chrome 2.转换方法:toString(),valueOf() 3.栈方法:后进先出,push()把参数添加到数组末尾,pop()方法从数组末尾移除最后一项并返回该项 4.队列方法:先进先出,push()把参数添加到数组末尾,shift()移除数组中的第一项并返回该项原创 2016-04-08 15:46:09 · 843 阅读 · 0 评论 -
20个常用的正则表达式
正则表达式,一个十分古老而又强大的文本处理工具,仅仅用一段非常简短的表达式语句,便能够快速实现一个非常复杂的业务逻辑。熟练地掌握正则表达式的话, 能够使你的开发效率得到极大的提升。正则表达式经常被用于字段或任意字符串的校验,如下面这段校验基本日期格式的JavaScript代码:var reg = /^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2})$/; var r = f转载 2016-05-05 16:25:03 · 435 阅读 · 0 评论 -
JS学习笔记(一)
Window对象方法: 1. document.getElementById 获取元素的方法一 语法:oElement = document .getElementById ( sID ) 参数:sID――必选项。字符串 (String) 。 返回值:oElemen――对象 (Element) 。 说明:根据指定的 id 属性值得原创 2016-03-17 21:39:25 · 456 阅读 · 0 评论 -
JS中的call、apply方法
一、call()和apply()方法 call和apply,它们的作用都是将函数绑定到另外一个对象上去运行两者的格式和参数定义:call( thisArg [,arg1,arg2,… ] ); // 参数列表,arg1,arg2,...apply(thisArg [,argArray] ); // 参数数组,argArray1.方法定义call方法:调原创 2016-09-30 16:06:33 · 248 阅读 · 0 评论