自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(56)
  • 收藏
  • 关注

转载 JavaScript 图解思维导图

原文地址:点击打开链接1.对象2.BOM3.DOM4.事件5.表单

2016-09-26 23:46:42 564

转载 实现Ajax的方式

本文总结了两篇文章中关于Ajax的理解原文地址:点击打开链接 点击打开链接一、传统javascript使用ajax方式:XMLHttpRequest对象:所有现代浏览器均支持XMLHttpRequest对象,XMLHttpRequest用于在后台与服务器交换数据。1)生成XMLHttpRequest对象:"text/javascript" >

2016-09-22 23:36:30 999

转载 JavaScript正则表达式语法

原文地址:点击打开链接注:原文中转义字符写错了,应该是\   其余的/也应改为\1. 正则表达式规则1.1 普通字符    字母、数字、汉字、下划线、以及后边章节中没有特殊定义的标点符号,都是"普通字符"。表达式中的普通字符,在匹配一个字符串的时候,匹配与之相同的一个字符。    举例1:表达式 "c",在匹配字符串 "abcde" 时,匹配结果是:成功

2016-09-20 22:58:33 426

转载 JavaScript内置对象总结

原文地址:点击打开链接在 JS 中一切皆对象,并提供了多个内置对象,比如:String、Array、Date 等,此外还支持自定义对象。对象只是一种特殊类型的数据,并拥有属性和方法,属性是与对象相关的值,方法是能够在对象上执行的动作。 1、String 对象  String 对象用于处理文本,也就是字符串。一个字符串用于存储一系列的字符,通常 JS 字符串是原始值,

2016-09-17 22:47:32 1527

转载 《精通javascript》里的一些函数(二)

