qi1271199790-CSDN博客

转载 Node初学者入门，一本全面的NodeJS教程

关于本书致力于教会你如何用Node.js来开发应用，过程中会传授你所有所需的“高级”JavaScript知识。本书绝不是一本“Hello World”的教程。状态你正在阅读的已经是本书的最终版。因此，只有当进行错误更正以及针对新版本Node.js的改动进行对应的修正时，才会进行更新。本书中的代码案例都在Node.js 0.6.11版本中测试过，可以正确工作。

2017-03-11 23:17:17 6241

转载 Ajax status和statusText状态对照表

XMLHttpRequest 对象的 status 和 statusText 属性保存有服务器返回的 http 状态码，不同的是，status 属性保存的状态码是以数字表示的，而 statusText 属性保存的状态码是以字符串表示的。XMLHttpRequest 对象 status 和statusText 属性对照表statusstatusText

2017-03-05 11:35:20 11253

原创响应式，图片与其他元素一同等比缩放

今天学做响应式，发现个问题：如何让其他元素也像图片一样等比例的缩放如图，啦啦啦我是文字 box的高度自适应确定，box宽度为百分比，左侧图片宽度给的百分比，左浮动，右边盒子的宽度给的百分比，右浮动，我想让这个结构能够在屏幕尺寸变化的时候保持比例不变，可是每当屏幕缩小的时候右侧的盒子的高度就会变

2017-03-04 00:28:12 1199

转自：http://sentsin.com/web/54.html贤心按：移动前端开发正逐渐步入前端技术的主流，事实上跟在一般的pc上，并不需要你掌握额外的技术，然而你在pc web上那一套在多数情况下并不适用于手机web，你必须知道这其中的注意点。当然移动web给人的感觉是一个拼h5和CSS3的阵地，这里面有足够高大上的技术等着你去驾驭，在这方面，你可以欣喜地说：让ie见鬼去吧。1、首先我们来看

2017-02-26 13:38:19 790

转载用Meta标签代码让360双核浏览器默认极速模式不是兼容模式

一个网站，大量采用了html5和css3，希望用户都以webkit内核打开页面，但是测试却发现360的以ie内核打开为推荐模式，不知原因为何。其实360给网站开发者设计了一种选择的方法，只要加入一段Meta标签代码就可以解决以下信息摘自360官方网站：浏览模式极速模式、兼容模式及IE9高速模式是360浏览器显示网页时使用的三种模式：表示极速模式表示兼容模式

2017-01-31 16:42:48 744

转载 CSS盒子模型各属性层级及基础知识

经测试box-shadow应该位于background-image之上并且位于content之下，因此对标签设置内阴影会被其内容（图片）覆盖；1.设置浮动属性后，会对相邻的元素产生影响，相邻元素特指仅邻后面的元素。 2.受到影响的元素清除flow影响的方法：clear：both；只适用于紧邻后面的元素的清楚浮动，而当父包含块缩成一条时就不起作用了。或者同时设置width：100%；+

2017-01-31 14:55:34 2783

转载 CSS3 选择器——基本选择器

CSS的选择器，我想大家并不会陌生吧，因为天天在使用，但对于CSS3的选择器，要运用的灵活到位，我想对很多朋友还是一定的难度，特别是CSS3中的:nth选择器。那么从现在开始我们先丢开他们版本的区别，从头一起来看看CSS选择器的运用。CSS是一种用于屏幕上渲染html，xml等一种语言，CSS主要是在相应的元素中应用样式，来渲染相对应用的元素，那么这样我们选择相应的元素就很重要了，如何选择

2017-01-16 21:21:47 283

转载 HTML5 Audio/Video 标签属性与事件

网上看到转之，并没有测试过。标签属性：src：音乐的URLpreload：预加载autoplay：自动播放loop：循环播放controls：浏览器自带的控制条 1 标签属性：src：视频的URLposter：视频封面，没有播放时显示的图片preload：预加载autoplay：自动播放loop：循环播放controls：浏览器自带的控

2017-01-16 20:31:32 644

转载 HTML5 - 使用<video>播放视频

1，下面是一个播放视频的最简单样例（controls属性告诉浏览器要有基本播放控件）video src="hangge.mp4" controls>video>112，通过width和height设置视频窗口大小video src="hangge.mp4" controls width="400" height="300">video>113，预加载媒体文件

2017-01-16 20:30:03 5426

转载 datalist

