2016年06月_ssisse

转载 Node.js简单介绍

Node.js REPL(交互式解释器)Node.js REPL(Read Eval Print Loop:交互式解释器) 表示一个电脑的环境，类似 Window 系统的终端或 Unix/Linux shell，我们可以在终端中输入命令，并接收系统的响应。Node 自带了交互式解释器，可以执行以下任务：读取 - 读取用户输入，解析输入了Javascript 数据结构并存储在

2016-06-30 10:02:23 2313

转载 javaScript 的AMD及define模块定义

1. AMD的由来　　前端技术虽然在不断发展之中，却一直没有质的飞跃。除了已有的各大著名框架，比如Dojo，JQuery，ExtJs等等，很多公司也都有着自己的前端开发框架。这些框架的使用效率以及开发质量在很大程度上都取决于开发者对其的熟悉程度，以及对JavaScript的熟悉程度，这也是为什么很多公司的技术带头人都喜欢开发一个自己的框架。开发一个自己会用的框架并不难，但开发一个大家都喜欢

2016-06-29 18:56:52 9974

转载 HTML属性

HTML 属性基础标签描述定义文档类型。定义 HTML 文档。定义文档的标题。定义文档的主体。 to 定义 HTML 标题。定义段落。定义简单的折行。定义水平线。定义注释。格式标签

2016-06-28 14:14:00 356

转载 HTML 事件属性

HTML 事件属性Window 事件属性针对 window 对象触发的事件（应用到标签）：属性值描述onafterprintscript文档打印之后运行的脚本。onbeforeprintscript文档打印之前运行的脚本。onbeforeunloadscript文档卸载之前运行的脚本。o

2016-06-28 14:09:42 306

转载 jQuery.extend 函数详解

一、Jquery的扩展方法原型是:extend(dest,src1,src2,src3...); 它的含义是将src1,src2,src3...合并到dest中,返回值为合并后的dest,由此可以看出该方法合并后，是修改了dest的结构的。如果想要得到合并的结果却又不想修改dest的结构，可以如下使用：var newSrc=$.extend({},src1,src2,src3...)/

2016-06-28 13:06:09 250

转载 jQuery 遍历函数

each的用法 1.数组中的each var arr = [ "one", "two", "three", "four"]; $.each(arr, function(){ alert(this); }); //上面这个each输出的结果分别为：one,two,three,four var arr1 = [[1, 4,

2016-06-28 12:58:54 195

转载 HTML DOM createDocumentFragment() 方法

HTML DOM createDocumentFragment() 方法定义和用法createdocumentfragment()方法创建了一虚拟的节点对象，节点对象包含所有属性和方法。当你想提取文档的一部分，改变，增加，或删除某些内容及插入到文档末尾可以使用createDocumentFragment() 方法。你也可以使用文档的文档对象来执行这些变化，但要防

2016-06-27 21:32:55 732

转载 AngularJS简单介绍

AngularJS 表达式AngularJS 表达式写在双大括号内：{{ expression }}。AngularJS 表达式把数据绑定到 HTML，这与 ng-bind 指令有异曲同工之妙。AngularJS 将在表达式书写的位置"输出"数据。AngularJS 表达式很像 JavaScript 表达式：它们可以包含文字、运算符和变量。Angula

2016-06-25 14:00:42 1403