/** * 隐藏元素 * @param {String} elem */function hide(elem){    var curDisplay = getStyle(elem, 'display');        if(curDisplay != 'none'){        elem.oldDisplay = curDisplay;    }  

2016-09-14 22:53:01 250

转载 《精通javascript》里的一些函数(一)

原文地址:点击打开链接书没有好坏之分,正如人没有绝对的好坏之分一样。书只看对自己这个水平层次的人来说该吸收的东西多少了。当然,尽信书不如不读书。人,在特定的历史条件下做出的某些选择是有助于推动历史前进的步伐的,所以要用多变的眼光来看待回忆中的人与事将会使你的人生多彩而斑斓。《精通js》这本书,承载了众多jqer期待的梦,结果可想而知。不多说了,列举几个简单的函数,供参考。不为过去,

2016-09-11 22:50:42 291

转载 转:你从未见过如此详细的“闭包和作用域链”

0.前言本文适合人群:新手小白一定JS程度的同学闲着过来凑热闹的好吧,最后一个是卖萌,= ̄ω ̄=,废话不多说了,正文开始。1. 对象要理解闭包,首先要先知道闭包的基本原理是什么。说白了,最常见的闭包就是一个函数嵌套另外一个函数,然后通过突破作用域链,来将函数内部的变量和方法传递到外面。纳尼,我们要突破作用域链?什么是作用域链呀?

2016-09-09 21:55:49 421

转载 转:npm 模块安装机制简介

原文地址:点击打开链接npm 是 Node 的模块管理器,功能极其强大。它是 Node 获得成功的重要原因之一。正因为有了npm,我们只要一行命令,就能安装别人写好的模块 。$ npm install 本文介绍 npm 模块安装机制的细节,以及如何解决安装速度慢的问题。一、从 npm install 说起npm install 命令用

2016-09-06 22:55:58 398

转载 Javascript的10个设计缺陷

原文地址:点击打开链接我参考的文献主要是Douglas Crockford的专著《Javascript语言精粹》(JavaScript: The Good Parts)和Fredrik Holmström的文章《我对Javascript的抱怨》(My gripes with Javascript)。一、为什么Javascript有设计缺陷?这里有三个客观原因

2016-09-04 22:48:15 580

转载 jQuery最佳实践

原文地址:点击打开链接今天的文章讲解"如何用好jQuery"。我主要参考了Addy Osmani的PPT《提高jQuery性能的诀窍》(jQuery Proven Performance Tips And Tricks)。他是jQuery开发团队的成员,具有一定的权威性,提出的结论都有测试数据支持,非常有价值。================================

2016-09-02 22:14:34 217

转载 HTML5基础

原文地址:点击打开链接一 html5标签大全html4原有的元素(此处只列出常用元素,全部元素列表(包括h5)见http://www.runoob.com/tags/ref-byfunc.html) 和 HTML 元素速查列表:http://www.runoob.com/html/html-quicklist.html:元素用途h

2016-08-30 23:23:44 298

转载 转:javascript闭包的理解

原文地址:点击打开链接前面提到的上下文环境和作用域的知识,除了了解这些知识之外,还是理解闭包的基础。至于“闭包”这个词的概念的文字描述,确实不好解释,我看过很多遍,但是现在还是记不住。但是你只需要知道应用的两种情况即可——函数作为返回值,函数作为参数传递。第一,函数作为返回值如上代码,bar函数作为返回值,赋值给f1变量。执行f1(15)时,用到了f

2016-08-28 22:42:33 312

转载 转:作用域与上下文环境

原文地址:点击打开链接本文把作用域和上下文环境结合起来说一下,会理解的更深一些。如上图,我们在上文中已经介绍了,除了全局作用域之外,每个函数都会创建自己的作用域,作用域在函数定义时就已经确定了。而不是在函数调用时确定。下面我们将按照程序执行的顺序,一步一步把各个上下文环境加上。另外,对上下文环境不了解的朋友,可以去看看之前的两篇文章:http://www.c

2016-08-24 23:49:01 411

转载 对this 的深入理解

this的取值,分四种情况。我们来挨个看一下。在此再强调一遍一个非常重要的知识点:在函数中this到底取何值,是在函数真正被调用执行的时候确定的,函数定义的时候确定不了。因为this的取值是执行上下文环境的一部分,每次调用函数,都会产生一个新的执行上下文环境。 情况1:构造函数所谓构造函数就是用来new对象的函数。其实严格来说,所有的函数都可以new一个对象,但是有

2016-08-22 22:23:31 349

转载 深入理解javascript执行上下文 下篇

原文地址:点击打开链接继续上一篇文章(http://www.cnblogs.com/wangfupeng1988/p/3986420.html)的内容。上一篇我们讲到在全局环境下的代码段中,执行上下文环境中有如何数据:变量、函数表达式——变量声明,默认赋值为undefined;this——赋值;函数声明——赋值; 如果在函数中,除了以上数据之外,还会有其他数

2016-08-19 22:38:24 335

转载 深入理解javascript 执行上下文

什么是“执行上下文”(也叫做“执行上下文环境”)?暂且不下定义,先看一段代码:第一句报错,a未定义,很正常。第二句、第三句输出都是undefined,说明浏览器在执行console.log(a)时,已经知道了a是undefined,但却不知道a是10(第三句中)。在一段js代码拿过来真正一句一句运行之前,浏览器已经做了一些“准备工作”,其中就包括对变量的声明,而不是赋值。变

2016-08-17 23:52:20 307

转载 深入理解JavaScript prototype原型

原文地址:点击打开链接函数也是一种对象。他也是属性的集合,你也可以对函数进行自定义属性。不用等咱们去试验,javascript自己就先做了表率,人家就默认的给函数一个属性——prototype。对,每个函数都有一个属性叫做prototype。这个prototype的属性值是一个对象(属性的集合,再次强调!),默认的只有一个叫做constructor的属性,指向这个函数本身。

2016-08-14 22:59:33 225

转载 转:JavaScript函数和对象的关系

原文地址:点击打开链接函数就是对象的一种,因为通过instanceof函数可以判断var fn = function () { };console.log(fn instanceof Object); // true对!函数是一种对象,但是函数却不像数组一样——你可以说数组是对象的一种,因为数组就像是对象的一个子集一样。但是函数与对象之间,却不仅仅是一种包含和被包含的关系,函数和对

2016-08-13 22:18:38 218

转载 深入理解JavaScript----- 一切都是对象

原文地址:点击打开链接“一切都是对象”这句话的重点在于如何去理解“对象”这个概念。——当然,也不是所有的都是对象,值类型就不是对象。首先咱们还是先看看javascript中一个常用的函数——typeof()。typeof应该算是咱们的老朋友,还有谁没用过它?typeof函数输出的一共有几种类型,在此列出: function show(x) {

2016-08-11 20:07:07 1262

转载 各种CSS布局总结

原文地址:点击打开链接一、两栏布局(左边固定宽度,右边自动适应)方法1、左浮动其中一个DIV,使其脱离文档流,另一个DIV不设置浮动即可。注意:DIV的顺序不能改变PS:设置浮动可以让元素脱离正常的文档流,使后面的元素占据浮动元素本身的位置。但是浮动元素只能影响后面的元素的位置,而不能够影响前面的元素,也不能叠加在前面的元素上。 (view类样式只是为了层便于识别);.view{ 

2016-08-08 23:22:47 262

原创 JQuery与Ajax的应用

load( url [,data] [,callback] )方法url:要请求的页面的地址data:要发送的相关参数callback:回调函数$("#myDiv").load("hello.html"); //向myDiv元素加载hello.html的内容$("#myDiv").load("hello.html .myClass"); //筛选,只加载hello.ht

2016-08-06 18:09:17 175

转载 转:HTML与CSS编码规范

原文地址HTML语法使用两个空格的 soft tabs — 这是保证代码在各种环境下显示一致的唯一方式。嵌套的节点应该缩进(两个空格)。在属性上,使用双引号,不要使用单引号。不好在自动闭合标签结尾处使用斜线 - HTML5 规范 指出他们是可选的。不要忽略可选的关闭标签(例如, 和 )。HTML5 doctype在每个 HTML 页面

2016-08-04 22:54:48 231

原创 jQuery表单、表格的操作总结

·单选文本框应用(获得焦点时,加了个特殊的样式,失去焦点时还原,兼容所有浏览器)$(":input").focus(function(){ this.addClass("inputFocus"); })           .blur(function(){ this.removeClass("inputFocus"); });·多行文本框的应用(放大、缩小多行文本框的高度,限

2016-08-02 22:20:21 274

原创 jQuery 事件和动画总结

加载DOM$(window).load() 等价于 window.onload 事件$(document).ready() 相当于window.onload事件,但有些区别:  (1)执行时机:  window.onload 是在网页中所有元素(包括元素的所有关联文件)完全加载后才执行  $(document).ready() 是在DOM完全就绪时就可以被调用,此时,并

2016-07-31 22:35:24 289

原创 jQuery DOM操作总结

·查找元素节点var str = $("#myDiv").text(); //123alert(str); //结果:123·查找属性节点var str = $("#myDiv").attr("title"); //123alert(str); //结果:hello·创建元素节点var $li1 = $(""); //传入元素标记,自动包装并创建第一个l

2016-07-30 20:33:58 350

原创 一个利用Bootstrap写的的小作品

今天通过学习视频了解了初步的响应式网站的制作,整体运用了栅格系统布局,局部应用了固定到顶部的导航栏组件,下拉菜单组件,轮播图插件,以及Bootstrap自带的按钮样式。希望通过学习Bootstrap从这种布局的思想,实现的方式中加深对CSS html 的理解。 现代浏览器博物馆 body {

2016-07-28 21:02:06 1811

转载 转:Bootstrap的常用类(CSS和布局组件)的总结

原文地址:点击打开链接Bootstrap通过给标签赋予一个类名(class name),来生成对应类名的效果标签网格选项row :行col-*-*: 列 (第一个*可以为xs[超小]/sm[小型]/md[中型]/lg[大型]第二个*必须为12以内的[列数])col-*-offset-* :列偏移(第一个*和上面一样,第二个*范围是1到11,表示把该列的左

2016-07-25 22:59:07 1113

原创 Windows Git+TortoiseGit简易使用教程

以下是整理自互联网上关于git与tortoise的使用教程为什么选择Git效率很多人有一种习惯吧,什么软件都要最新的,最好的。其实吧,软件就是工具,生产力工具,为的是提高我们的生产力。如果现有的工具已经可以满足生产力要求了,就没有必要换了。生产效率高低应当是选择工具的第一位。 历史开源世界的版本控制系统,经历了这么几代: 第一代,CVS,开创性的

2016-07-23 20:57:33 9409

转载 转:jQuery选择器总结

jQuery-强大的jQuery选择器 (详解)[转]1. 基础选择器 Basics名称说明举例#id根据元素Id选择$("divId") 选择ID为divId的元素element根据元素的名称选择,$("a") 选择所有元素.class根据元素的css类选择

2016-07-20 22:53:33 334

转载 html和css知识总结

一,html+css基础1-1Html和CSS的关系学习web前端开发基础技术需要掌握:HTML、CSS、JavaScript语言。下面我们就来了解下这三门技术都是用来实现什么的:1. HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字、图片、视频等。2. CSS样式是表现。就像网页的外衣。比如,标题字体、颜色变化,或为标题加入背景图片、边

2016-07-19 21:46:45 240

原创 前端知识点试题记录

1.以下为一段浏览器中可运行的Javascript 代码,则运行该段Javascript代码的页面弹出框中显示的结果是:()var obj = {"key":"1","value":"2"};var newObj = obj;newObj.value += obj.key;alert(obj.value);答:21解析:obj是JS对象,对象由键和值组成,操作以地址进行。

2016-07-17 23:57:01 658 1

原创 JavaScript事件知识点总结

一、事件流  首先我们要明白事件流的概念。当我们点击一个按钮时,也点击了按钮的容器元素,甚至也点击了整个事件。事件流描述就是从页面中接收事件的顺序。在主流浏览器中有两种事件接收方式。一种是IE提出的事件冒泡流,另一种是Netscape提出的事件捕获流。顾名思义,事件冒泡流是从被点击的最小元素逐渐向上索引DOM树,而事件捕获的思想是不太具体的节点先捕捉到事件,然后事件沿DOM树逐渐向下,一直传播

2016-07-15 23:34:11 722

转载 JavaScript高级程序设计第十章知识总结

一、理解包含不同层次节点的DOM1.节点层次         以下面的HTML为例:                                                     Sample Page                                                             

2016-07-13 22:59:31 384

原创 JavaScript高级程序设计第八章知识总结

第八章 BOM1. BOM的核心对象是window,它表示浏览器的一个实例。在浏览器中,window对象由双重较色,它既是通过JavaScript访问浏览器窗口的一个接口,又是ECMAScript规定的Global对象。这意味着在网页中定义的任何一个对象、变量和函数,都以window作为其Global对象,因此有权访问parseInt( )等方法。2. 由于window对象同时扮演

2016-07-11 23:43:29 255

转载 JavaScript高级程序设计闭包学习理解

在学习了JavaScript高级程序设计闭包这一部分内容后,感觉很难理解。以下是从网上收集的一篇不错的文章,希望能更好的帮助我理解闭包。前言:还是一篇入门文章。Javascript中有几个非常重要的语言特性——对象、原型继承、闭包。其中闭包 对于那些使用传统静态语言C/C++的程序员来说是一个新的语言特性。本文将以例子入手来介绍Javascript闭包的语言特性,并结合一点 ECMAS

2016-07-09 23:28:33 1728

转载 理解JavaScript中的this、call和apply

原文地址:点击打开链接在javascript中,this关键字总让一些初学者迷惑,Function.prototype.call, Function.prototype.apply这两个方法广泛的运用。我们有必要理解这几个概念。一:this跟别的语言大相径庭的是,javascript的this总是指向一个对象,而具体指向那个对象在运行时基于函数的执行环境动态绑定的,非函数被声明时的

2016-07-08 23:01:42 979

转载 创建对象的几种方法

原文地址老聚的博客使用Javascript创建对象的方法有很多,现在就来列举一下: 1. 使用Object构造函数来创建一个对象,下面代码创建了一个person对象,并用两种方式打印出了Name的属性值。 var person = new Object(); person.name="kevin"; person.age=31; alert(person.nam

2016-07-05 23:52:23 449

转载 转:JavaScript数组方法总结

原文地址:绿茶叶的博客1.push():在数组尾部添加一个或多个元素,返回数组新的长度 arrayObject.push(newelement1,newelement2,....,newelementX) newelement1:必需要添加的参数。要添加到数组的第一个元素,剩下的参数可选。var a=['hello','world'];var length= a.

2016-07-03 23:28:51 235

原创 前端知识点试题记录

1.下面列出的浏览器,无webkit内核的是()A.chromeB.SafariC.搜狗浏览器D.firefox解答:DWekbit是一个开源的Web浏览器引擎,也就是浏览器的内核。Apple的Safari, Google的Chrome, Nokia S60平台的默认浏览器,Apple手机的默认浏览器,Android手机的默认浏览器均采用的Webkit作为器浏览器内核。

2016-07-02 23:31:30 1089

转载 转:非构造函数的继承

原文地址:阮一峰的博客这个系列的第一部分介绍了"封装",第二部分介绍了使用构造函数实现"继承"。今天是最后一个部分,介绍不使用构造函数实现"继承"。一、什么是"非构造函数"的继承?比如,现在有一个对象,叫做"中国人"。  var Chinese = {    nation:'中国'  };还有一个对象,叫做"医生"。  v

2016-07-01 21:35:36 230

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除