在Web设计中,经常会用到如输入框的自动下拉提示,这将大大方便用户的输入。在以前，如果要实现这样的功能，必须要求开发者使用一些Javascript的技巧或相关的框架进行ajax调用，需要一定的编程工作量。但随着HTML5 的慢慢普及，开发者可以使用其中的新的DataList标记就能快速开发出十分漂亮的 AutoComplete组件的效果一、datalist标签的使用示例

2017-01-16 15:09:56 11557

转载 HTML5新元素及其特性

HTML5的语义化标签以及属性，可以让开发者非常方便地实现清晰的web页面布局，加上CSS3的效果渲染，快速建立丰富灵活的web页面显得非常简单。本次学习HTML5的新标签元素有：定义页面或区段的头部；定义页面或区段的尾部；定义页面或区段的导航区域；页面的逻辑区域或内容组合；定义正文或一篇完整的内容；定义补充或相关内容；学习这些标签最

2017-01-16 14:29:52 313

转载 HTML5与移动端web学习笔记

概述HTML5 提供了很多新的功能，主要有：新的 HTML 元素，例如 section, nav, header, footer, article 等用于绘画的 Canvas 元素用于多媒体播放的 video 和 audio 元素用于定位的 Geolocation API本地存储以及离线应用Web Workers、Web WebSocket API移动前端开发可分为

2017-01-16 14:27:17 652

转载 src与href属性的区别

src和href之间存在区别，能混淆使用。src用于替换当前元素，href用于在当前文档和引用资源之间确立联系。src是source的缩写，指向外部资源的位置，指向的内容将会嵌入到文档中当前标签所在位置；在请求src资源时会将其指向的资源下载并应用到文档内，例如js脚本，img图片和frame等元素。当浏览器解析到该元素时，会暂停其他资源的下载和处理，直到将该资源加载、编译、执行完

2017-01-09 23:40:27 353

转载 html5shiv.js和respond.min.js

做页面常用的东西，写这里用的时候省点去找了。。。html5shiv：解决ie9以下浏览器对html5新增标签的不识别，并导致CSS不起作用的问题。respond.min:让不支持css3 Media Query的浏览器包括IE6-IE8等其他浏览器支持查询。由于IE6/IE7/IE8还有很大一部分用户，为了让网站浏览者都能正常的访问HTML5网站，故这两种方案还是需要的，

2017-01-09 23:25:49 3908

转载不同浏览器对于html5 audio标签和音频格式的兼容性

音频格式ChromeFirefoxIE9OperaSafariOGG支持支持支持支持不支持MP3支持不支持支持不支持支持WAV不支持支持不支持支持不支持一般提供

2017-01-09 23:24:08 10198

转载 HTML5页面开发的基础性模板

分享一个HTML5页面开发的基础性模板，包含了两个版本：开发版本注释版本开发版本 http-equiv="X-UA-Compatible" content="IE=edge"> charset="utf-8"> name="description" content=""> name="author" content=""> name="viewport" content

2017-01-09 23:12:14 638

转载 Javascript篇

初级Javascript：1.JavaScript是一门什么样的语言，它有哪些特点？没有标准答案。2.JavaScript的数据类型都有什么？基本数据类型：String,boolean,Number,Undefined, Null引用数据类型：Object(Array,Date,RegExp,Function)那么问题来了，如何判断某变量是否为数组数

2016-12-25 21:17:41 424

转载 DOM操作——怎样添加、移除、移动、复制、创建和查找节点

（1）创建新节点 createDocumentFragment() //创建一个DOM片段 createElement() //创建一个具体的元素 createTextNode() //创建一个文本节点（2）添加、移除、替换、插入 appendChild() removeChild()

2016-12-25 13:38:05 23132

转载体验js中splice()的强大(插入、删除或替换数组的元素)

处理数组的方法很多，javascript splice()算是最强大的了，它可以用于插入、删除或替换数组的元素。下面来一一介绍！ 1.删除-用于删除元素，两个参数，第一个参数（要删除第一项的位置），第二个参数（要删除的项数） 2.插入-向数组指定位置插入任意项元素。三个参数，第一个参数（其实位置），第二个参数（0），第三个参数（插入的项） 3.替换-向数组指定位置插入任意项元素，同

2016-12-23 22:53:35 11302

转载 JavaScript concat() 方法

concat() 方法用于连接两个或多个数组。该方法不会改变现有的数组，而仅仅会返回被连接数组的一个副本。语法arrayObject.concat(arrayX,arrayX,......,arrayX)参数描述arrayX必需。该参数可以是具体的值，也可以是数组对象。可以是任意多个。返回值返回一个新的数组

2016-12-23 22:49:04 224

转载 js中sort（）方法的用法，参数以及排序原理