转载 jQuery中 $(function() 与 (function($) 的区别

(function($) {…})(jQuery);这里实际上是匿名函数，如下：function(arg){…}这就定义了一个匿名函数，参数为arg而调用函数时，是在函数后面写上括号和实参的，由于操作符的优先级，函数本身也需要用括号，即：(function(arg){…})(param)这就相当于定义了一个参数为arg的匿名函数，并且将param作为参数来调用这个匿名函数

2016-06-24 22:10:45 379

转载 JS eval()函数

eval()函数 JavaScript有许多小窍门来使编程更加容易。其中之一就是eval()函数，这个函数可以把一个字符串当作一个JavaScript表达式一样去执行它。举个小例子： var the_unevaled_answer = "2 + 3"; var the_evaled_answer = eval("2 + 3"); alert("

2016-06-23 19:03:04 305

转载 CSS3的appearance属性-改变任何元素的浏览器默认风格

使用CSS3的appearance属性改变任何元素的浏览器默认风格其实我们可以使用“appearance”属性，来改变任何元素的浏览器默认风格，简单的说，你可以使用“appearance”属性将“段落p”渲染成button的风格，也可以渲染成“输入框”、“选择框”等效果,需要的朋友可以了解下大家都知道每个浏览器对HTML元素渲染都不一样，比如说“button”，在chrome和ff

2016-06-23 17:30:58 1070

转载 HTML <hr> 标签

HTML 标签定义和用法标签在 HTML 页面中创建一条水平线。水平分隔线（horizontal rule）可以在视觉上将文档分隔成各个部分。HTML 与 XHTML 之间的差异在 HTML 中，标签没有结束标签。在 XHTML 中，必须被正确地关闭，比如。在 HTML 4.01 中，hr 元素的所有呈现属性均不被赞成使用。在 XHTML

2016-06-23 15:49:32 2335

转载 js中style,currentStyle和getComputedStyle的区别

style只能获取元素的内联样式，内部样式和外部样式使用style是获取不到的。currentStyle可以弥补style的不足，但是只适用于IE。getComputedStyle同currentStyle作用相同，但是适用于FF、opera、safari、chrome。1. obj.style：这个方法只能JS只能获取写在html标签中的写在style属性中的值（style=

2016-06-22 22:05:00 442

原创 ~function(){}()函数定义

~function(){}()函数定义的含义：function(){}()之前加上运算符，因为解析的缘故 ,function会即时触发，以下效果都一样，就是一个语言特征，了解即可。+function(){alert(1)}()-function(){alert(1)}()~function(){alert(1)}()^function(){alert(1)}()%funct

2016-06-22 21:19:11 270

转载 HTML DOM display 属性

HTML DOM display 属性定义和用法display 属性设置元素如何显示。语法：Object.style.display=valuePossible Values值描述none此元素不会被显示。block此元素将显示为块级元素，此元素前后会带有换行符。inline默认。此元素会被显示为内联元

2016-06-21 09:37:16 423

转载 JavaScript正则表达式上之基本语法

JavaScript正则表达式上之基本语法一个正则表达式就是由普通字符（例如字符 a 到 z）以及特殊字符（称为元字符）组成的文字模式。这篇文章主要介绍了JavaScript正则表达式上之基本语法(推荐)的相关资料,需要的朋友可以参考下相关阅读：js正则表达式基本语法(精粹)正则表达式语法一个正则表达式就是由普通字符（例如字符 a 到 z）以及特殊字符（称

2016-06-20 21:04:56 772

转载 javascript正则表达式用法 (test|match|search|replace|split|exec)

test：测试string是否包含有匹配结果，包含返回true，不包含返回false。 var str = "bbs.byr.cn"; var reg = /b/; var ret = reg.test(str); alert(ret); //truematch：根据pattern进行正则匹配,如果匹配到,返回匹配结果,如匹配不到返回null var str = "ThIS is

2016-06-20 20:58:28 458

转载 HTML <i> 标签

HTML 标签标签定义及使用说明定义与文本中其余部分不同的部分，并把这部分文本呈现为斜体文本。标签被用来表示科技术语、其他语种的成语俗语、想法、宇宙飞船的名字等等。在没有其他适当语义的元素可以使用时，请使用元素。其他语义的元素如下：（被强调的文本）（重要的文本）（被标记的/高亮显示的文本）（作品的标题）（一个定义项目）转自ht

2016-06-20 19:01:36 1473

转载 Math.ceil() 、Math.floor() 、Math.round() 三个函数的理解

首先还是看看JavaScript: The Definitive Guide, 4th Edition中对三个函数的定义。Math.ceil(): round anumber upArguments: Any numeric value or expressionReturns: The closest integer greater than or equal tox.-

2016-06-20 15:10:28 684

转载 JavaScript toFixed() 方法

JavaScript toFixed() 方法定义和用法toFixed() 方法可把 Number 四舍五入为指定小数位数的数字。简而言之，就是小数点后有指定位数的小数，如果数字本身的小数位数不足，则以0进行填充。语法NumberObject.toFixed(num)参数描述num必需。规定小数的位数，是 0 ~ 20 之间的值，包括 0 和

2016-06-20 14:54:11 304

转载 html中 left,right,top,bottom图示

图转自：http://www.cnblogs.com/qieqing/archive/2008/10/06/1304399.html

2016-06-19 16:36:04 3009

转载 JSON.stringify() 和 JSON.parse()

JSON.stringify 方法在json 的使用中，把一个对象通过 stringify 之后提交给后台或者存储在Storage 里是很常用的手段.语法：　　JSON.stringify(value [, replacer] [, space])value：是必选字段。就是你输入的对象，比如数组，类等。 replacer：这个是可选的。它又分

2016-06-19 12:58:51 1052

转载 js中的preventDefault与stopPropagation详解

js中的preventDefault与stopPropagation详解首先讲解一下js中preventDefault和stopPropagation两个方法的区别：preventDefault() 方法阻止元素发生默认的行为（例如，当点击提交按钮时阻止对表单的提交）。我们知道比如百度,这是html中最基础的东西，起的作用就是点击百度链接到http://www.baidu.com,

2016-06-18 20:39:26 494

转载 JavaScript 严格模式 use strict

1.概述除了正常运行模式，ECMAscript 5添加了第二种运行模式："严格模式"（strict mode）。顾名思义，这种模式使得Javascript在更严格的条件下运行。 2.为什么用严格模式- 消除Javascript语法的一些不合理、不严谨之处，减少一些怪异行为;- 消除代码运行的一些不安全之处，保证代码运行的安全；- 提高编译器效率，增加运行速度；- 为未来

2016-06-18 15:58:08 712

转载关于shortcut icon和icon代码的区别介绍

关于shortcut icon和icon代码的区别介绍语句一：语句二：备注:语句一 Shortcut Icon 就是在网址列前面出现的Icon问题:语句二 icon的作用是怎么?和语句一有什么区别? 指导过去，为保证favicon出现，网站设计者和开发者采用了多种方法。很难明确地保证favicon可以在所有电脑上显示，即使是用同一版本的一种浏览器。下列代码另一个局限

2016-06-18 14:13:11 29558

转载 JavaScript 数组操作函数总结(push，pop，join，shift，unshift，slice，splice，concat)

js中数组操作函数还是非常多的，今天忽然想到来总结一下，也算是温故而知新吧。不过不会针对每个办法都进行一下总结，只是针对一些比较常用的做个备注一下。这里总结到的 js 数组操作函数有：push，pop，join，shift，unshift，slice，splice，concat（1）push 和 pop这两个函数都是对数组从尾部进行压入或弹出操作。push(arg1,arg

2016-06-18 10:48:58 468

转载常用KeyCode

keycode 8 = BackSpace BackSpacekeycode 9 = Tab Tabkeycode 12 = Clearkeycode 13 = Enterkeycode 16 = Shift_Lkeycode 17 = Control_Lkeycode 18 = Alt_Lkeycode 19 = Pauseke

2016-06-17 19:51:49 995

转载 javascript 实现禁止右键，复制，选取文本

1. JS 禁止右键 document.oncontextmenu=function(e){return false;} ...... 2. CSS 禁止复制和选取如果让整个页面都禁止选择 body { -webkit-touch-callout: none; -webki

2016-06-17 19:42:11 2827 1

转载 JS的阻塞加载和 defer 和 async 属性

JS具有阻塞特性，当浏览器在执行js代码时，不能同时做其它事情，即每次出现都会让页面等待脚本的解析和执行（不论JS是内嵌的还是外链的），JS代码执行完成后，才继续渲染页面。所有浏览器在下载JS的时候，会阻止一切其他活动，比如其他资源的下载，内容的呈现等等。至到JS下载、解析、执行完毕后才开始继续并行下载其他资源并呈现内容。有人会问：为什么JS不能像CSS、image一样并行下载了？这里

2016-06-17 10:55:33 6438

转载 javascript 图片懒加载、预加载

懒加载与预加载的基本概念。懒加载也叫延迟加载：前一篇文章有介绍：JS图片延迟加载延迟加载图片或符合某些条件时才加载某些图片。预加载：提前加载图片，当用户需要查看时可直接从本地缓存中渲染。两种技术的本质：两者的行为是相反的，一个是提前加载，一个是迟缓甚至不加载。懒加载对服务器前端有一定的缓解压力作用，预加载则会增加服务器前端压力。懒加载的意义及实现方式有：懒加载的主

2016-06-13 10:46:45 3303

转载 javascript onscroll

定义和用法onscroll 事件在元素滚动条在滚动时触发。提示：使用 CSS overflow 样式属性来创建元素的滚动条。语法HTML 中:element onscroll="myScript">JavaScript 中:window.onscroll=function(){myScript};JavaScript 中, 使用 addEv

2016-06-13 10:05:51 634

转载 CSS box-sizing属性

CSS3 box-sizing 属性定义和用法box-sizing 属性允许您以特定的方式定义匹配某个区域的特定元素。例如，假如您需要并排放置两个带边框的框，可通过将 box-sizing 设置为 "border-box"。这可令浏览器呈现出带有指定宽度和高度的框，并把边框和内边距放入框中。取值：content-box：padding和border不被包含在

2016-06-12 16:05:19 398

转载 html <input>

HTML 标签属性new : HTML5 中的新属性。属性值描述标签的 accept 属性" style="margin:0px; padding:0px; border:0px; color:rgb(144,11,9); background:transparent">acceptmime_type规定通过文

2016-06-12 12:36:20 452

转载 HTML5学习之FileReader接口

用来把文件读入内存，并且读取文件中的数据。FileReader接口提供了一个异步API，使用该API可以在浏览器主线程中异步访问文件系统，读取文件中的数据。到目前文职，只有FF3.6+和Chrome6.0+实现了FileReader接口。1、FileReader接口的方法FileReader接口有4个方法，其中3个用来读取文件，另一个用来中断读取。无论读取成功或失败，方法并不会返回读取

2016-06-11 18:00:27 230

转载 html之 rel="external nofollow"

什么是NoFollow？NoFollow是Google几年前提出的一个新标签，目的是减少垃圾留言。此标签表明网站文章里面的链接与本网站作者无关，也就是说搜索引擎不会用这个链接计算网站的PR值。很多博客程序都会自动在评论链接中加上nofollow标签。现在主流的Blog程序，如WordPress和MovableType，均默认为其留言与trackback中的链接自动添加nofollow属性。这

2016-06-10 19:21:38 1542

转载 html之 <dl> <dd> <dt>

html 是一组合标签，使用了dt dd最外层就必须使用dl包裹，此组合标签我们也又叫表格标签，与table表格类似组合标签，故名我们也叫dl表格为常用标题+列表型标签。如没有对dl dt dd标签初始CSS样式，默认dd列表内容会一定缩进。dl dt dd列表标签语法列表标题列表内容列表内容...语法解释：首先dt和dd是放于dl标签内，标签dt与d

2016-06-08 15:36:04 2332

转载 CSS text-align 属性

CSS text-align 属性定义和用法text-align 属性规定元素中的文本的水平对齐方式。该属性通过指定行框与哪个点对齐，从而设置块级元素内文本的水平对齐方式。通过允许用户代理调整行内容中字母和字之间的间隔，可以支持值 justify；不同用户代理可能会得到不同的结果。可能的值值描述left把文本排列到左边。默认值：由浏览器决定。

2016-06-08 10:12:49 1511

转载 CSS 之 display:table

使用CSS表格 CSS表格能够解决所有那些我们在使用绝对定位和浮动定位进行多列布局时所遇到的问题。例如，“display:table;”的CSS声明能够让一个HTML元素和它的子节点像table元素一样。使用基于表格的CSS布局，使我们能够轻松定义一个单元格的边界、背景等样式，而不会产生因为使用了table那样的制表标签所导致的语义化问题。在深入了解这种方法之前，让我们先来写份HTML

2016-06-08 09:34:40 545

转载 ActiveX，ActiveXObject , xmlHttpRequest , ajax

什么是 ActiveX 控件？ActiveX 控件广泛用于 Internet。它们可以通过提供视频、动画内容等来增加浏览的乐趣。不过，这些程序可能出问题或者向您提供不需要的内容。在某些情况下，这些程序可被用来以您不允许的方式从计算机收集信息、破坏您的计算机上的数据、在未经您同意的情况下在您的计算机上安装软件或者允许他人远程控制您的计算机。考虑到这些风险，您应该在完全信任发行商的情况下才安装这些

2016-06-07 17:51:27 2094

用js来实现动画，我们一般是借助setTimeout或setInterval这两个函数，css3动画出来后，我们又可以使用css3来实现动画了，而且性能和流畅度也得到了很大的提升。但是css3动画还是有不少局限性，比如不是所有属性都能参与动画、动画缓动效果太少、无法完全控制动画过程等等。所以有的时候我们还是不得不使用setTimeout或setInterval的方式来实现动画，可是setTimeo

2016-06-07 15:05:48 914

空空如也

空空如也