2014年01月_hsany330

转载 Javascript 常见陷阱及特殊用法

本贴板将会整理并转载 Javascript 中的常见陷阱和特殊用法。译者：三生石上2012-03-09 16:368237 次浏览#Javascript关注61 对象使用和属性JavaScript 中所有变量都是对象，除了两个例外 null 和 undefined。false.toString() // 'false'[1, 2, 3].t

2014-01-26 15:48:37 803

转载 Javascript中的for-in循环和hasOwnProperty

与in操作符相比，for in 在循环对象的属性时也会遍历原型链，for in 不会读取不可枚举属性，如数组的length属性。小结当检测某个对象是否拥有某个属性时，hasOwnProperty 是唯一可以完成这一任务的方法，在 for in 循环时，建议增加 hasOwnProperty 进行判断，可以有效避免扩展本地原型而引起的错误。2011-03-17 15:591280 次浏览

2014-01-26 10:39:51 1257

转载 ECMaScript 5中新增的Array方法详细说明

一、前言-索引ES5中新增的不少东西，了解之对我们写JavaScript会有不少帮助，比如数组这块，我们可能就不需要去有板有眼地for循环了。ES5中新增了写数组方法，如下：forEach (js v1.6)map (js v1.6)filter (js v1.6)some (js v1.6)every (js v1.6)indexOf (js v1.6)lastIndex

2014-01-24 17:15:02 1625

转载 Auto Refresh Plus – 页面自动刷新[Chrome 扩展]

平时我们看网页文字直播或者比分直播大部分都需要我们手动去刷新页面来或许最新的内容，这个动作做多了就烦，今天为大家介绍的这款 Chrome 扩展 Auto Refresh Plus 就可以解放大家的双手来为你们自动刷新页面。在需要刷新的页面上点击 Auto Refresh Plus 就可以设定刷新频率，点击「Start」就可以开始自动刷新了。每个页面都可以设置属于自己的刷新频

2014-01-20 14:34:28 3841

转载 github上的一个流行的编程书籍索引中文版

目录在线教育软件开发方法HTML / CSS版本控制RubyJavaScriptLaTeXLISPHaskellScalaShellDatabase在线教育MIT OCW -- 麻省理工学院“开放式课程网页”CourseraUdacityxuetangXCodecademy软件开发方法硝烟中的 Scrum 和 XP文章《Functional Progra

2014-01-17 17:30:45 1832

转载一个合格的程序员应该读过哪些书

免费的编程中文书籍索引，欢迎投稿。国外程序员在 stackoverflow 推荐的程序员必读书籍，中文版。stackoverflow 上的程序员应该阅读的非编程类书籍有哪些？中文版github 上的一个流行的编程书籍索引中文版参与交流欢迎大家讲珍藏已久的经典免费书籍共享出来，您可以：使用 Issues 以及 Pull Request发邮箱给我 justjavac

2014-01-17 17:23:52 485

转载现在就开始使用AngularJS的三个重要原因

在线演示1如果你不熟悉什么是Angular.js的话，小编我强烈推荐你阅读 Javascript教程：AngularJS的五个超酷特性。简单来说Angular.js是google开发者设计和开发的一套前端开发框架，帮助你简化前端开发的负担。当然，这里有很多其它的前端开发框架，但是如何选择合适的前端框架对于我们这些开发人员来说就不是那么容易了！在今天的这篇文章中，我们将介绍三个你应该使用An

2014-01-17 17:06:46 781

转载 nodejs npm install -g 全局安装和非全局安装的区别

1. npm install xxx -g 时，模块将被下载安装到【全局目录】中。【全局目录】通过 npm config set prefix "目录路径" 来设置。比如说，当我们使用了npm install -g express安装了express框架后，我们就可以在电脑里的某一个文件夹下，打开控制台，直接使用express mvc创建项目，否则会遇到 “'express'

2014-01-17 15:08:15 5749

转载 HTML5表单及其验证

HTML表单一直都是Web的核心技术之一，有了它我们才能在Web上进行各种各样的应用。HTML5 Forms新增了许多新控件及其API，方便我们做更复杂的应用，而不用借助其它Javascript框架，先说下表单的几个基本知识点：表单仍是以元素作为容器，我们可在其中设置基本的提交特性；当用户提交页面时，表单仍然向服务器发送表单控件的值；之前老版本中的表单控件，如text radio

2014-01-17 15:03:08 650

转载 CSS3实践之路(三):CSS3的转换效果(transition)与动画(animation)

刚开始W3C CSS Workgroup拒绝将CSS3 transition与animation加入官方标准，一些成员认为过渡效果和动画并非样式属性，而且已经可以用脚本实现。所以请大家明白，特别是Web前端开发员，用CSS3做一些过渡效果和动画，并不比运用JS脚本实现要好（个人认为：用CSS只不过让不懂JS的人员（设计人员）也能做动画，而且使用浏览器封装好的方法，但使用JS脚本可以更灵活，在性能上

2014-01-16 18:03:11 1023

转载 CSS3实践之路(二): 颜色渐变(Gradient)和背景(Backgroud)

1. 颜色和透明度在CSS3中对颜色进行了很多扩展,具体详情可参照官网：www.w3.org/TR/2003/CR-css3-color-20030514，下面说下CSS3中新的数字定义颜色的方法。1.1 RGBA相信大家以前定义颜色经常使用RGB，RGB色彩模式（也翻译为“红绿蓝”，比较少用）是工业界的一种颜色标准，是通过对红(R)、绿(G)、蓝(B)三个颜色通道的变化以及它

2014-01-16 17:21:41 1977

转载 CSS3实践之路(一):盒子模型(box Model)和边框(border)