sort() 方法用于对数组的元素进行排序。语法：arrayObject.sort(sortby)；参数sortby可选。规定排序顺序。必须是函数。注：如果调用该方法时没有使用参数，将按字母顺序对数组中的元素进行排序，说得更精确点，是按照字符编码的顺序进行排序。要实现这一点，首先应把数组的元素都转换成字符串（如有必要），以便进行比较。如果想按照其他标准进行排序，就需要提供比较函数，

2016-12-23 22:24:08 1164

转载已知有字符串foo=”get-element-by-id”,写一个function将其转化成驼峰表示法”getElementById”。

function combo(msg){ var arr=msg.split("-"); //split("-")以-为分隔符截取字符串，返回数组 for(var i=1;i<arr.length;i++){ arr[i]=arr[i].charAt(0).toUpperCase()+arr[i].substr(1,arr[i].length-1); }

2016-12-17 21:44:51 4637

转载 js 基本类型与引用类型的区别

ECMAScirpt 变量有两种不同的数据类型：基本类型，引用类型。也有其他的叫法，比如原始类型和对象类型，拥有方法的类型和不能拥有方法的类型，还可以分为可变类型和不可变类型，其实这些叫法都是依据这两种的类型特点来命名的，大家爱叫啥就叫啥吧 o(╯□╰)o 。1.基本类型基本的数据类型有：`undefined，boolean，number，string，null.基本类型的访问是按

2016-12-16 22:34:08 334

转载实现一个函数clone，可以对JavaScript中的5种主要的数据类型（包括Number、String、Object、Array、Boolean）进行值复制。

Object.prototype.clone=function(){ var o= this.constructor===Array? [] : {}; for(var e in this){ o[e]= typeof this[e]==="object" ? this[e].clone() : this[e]; } return o;};

2016-12-16 21:26:17 2576

转载 js的Prototype属性解释及常用方法

函数：原型每一个构造函数都有一个属性叫做原型(prototype,下面都不再翻译，使用其原文)。这个属性非常有用：为一个特定类声明通用的变量或者函数。prototype的定义你不需要显式地声明一个prototype属性，因为在每一个构造函数中都有它的存在。你可以看看下面的例子：Example PT1CODE:function Test(){}

2016-12-16 21:00:23 239

转载 for/in 循环遍历对象的属性

for/in 语句循环遍历对象的属性。 js中获取key得到某对象中相对应的value的方法：obj.key js中根据动态key得到某对象中相对应的value的方法有二：一、var key = "name1";var value = obj[key]; 二、var key = "name1";var value = eval("obj."+key); 详细出处参考：http

2016-12-16 19:12:00 23486

转载 JavaScript arguments对象

1、在JavaScript中，arguments对象是比较特别的一个对象，实际上是当前函数的一个内置属性。arguments非常类似Array，但实际上又不是一个Array实例。可以通过如下代码得以证实（当然，实际上，在函数funcArg中，调用arguments是不必要写成funcArg.arguments，直接写arguments即可）。1 Array.prototype.test

2016-12-08 22:31:59 194

转载 JS中的prototype

JS中的phototype是JS中比较难理解的一个部分本文基于下面几个知识点: 1 原型法设计模式在.Net中可以使用clone()来实现原型法原型法的主要思想是，现在有1个类A,我想要创建一个类B,这个类是以A为原型的,并且能进行扩展。我们称B的原型为A。 2 javascript的方法可以分为三类：a 类方法b

2016-12-08 21:30:50 181

转载 1.事件委托的原理以及优缺点 2. 手写原生js实现事件代理，并要求兼容浏览器

Q：事件的委托（代理 Delegated Events）的原理以及优缺点A：委托（代理）事件是那些被绑定到父级元素的事件，但是只有当满足一定匹配条件时才会被挪。这是靠事件的冒泡机制来实现的，优点是：（1）可以大量节省内存占用，减少事件注册，比如在table上代理所有td的click事件就非常棒（2）可以实现当新增子对象时无需再次对其绑定事件，对于动态内容部分尤为合

2016-12-04 23:54:55 8701

转载 Q：描述下js里面的事件流

Q：描述下js里面的事件流A：DOM2级事件模型中规定了事件流的三个阶段：捕获阶段、目标阶段、冒泡阶段，低版本IE（IE8及以下版本）不支持捕获阶段捕获事件流：Netscape提出的事件流，即事件由页面元素接收，逐级向下，传播到最具体的元素。冒泡事件流：IE提出的事件流，即事件由最具体的元素接收，逐级向上，传播到页面。关于js事件，这里有一篇非常详细的介绍，可以看下

2016-12-04 23:52:37 277

转载 call 方法

call 方法请参阅应用于：Function 对象要求版本 5.5 调用一个对象的一个方法，以另一个对象替换当前对象。 call([thisObj[,arg1[, arg2[, [,.argN]]]]]) 参数 thisObj 可选项。将被用作当前对象的对象。 arg1, arg2, , argN 可选项。将被传递方法参数序列。说明

2016-12-04 23:34:33 294

转载 js中apply和Math.max()函数的问题

var arr=[1,3,6,3,7,9,2];console.log(Math.max.apply(null,arr));一直搞不懂为什么这样可以算出一个数组的最大值？一直想不明白，请js高手指教一下。答案1 Function.apply()是JS的一个OOP特性，一般用来模拟继承和扩展this的用途，对于上面这段代码，可以这样去理解：XXX.apply是一个调用函数

2016-12-04 23:14:41 8887

转载 JavaScript中事件处理

事件处理分为三个阶段：捕获 - 处理 - 冒泡。以点击按钮为例：捕获阶段：由外层到内层，首先调用给Window注册的click捕获阶段监听方法，然后document、body、一层层的父节点，一直到按钮本身。处理阶段：调用按钮本身的click监听方法。起泡阶段：从按钮开始，从内层到外层，依次调用各级父节点的起泡阶段监听方法，直到W

2016-12-04 14:42:49 347

转载 DOM事件流的三个阶段

以程序的角度说，流是具有方向的数据。事件流之事件冒泡与事件捕获在浏览器发展的过程中，开发团队遇到了一个问题。那就是页面中的哪一部分拥有特定的事件？可以想象画在一张纸上的一组同心圆，如果你把手指放在圆心上，那么你的手指指向的其实不是一个圆，而是纸上所有的圆。放到实际页面中就是，你点击一个按钮，事实上你还同时点击了按钮所有的父元素。开发团队的问题就在于，当点击按钮时，是按钮

2016-12-04 13:14:32 5294

转载作用域和 this

var a = 10;function test(){ a = 100; console.log(a); console.log(this.a); var a; console.log(a);}test();var a = 100;function test(){ console.log(a); var a = 10; co

2016-12-03 21:22:39 369

转载 setTimeout 深入分析其机制

for (var i = 0;i3;i++){ setTimeout(function (){ console.log(i); },0);}此题输出内容是什么？setTimeout 为 Window 对象方法，用来注册在指定的事件之后单次或重复调用的函数。setTimeout的作用是将代码推迟到指定时间执行，如果指定时间为0，即setTim

2016-12-03 21:21:42 327

转载变量声明提升和函数声明提升

变量声明提升1、变量定义可以使用var定义变量，变量如果没有赋值，那变量的初始值为undefined。2、变量作用域变量作用域指变量起作用的范围。变量分为全局变量和局部变量。全局变量在全局都拥有定义；而局部变量只能在函数内有效。在函数体内，同名的局部变量或者参数的优先级会高于全局变量。也就是说，如果函数内存在和全局变量同名的局部变量或者参数，那么全局变量将会被

2016-12-03 17:58:05 345

转载 js冒泡排序

var arr = [1, 2, 3, 5, 4, 6, 7,6]; //需求：冒泡排序。结果:[1,2,3,4,5,6,6,7] //理论：1.比较轮数n-1。 2.比较次数n-1。 3.符合某个条件交换位置。 //核心：双重for循环。

2016-12-03 15:42:37 270

转载 js数组去重的4个方法+1

Array.prototype.unique1 = function(){ var n = []; //一个新的临时数组 for(var i = 0; i < this.length; i++) //遍历当前数组 { //如果当前数组的第i已经保存进了临时数组，那么跳过， //否则把当前项push到临时数组里面 if (n.indexOf(this[i]) == -1) n.p

2016-12-03 15:00:10 410

转载常见浏览器兼容性问题与解决方案css篇

所谓的浏览器兼容性问题，是指因为不同的浏览器对同一段代码有不同的解析，造成页面显示效果不统一的情况。在大多数情况下，我们的需求是，无论用户用什么浏览器来查看我们的网站或者登陆我们的系统，都应该是统一的显示效果。所以浏览器的兼容性问题是前端开发人员经常会碰到和必须要解决的问题。在学习浏览器兼容性之前，我想把前端开发人员划分为两类：第一类是精确按照设计图开发的前端开发人员，可以说是精确到1px

2016-11-03 15:53:10 294

空空如也

空空如也