05 2016 档案
摘要：这篇文章主要介绍了一个简单nodejs服务器例子,本文实现了一个简单的hello world例子,并展示如何运行这个服务器,需要的朋友可以参考下 我们先来实现一个简单的例子，hello world。 似乎每种语言教程的第一节都会讲这个，我们也不例外。 首先我们先创建一个项目目录，目录可自己定义，本案
阅读全文
摘要：场景 当我学习一个JavaScript库的时候，需要一个非常简单的HTTP服务器把当前工作路径变为网站根目录，由此来访问网页的静态信息。现在，除了下边的脚本server.js，假设你已经拥有： [javascript] view plain copy // server.js // // Step
阅读全文
摘要：开发工程师, 使用 Bootstrap. 前端开发人员, 使用 Foundation. 我们来谈谈为什么. Bootstrap 与 Foundation 有许多关键的区别, 但是, 我想你只需要记住一件事: ZURB 和 Twitter 的两种设计理念是很清楚的, 从他们对自己的框架的命名就可以看出
阅读全文
摘要：Underscore是一个非常实用的JavaScript库，提供许多编程时需要的功能的支持，他在不扩展任何JavaScript的原生对象的情况下提供很多实用的功能,需要了解的朋友可以详细参考下 Underscore是一个非常实用的JavaScript库，提供许多编程时需要的功能的支持，他在不扩展任何
阅读全文
摘要：命令行 - 很好的工具，很强大 一，ping 它是用来检查网络是否通畅或者网络连接速度的命令。作为一个生活在网络上的管理员或者黑客来说，ping命令是第一个必须掌握的DOS命令，它所利用的原理是这样的：网络上的机器都有唯一确定的IP地址，我们给目标IP地址发送一个数据包，对方就要返回一个同样大小的数
阅读全文
摘要：现在最热门的前端框架有AngularJS、React、Bootstrap等。自从接触了ReactJS，ReactJs的虚拟DOM（Virtual DOM）和组件化的开发深深的吸引了我，下面来跟我一起领略ReactJS的风采吧~~ 章有点长，耐心读完，你会有很大收获哦~ 一、ReactJS简介 Rea
阅读全文
摘要：一提到图片，我们就不得不从位图开始说起，位图图像(bitmap)，也称为点阵图像或绘制图像，是由称作像素（图片元素）的单个点组成的。这些点可以进行不同的排列和染色以构成一副图片。当放大位图时，可以看见赖以构成整个图像的无数单个方块。 我们常见的图片格式中JPG、PNG、GIF亦属于位图，所以它们的数
阅读全文
摘要：Step1: 安装kissy gallery组件工具 请确保本地带有NodeJs和Npm环境。 Step2:创建组件目录 手动创建一个组件目录，比如offline。 进入该目录，打开命令行工具，执行如下命令： 1.0为组件起始版本目录，可以自由设置。 工具会询问您组件的作者和email，这是必须输入
阅读全文
摘要：当然高级浏览器下可通过脚本进行定义和数据存取。在项目实践中非常有用。 例如： 复制代码 代码如下: 复制代码 <div id = "user" data-uid = "12345" data-uname = "脚本之家" > </div> 使用attribute方法存取 data-* 自定义属性的值
阅读全文
摘要：总结一下响应式设计的核心CSS技术Media(媒体查询器)的用法。 http://www.360doc.com/content/14/0704/06/10734150_391862769.shtml 准备工作1：设置Meta标签 首先我们在使用Media的时候需要先设置下面这段代码，来兼容移动设备的
阅读全文
摘要：在AngularJS中显示模型中的数据有两种方式： 一种是使用花括号插值的方式： 1 <p>{{text}}</p> 1 <p>{{text}}</p> 1 <p>{{text}}</p> 另一种是使用基于属性的指令，叫做ng-bind： 1 <p ng-bind="text"></p> 1 <p
阅读全文
摘要：1、windows下的NodeJS安装是比较方便的（v0.6.0版本之后，支持windows native），只需要登陆官网（http://nodejs.org/），便可以看到首页的“INSTALL”按钮，直接点击就会自动下载安装了。 2、安装过程基本直接“NEXT”就可以了。（windows的安装
阅读全文
摘要：一、设计模式的分类 总体来说设计模式分为三大类： 创建型模式，共五种：工厂方法模式、抽象工厂模式、单例模式、建造者模式、原型模式。 结构型模式，共七种：适配器模式、装饰器模式、代理模式、外观模式、桥接模式、组合模式、享元模式。 行为型模式，共十一种：策略模式、模板方法模式、观察者模式、迭代子模式、责
阅读全文
摘要：1.阻止浏览器的默认行为 function stopDefault(e) { //如果提供了事件对象，则这是一个非IE浏览器 if(e && e.preventDefault) { //阻止默认浏览器动作(W3C) e.preventDefault(); } else { //IE中阻止函数器默认动
阅读全文
摘要：DTD 已声明 IE document.documentElement.scrollHeight 浏览器所有内容高 度 ,document.body.scrollHeight 浏览器所有内容高度 document.documentElement.scrollTop 浏览器滚动部分高度， docume
阅读全文
摘要：手机的重力感应支持里，有两个主要的事件： 1. OrientationChange (在屏幕发生翻转的时候触发) 2. DeviceOrientation+DeviceMotion(重力感应与陀螺仪) 科普时间 重力感应，基本上是平板电脑和智能手机的标准配置，起到的作用也很简单，比如你玩赛车游戏，控
阅读全文
摘要：1、方法定义 call方法: 语法：call([thisObj[,arg1[, arg2[, [,.argN]]]]]) 定义：调用一个对象的一个方法，以另一个对象替换当前对象。 说明： call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由
阅读全文
摘要：getBoundingClientRect() 这个方法返回一个矩形对象，包含四个属性：left、top、right和bottom。分别表示元素各边与页面上边和左边的距离。 var box=document.getElementById('box'); // 获取元素 alert(box.getBo
阅读全文
摘要：要向现有的样式表中添加新规则，需要使用insertRule()方法。这个方法接受两个参数：规则文本和表示在那里插入规则的索引。下面是一个例子： 这个例子插入的规则会改变元素的背景颜色。插入的规则将称为样式表中的第一条规则(插入到了位置0)——规则的次序在确定层叠之后应用到文档的规则至关重要。Fire
阅读全文
摘要：Canvas 第五章 数学、物理和运动学习笔记让人映像深刻的运动，需要我们不只是简单的知道如何移动对象，还需要知道怎么按用户期望看到的方式去移动它们。这些需要基于数学知识的基本算法和物理学作用。基于点和矢量的简单运动提供了一个基础，现在可以去创建些例如碰墙弹回和别一个有点摩擦的混合。之后，我们将回过
阅读全文
摘要：转载于：http://www.w3cfuns.com/notes/24611/fbba9cbd616e795360ea45515494aa53.html meta基础知识 H5页面窗口自动调整到设备宽度，并禁止用户缩放页面 忽略将页面中的数字识别为电话号码 忽略Android平台中对邮箱地址的识别
阅读全文
摘要：函数节流技术的主要思路是，通过一个定时器，阻断连续重复的函数调用。对于我们自己内部使用的函数，这通常意义不大，也不推荐使用这个技术，它可能会丢失对某些数据的处理。但是对于在用户界面调用的函数，却非常有意义。 AD：51CTO网+ 首届中国APP创新评选大赛>> 函数节流技术的主要思路是，通过一个定时
阅读全文
摘要：几乎所有浏览器(包括最古老的IE6)也支持的网络字体@font-face的用法是： 但进入到现代浏览器时代后，WOFF格式的字体受到了普遍的支持，所有，你可能只需要这样写： 或者只含WOFF格式： 然后，像这样使用： @font-face基本知识 在@font-face网络字体技术之前，浏览器显示网
阅读全文
摘要：原文地址：http://www.alistapart.com/articles/taking-advantage-of-html5-and-css3-with-modernizr/ 堂主译文地址：http://www.osmn00.com/translation/221.html 转载请尊重原作者及
阅读全文
摘要：URL(Uniform Resource Locator) 统一资源定位符是对可以从互联网上得到的资源的位置和访问方法的一种简洁的表示，是互联网上标准资源的地址。互联网上的每个文件都有一个唯一的URL，它包含的信息指出文件的位置以及浏览器应该怎么处理它。 结构 基本URL包含模式（或称协议）、服务器
阅读全文
摘要：通常我们所说的浏览器自动保存密码，下次不用登陆，网页换皮肤，用户引导，提示一次就不再出现的内容，大部分通过cookie或者session来实现的，在这次制作用户引导中，本人就用到了cookie的内容，鉴于之前没有详细的了解，本文将深入的讲解两者的区别以及应用。 如果你正在寻找怎么设置Cookie、使
阅读全文
摘要：用js来实现动画，我们一般是借助setTimeout或setInterval这两个函数，css3动画出来后，我们又可以使用css3来实现动画了，而且性能和流畅度也得到了很大的提升。但是css3动画还是有不少局限性，比如不是所有属性都能参与动画、动画缓动效果太少、无法完全控制动画过程等等。所以有的时候
阅读全文
摘要：var XMLHttpReq; function createXMLHttpRequest() { try { XMLHttpReq = new ActiveXObject("Msxml2.XMLHTTP");//IE高版本创建XMLHTTP } catch(E) { try { XMLHttpRe
阅读全文
摘要：WebAPP和原生APP同为移动端，很少有研究这两项的交互区别，最近公司做了一次从原生APP到WebAPP（HTML5 ）的移植，故总结一下期间遇到的问题及不同点总结。 从使用场景上，WebAPP用户面临比原生APP用户更严峻的问题： 1、页面跳转更加费力，不稳定感更强 思考点：如何减少跳转（扁平结
阅读全文
摘要：但是，这个并不能体现OOP思想，看了原型与原型链之后觉得OOP一目了然: 然后给Calculator的prototype属性赋值对象字面量来设定Calculator对象的原型。(个人觉得这里的原型就如同C#中类的概念,prototype则是用来给类添加属性，方法的) 这样，通过new 一个对象就可以
阅读全文
摘要：开篇 之前对js中的原型链和原型对象有所了解，每当别人问我什么是原型链和原型对象时，我总是用很官方（其实自己不懂）的解释去描述。有一句话说的好：如果你不能把一个很复杂的东西用最简单的话语描述出来，那就说明你没有真正的理解。最近正在读《JavaScript高级程序设计》，书中对原型对象和原型链的描述让
阅读全文
摘要：一、JavaScript原型链 ECMAScript中描述了原型链的概念，并将原型链作为实现继承的主要方法。其基本思想是利用原型让一个引用类型继承另一个引用类型的属性和方法。在JavaScript中，用 __proto__ 属性来表示一个对象的原型链。当查找一个对象的属性时，JavaScript 会
阅读全文
摘要：在JS中将JSON的字符串解析成JSON数据格式，一般有两种方式：使用eval()函数、使用Function对象来进行返回解析，下面有个示例，感兴趣的朋友可以参考下 在JS中将JSON的字符串解析成JSON数据格式，一般有两种方式： 1.一种为使用eval()函数。 2. 使用Function对象来
阅读全文
摘要：AngularJS是为了克服HTML在构建应用上的不足而设计的。HTML是一门很好的为静态文本展示设计的声明式语言，改善了JavaScript。 下面我要说的就是25个超有用的AngularJS工具，web开发人员千万不可错过哦。 1）AngulaJS最佳测试工具——Protractor Protr
阅读全文
摘要：最近开始学习angularjs，学到表单验证的时候发现有必要学习下大神的好文章： 转：http://www.oschina.net/translate/angularjs-form-validation 今天我们将来看看Angular如何帮助做表单验证. 我们将讨论更多使用angular进行有关表单
阅读全文
摘要：使用AngularJs来做多重视图和路由是在方便不过了，在开发过程中，都有许多的页面，而这些页面都有相同的部分，比如页面的头部和尾部通常都是一样的，变化的都是主体部分，还有就是一些后端管理的一些项目，通常不变的都是头部，尾部和菜单部分，变化的都是右边的内容部分，使用AngularJs的多重视图和路由
阅读全文
摘要：在angular中为我们提供了3种方案处理class：1：scope变量绑定。（不推荐使用）2：字符串数组形式。3：对象key/value处理。 我们继续其他两种解决方案：1字符串数组形式是针对class简单变化，具有排斥性的变化，true是什么class，false是什么class，其形如: 其结
阅读全文
摘要：今天我们来看看怎样使用Angular的ngShow 和ngHide 指令来完成它们听起来应该完成的，显示和隐藏！ 它们应该做的事 ngShow 和ngHide 允许我们显示或隐藏不同的元素。这有助于创建Angular应用时因为我们的单页程序会有许多的移动部件随着应用状态的改变而来来去去。 这些指令的
阅读全文
摘要：angular js的强大之处之一就是他的数据双向绑定这一牛B功能，我们会常常用到的两个东西就是ng-bind和针对form的ng-model。但在我们的项目当中会遇到这样的情况，后台返回的数据中带有各种各样的html标签。如： 我们用ng-bind-html这样的指令来绑定，结果却不是我们想要的。
阅读全文
摘要：转：http://damoqiongqiu.iteye.com/blog/1917971 1.一点小说明 指令的作用：实现语义化标签 我们常用的HTML标签是这样的： 而使用AngularJS的directive（指令）机制，我们可以实现这样的东西： 很多人可能要惊呼，这货和JSP或者Struts等
阅读全文
摘要：Later edit (ui-router): As mentioned by JamesEddyEdwards and Dunc in their answers, if you are using angular-ui/ui-router you can use the following me
阅读全文
摘要：Angularjs过滤器是 angularjs非常棒的特性之一。有朝一日，你可能需要使用自定义过滤器，幸运的是，你找到了这篇博文。 下面显示的是自定义过滤器长什么样子(请注意myfilter): 我们的自定义过滤器叫做 "myfilter", 它有由 ':'隔开的4个参数. 这是一个将会用到的样本输
阅读全文
摘要：ng实现简单的select 给ng-options自定义option的value值 添加了id属性作为option的value你可能会在页面视图看到option生成的value为0,1,2,3,是因为angular会自动添加索引为value的值让我们来个ng-change事件监控来看看
阅读全文
摘要：js 简单点来说就是当参数传参来解决
阅读全文
摘要：html js 给ng-options自定义option的value值 添加了id属性作为option的value你可能会在页面视图看到option生成的value为0,1,2,3,是因为angular会自动添加索引为value的值让我们来个ng-change事件监控来看看
阅读全文
摘要：今天在angularjs中用audio的时候碰到的这些问题，查阅http://www.cnblogs.com/rachelanlan/p/3598070.html获得解决，感谢！ 按照以往的经验，只要使用 ng-src 捆绑数据就可以了。 但是audio无法正常绑定url数据。 （省略中间各种尝试，
阅读全文
摘要：内置指令 所有的内置指令的前缀都为ng，不建议自定义指令使用该前缀，以免冲突。首先从一些常见的内置指令开始。先列出一些关键的内置指令，顺便简单说说作用域的问题。 ng-model 将表单控件和当前作用域的属性进行绑定，这么解释似乎也不太正确。但先不要管咬文嚼字，用起来倒是易懂，例如: 代码如下: <
阅读全文
摘要：这个问题是我最近在项目中碰到的，暂时没找到原因，找到一个解决方法，还多请大神指教，在Stack Overflow找到解决方法： I am having some "problems" reading an ng-model from the controller. I want to do this
阅读全文
摘要：最近做很多HTML5的项目，很多页面会通过微信微博等SNS分享出去。在分享页面上提供公司APP的下载。但是在很多应用的浏览器中，点击下载链接无法下载应用。那么针对这些浏览器我们需要给用户提示从safari或者系统自带的浏览器打开分享页面。通过js就可以判断当前页面是在什么浏览器打开的。 以下是一段示
阅读全文
摘要：注意：以下代码请在Firefox 3.5、Chrome 3.0、Safari 4之后的版本中进行测试。IE8的实现方法与其他浏览不同。 3，带验证信息的请求 身份验证是Web开发中经常遇到的问题，在跨域请求中，默认情况下是不发送验证信息的。要想发送验证信息，需要进行withCredentials 属
阅读全文
摘要：注意：以下代码请在Firefox 3.5、Chrome 3.0、Safari 4之后的版本中进行测试。IE8的实现方法与其他浏览不同。 2，预检请求 预检请求首先需要向另外一个域名的资源发送一个 HTTP OPTIONS 请求头，其目的就是为了判断实际发送的请求是否是安全的。下面的2种情况需要进行预
阅读全文
摘要：注意：以下代码请在Firefox 3.5、Chrome 3.0、Safari 4之后的版本中进行测试。IE8的实现方法与其他浏览不同。跨域请求，顾名思义，就是一个站点中的资源去访问另外一个不同域名站点上的资源。这种情况很常见，比如说通过 style 标签加载外部样式表文件、通过 img 标签加载外部
阅读全文
摘要：http://www.cnblogs.com/TomXu/archive/2011/12/15/2288411.html 汤姆叔叔的博客
阅读全文
摘要：360新闻地址：http://sh.qihoo.com/i/ 感觉这效果挺好的，随机九宫格，在不少地方可以用到，就研究了下他的源码，基本原理就是预先定义好几种布局模块，然后根据需要进行拼接，具体代码可以看下面的，复制下运行看效果吧。 源码打包下载地址：http://download.csdn.net
阅读全文
摘要：抽空把项目中常用js方法整理成了common.js，都是网上搜集而来的，大家一起分享吧。 [javascript] view plain copy print? var h = {}; h.get = function (url, data, ok, error) { $.ajax({ url: u
阅读全文
摘要：本文将与大家分享下location对象使用属性和方法来解析URL的实例，感兴趣的朋友可以参考下，希望对你有所帮助 location对象提供了很多属性和方法用来解析URL。 复制代码代码如下: <head> <title></title> <script type="text/javascript">
阅读全文
摘要：一般我们在JS中添加事件,是这样子的 ? 1 obj.onclick=method ? 1 obj.onclick=method ? 1 obj.onclick=method obj.onclick=method 这种绑定事件的方式，兼容主流浏览器,但如果一个元素上添加多次同一事件呢? ? 1 2
阅读全文
摘要：Web跨域已是老生常谈的话题，这次来尝试下跨域浏览器进程之间的通信 —— 这在过去基本依靠网络中转实现 在之前一篇文章里尝试了跨浏览器的数据共享，最后提到使用LocalConnection还可以实现跨浏览器消息交互的可行性。 花了两个晚上简略的研究了下，LocalConnection的单向通信非常的
阅读全文
摘要：这篇文章主要介绍了js事件监听器用法,以实例形式较为详细的分析了javascript事件监听器使用注意事项与相关技巧,需要的朋友可以参考下 本文实例讲述了js事件监听器用法。分享给大家供大家参考。具体分析如下： 1、当同一个对象使用.onclick的写法触发多个方法的时候，后一个方法会把前一个方法覆
阅读全文
摘要：Web应用的组件化（二） 管控平台 在上一篇中我们提到了组件化的大致思路，这一篇主要讲述在这么做之后，我们需要哪些外围手段去管控整个开发过程。从各种角度看，面对较大规模前端开发团队，都有必要建立这么一个开发阶段的协作平台。 在这个平台上，我们要做哪些事情呢？ 1. HTML片段 我们为什么要管理HT
阅读全文
摘要：基本思路 1. 为什么要做组件化？ 无论前端也好，后端也好，都是整个软件体系的一部分。软件产品也是产品，它的研发过程也必然是有其目的。绝大多数软件产品是追逐利润的，在产品目标确定的情况下，成本有两个途径来优化：减少部署成本，提高开发效率。 减少部署成本的方面，业界研究得非常多，比如近几年很流行的“去
阅读全文
摘要：window.open("index.aspx",'top'); 只是表示打开这个页面，并不是打开并刷新index.aspx window.location.href="index.aspx"; 表示重新定向到新页面，同时刷新打开的这个页面； eg： <tr><td style="width:96%
阅读全文
摘要：当我们在做手机端H5网页设计稿时（当然包含微信端的H5网页设计），如果没有做过类似的移动端的设计，UI设计师和前端工程师肯定会纠结的。如果是app设计师，就不会那么纠结啦。 延伸阅读： 2015年度最值得学习的10个H5案例（各种经典，推荐收藏） 这可能是近半年做得最好的4个H5传播案例 还没搞懂H
阅读全文
摘要：使用wordpress的模板默认是不支持低版本IE的。 现在360浏览器的装机量又那么大，，独独只有ie浏览器的访客越来越少，， 为了让网站页面不那么臃肿，也懒的理IE了，同时兼顾更多的国内双核浏览器，在网页页头中添加了下面两行Meta控制标签。 1，网页头部加入 <meta name=”rende
阅读全文
摘要：lick() 对象.click() 使对象被点击。 closed 对象.closed 对象窗口是否已关闭true/false clearTimeout(对象) 清除已设置的setTimeout对象 clearInterval(对象) 清除已设置的setInterval对象 confirm("提示信息
阅读全文
摘要：本文是通过示例详细分析了JS中三目运算符和if else的区别，是篇非常不错的文章，这里推荐给大家。 今天写了一个图片轮播的小demo，用到了判断 先试了一下if else，代码如下: 复制代码代码如下: if(n >= count-1){n =0;}else{n ++;} 随后代码写完了，准备优化
阅读全文