CSS 的英文全称Cascading Style Sheets，中文意思是级联样式表,通过设立样式表，可以统一地控制HMTL中各DOM元素的显示属性。级联样式表可以使人更能有效地控制网页外观。使用级联样式表，可以扩充精确指定网页元素位置，外观以及创建特殊效果的能力。CSS的W3官方网址是:www.w3.org/TR/CSS/,在这个《CSS3实践之路》中这官方资料是我主要参考资料，此外W3

2014-01-16 17:19:40 822

转载 ECMAScript5新增Array方法forEach的实现

ES5新增了5个迭代方法：every()、filter()、forEach()、map()、some() 。每个方法都接收两个参数：要在每一项上运行的函数和 (可选的)运行该函数的作用域对象。传入这些方法中的函数会接收三个参数：数组项的值、该项在数组中的位置和数组对象本身。大概用法的结构如下：// 这里是对于forEach的例子[1, 2, 3, 4].forEach(func

2014-01-16 11:38:53 846

转载图片base64编码利器：在线 Data URI 生成工具 – Duri.me

Duri.me 是一个简单但非常有用的 Web 应用程序，可以快速的在线生成图片文件的 data URI。Duri.me 使用非常简单，把图片拖放到框内，然后点击 Generate Base-64 Code 按钮就会自动生成编码，Duri.me 帮你生成了图片、CSS和Base64字符串三种形式的代码，可以根据自己的需要拷贝生成的内容。　　 Dat

2014-01-10 15:12:25 1048

转载超实用的JavaScript技巧及最佳实践（下）

在前段时间，CSDN研发频道发表了超实用的JavaScript技巧及最佳实践（上），很多开发者都觉得里面所提到的技巧非常实用，基于此，我们再向大家推荐超实用的JavaScript技巧及最佳实践（下），希望对大家有所帮助。文中所提供的代码片段都已经过最新版的Chrome 30测试，该浏览器使用V8 JavaScript引擎（V8 3.20.17.15）。1.使用逻辑符

2014-01-08 20:43:35 489

转载如何面试前端工程师：Github很重要

12月30日 2013年，作者 Alex MacCaw, 翻译：myownghost 原文 blog.sourcing.io注：之前我们介绍过：一名靠谱的JavaScript程序员应备的素质，从程序员的角度提出要去学习哪些知识，下面这篇文章从面试官的角度介绍到面试时可能会问到的一些问题。我在Twitter和Stripe的一部分工作内容是面试前端工程师。其实关于面试你可能很有自己

2014-01-06 18:15:25 530

转载 iPhone5和iOS6上HTML5开发的新增功能

开发移动应用到底是选择Native、Web应用或者混合应用？答案是不同的移动应用需要不同的技术，选择合适的就行。其实大多数移动应用，不管是企业移动应用还是互联网移动应用，90%都可以使用基于HTML5的Web技术就足够。在Android 4.0和iOS 6以上浏览器已经是最快的应用了，比任何本地的微博、微信都快，无须更新升级，无须上传分裂的APP市场，无须突然被苹果下架应用。再看看最近发布 Fir

2014-01-06 10:48:30 1683

转载设备像素比devicePixelRatio简单介绍

本文所说devicePixelRatio其实指的是window.devicePixelRatio, 被所有WebKit浏览器以及Opera所支持，随着显示器的发展，这个属性也慢慢登上了前端技术的舞台。本文内容大部分属于翻译性质内容，因此，会不那么通俗易懂。不过，你是做手机开发的，或是有意向的，本文的内容如果细细读来，还是有些收获的。一、定义定义如下：wind

2014-01-06 10:15:46 832

转载高性能动画(high-performance-animations)

我们就直接切入正题了。在现代浏览器中，有四个CSS属性实现动画效果的代价很低：position,scale,rotation和opactiy。如果用其它属性来做动画的话，你就要自己承担风险了，很可能你不会获得如丝般平滑的60fps的动画效果。让我们通过并排演示一组同样的动画的慢镜头，来看看这两者有什么差异：http://www.youtube.com/watch?feature=

2014-01-06 10:09:18 1348

转载 [webkit移动开发笔记]之禁止触发系统默认菜单

在手机webkit浏览器中，用户在某一些按钮上长按3秒钟后，会弹出一个系统的列表，ios和android各自展现不一样，列表可以有复制或在在新窗口打开的等操作，这种体验对于按钮来说是不需要的，按钮上是绑定事件，有特殊功能，而这里系统把它当做一个链接的意义。查看了代码，原来是一个a标签，链接地址为空。a href="#" class="btn">查看余额a>找了资料后，ios平台有个

2014-01-03 11:03:54 873

转载 user-select介绍

之前在《CSS的未来：一些试验性CSS属性》中有提到user-select这个属性，最近整理的时候有遇到，所以详细的了解了下，这里简单的介绍下。这是在css3 UI规范中新增的一个功能，用来控制内容的可选择性。用法：1user-select:value;值：auto——默认值，用户可以选中元素中的内容

2014-01-03 10:55:24 1130

转载高性能移动web开发技巧

移动终端面临的主要问题：网络数据传输延迟（即便是3G网络）CPU运算能力（即便是配有1GHz+的设备）移动终端可以做的优化：根据设备屏幕来选择加载资源降低延迟，加快连接速度提高处理性能本文介绍了一些针对移动设备优化技术，特别针对智能移动设备（iOS,Android,WP）。针对屏幕来优化图片移动设备有不同屏幕尺寸，分辨率，应当

2014-01-02 18:03:27 713

转载移动前端开发技巧摘录

1、首先我们来看看webkit内核中的一些私有的meta标签，这些meta标签在开发webapp时起到非常重要的作用meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />meta content="yes" name="a

2014-01-02 17:06:46 508

hsany330的专栏