2014年03月_hsany330

转载 HTML5中表单验证

一、自动验证在HTML 5中，通过对元素使用属性的方法，可以实现在表单提交时执行自动验证的功能。执行示例1后，将在表单提交时自动验证输入的内容是否为数字，如果验证通不过，将显示错误信息文字。示例1：折叠XML/HTML 代码复制内容到剪贴板?1234567891

2014-03-30 15:23:50 3338

转载如何在电脑上测试手机网站（全）

各大网站都有推出自己的手机访问版本页面，不管是新闻类还是视频网站，我们在电脑是无法直接访问到手机网站的，比如我经常访问一个3g.qq.com这个手机站点，如果在电脑上直接打开它，则会跳转到其它页面，一般我会在网上查找在线WAP浏览器，进入之后输入手机网址再访问。　　其实根本不用这么麻烦，如果你有在使用Google Chrome浏览器，那就很简单了。看了一下网上的相关教程，总结起来共有三种方

2014-03-30 13:54:52 714

转载服务器上的 Git - 生成 SSH 公钥

git book 中文版本： http://git-scm.com/book/zh（推荐阅读）生成 SSH 公钥大多数 Git 服务器都会选择使用 SSH 公钥来进行授权。系统中的每个用户都必须提供一个公钥用于授权，没有的话就要生成一个。生成公钥的过程在所有操作系统上都差不多。首先先确认一下是否已经有一个公钥了。SSH 公钥默认储存在账户的主目录下的 ~/.ssh 目录。进去看看：

2014-03-28 21:27:46 995

转载 Git学习系列全目录

Git学习系列Git作为一个版本控制工具，在工作中我们常常会用到它，尤其是在移动开发中，Git可谓是版本管理神器。 Git学习系列(一)初识GitGit学习系列(二)创建本地仓库及文件操作Git学习系列(三)版本回退和管理文件的修改及删除操作Git学习系列(四)远程仓库及其与本地仓库交互Git学习系列(五)分支管理详解Git学习系列(六)解决分支冲突

2014-03-28 19:42:04 707

转载使用Fiddler调试手机页面请求(推荐阅读)

从事前端开发的同学一定对Fiddler不陌生，它是一个非常强大的http(s)协议分析工具，如果你不知道它是什么，可以自行google一下，本文不再作科普，简单的说它可以代替Chrome开发人员工具中Network面板或Firefox的HttpWatch插件的功能。我们知道如何在电脑上调试页面请求，但在手机端你没有这么多强大好用的调试工具来调试你的webapp，如果你需要查看在手机上打开页

2014-03-28 10:23:19 690

转载移动Web开发资料大汇总

一、常用库 1、MVC 框架：Backbone.js、Angularjs 2、基础库：Zepto.js 3、加载器：seajs、requirejs 4、常用组件：iScroll二、调试工具 1、weinre 2、MIHTool 3、Chrome DevTools 4、UC 开发者版 5、

2014-03-22 13:46:44 574

转载主流框架中DOMContentLoaded事件的实现

实际应用中，我们经常会遇到这样的场景，当页面加载完成后去做一些事情：绑定事件、DOM操作某些结点等。原来比较常用的是window的onload事件，而该事件的实际效果是：当页面解析/DOM树建在实际应用中，我们经常会遇到这样的场景，当页面加载完成后去做一些事情：绑定事件、DOM操作某些结点等。原来比较常用的是window的onload事件，而该事件的实际效果是：当页面解析/D

2014-03-19 19:33:39 711

转载 Web前端性能优化全攻略

Web前端性能优化WPO，相信大多数前端同学都不会陌生，在各自所负责的站点页面中，也都会或多或少的有过一定的技术实践。可以说，这个领域并不缺乏成熟技术理论和技术牛人：例如Yahoo的web站点性能优化黄金法则，以及大名鼎鼎的优化大师Steve Souders。本文并非一篇讨论性能优化技术方法的文章，而更多的是对中文站搜索List页面持续两年多的前端性能优化实践的思路总结。希望对正在从事这个领域

2014-03-19 14:30:04 600

转载开始学习 Backbone

如何将模型-视图-控制器 (MVC) 架构引入 Ajax Web 应用程序如何高效管理 Web 应用程序中的数目众多的 JavaScript 代码行是一个挑战。Asynchronous JavaScript and XML (Ajax) 交互大量充斥着各种页面，为用户提供了更好体验。越来越普遍的单页界面均由 Ajax 驱动。Backbone 是一个 JavaScript 框

2014-03-17 21:04:40 608

转载 JavaScript单元测试：将Jasmine集成到JsTestDriver

什么是Jasmine Jasmine（茉莉花）是一个用来对JavaScript进行单元测试的框架。核心特点： 1、不依赖于其它任何框架；2、不需要DOM支持（也就是说可以脱离浏览器！）；3、行为驱动式语法，写起来非常简单；4、支持对异步调用的测试；5、可以在多种环境中运行（包括Ruby、NodeJS、Scala、Java、BPM、.ne

2014-03-17 19:56:43 764

转载如何用HTML5 Canvas制作子画面动画

作者：Martin Wells子面画基本原理我一直很喜欢网页游戏，因为大多数都容易制作，而且容易玩（只要点击一个链接就可以开始玩了）。Ajax和移动DOM元素是有些意思，但制约了你能制作的游戏类型。对于游戏开发者，技术不仅一直在变化，而且是飞速变化。HTML5为网页游戏开发不断地提供大量新选择，浏览器供应商也为成为新标准的最佳平台而展开激烈竞争。sprite

2014-03-14 17:12:48 1322

转载移动端HTML5应用程序调试

移动端HTML5应用程序调试在做HTML5 web应用程序的时候，特别是需要和网络打交道，调试程序可能会占很大部分的时间,以下介绍几种调试方法。 1.使用fiddler辅助调试。fiddler(http://www.fiddler2.com/fiddler2/)主要是用来跟踪PC端的http请求，可能很多人已经用过了。同样，它在调试移动web应用程序的时候，

2014-03-14 09:48:19 1090

转载 js的继承

最近断断续续地看《javascript设计模式》，对它里面介绍“继承”一章做一个总结。js的继承，和其他面向对象的编程语言不同，它没有实现可以用“extends”关键字方式继承，而是要通过一些技巧来实现。继承：就是一个对象直接使用另一对象的属性和方法；使用继承可以让代码变的简洁，耦合度低，可以高度重用代码。js的继承方式有:1、类式继承(原型链/extend函数)2、原型式继承3、

2014-03-13 15:05:51 504

在浏览器中，Javascript执行与UI更新是发生在同一个进程(浏览器UI线程)中的。UI线程的工作基于一个简单的队列系统，任务会被保存到队列中直到进程空闲时被提取出来执行。所以Javascript的执行会阻塞UI更新;反之，UI更新也会阻塞Javascript的执行。给用户的表现就是浏览器在工作时短暂或长时间失去反应，用户的操作不能及时得到响应。而UI线程的阻塞很多时候是由于我们要在代码里进行

2014-03-12 20:14:27 685

转载 AMD和RequireJS----优化Web应用前端(按需动态加载JS)

RequireJS是一个非常小巧的JavaScript模块载入框架，是AMD规范最好的实现者之一。最新版本的RequireJS压缩后只有14K，堪称非常轻量。它还同时可以和其他的框架协同工作，使用RequireJS必将使您的前端代码质量得以提升。一、AMD 介绍前端开发在近一两年发展的非常快，JavaScript作为主流的开发语言得到了前所未有的热捧。大量的前端框架出现了，这些

2014-03-12 20:00:35 1435

转载 JavaScript模块化编程 - CommonJS, AMD 和 RequireJS之间的关系

先说说CommonJS CommonJS - 大家是不是觉得JavaScript仅仅是一个客户端的编译语言，其实JavaScript设计之初不仅仅是针对客户端设计的语言。后来只是由于Web的迅速流行，加之Netscape和微软之间之争过早的将JavaScipt标准化。要了解详细的JS历史请查看：http://zh.wikipedia.org/zh-cn/JavaScript。过早的

2014-03-12 19:31:39 612

转载 webkit webApp 开发技术要点总结

如果你是一名前端er,又想在移动设备上开发出自己的应用，那怎么实现呢？幸好，webkit内核的浏览器能帮助我们完成这一切。接触 webkit webApp的开发已经有一段时间了，现把一些技巧分享给大家：1. viewport：也就是可视区域。对于桌面浏览器，我们都很清楚viewport是什么，就是出去了所有工具栏、状态栏、滚动条等等之后用于看网页的区域，这是真正有效的区域。由于移

2014-03-12 09:47:20 493

转载 Node.js 究竟是什么？

摘要：Node 是一个服务器端 JavaScript 解释器，它将改变服务器应该如何工作的概念。它的目标是帮助程序员构建高度可伸缩的应用程序，编写能够处理数万条同时连接到一个（只有一个）物理机的连接代码。简介如果您听说过 Node，或者阅读过一些文章，宣称 Node 是多么多么的棒，那么您可能会想：“Node 究竟是什么东西？” 即便是在参阅 Node 的主页之后，您甚至可

2014-03-11 23:15:29 602

转载 Android开发者必备的六个工具

英文原文：6 Android Tools Every Android Developer Should Know About　　作者 Rex St.John 不仅是 UX-RX.com 的创始人，还是 AirPair 里的安卓专家。作为一名手机软件高级工程师，他曾为世界 500 强的公司开发了一些企业级手机和平板应用。他开发的一个应用有数百万人使用。　　下面是安卓开发者必备

2014-03-11 23:01:44 500

转载 JavaScript中的memoization(memoizing) 技术介绍

Memoization的定义：memoization 一词是Donald Michie 根据拉丁语memorandum杜撰的一个词。相应的动词、过去分词、ing形式有memoiz、memoized、memoizing.Memoization 是一种将函数返回值缓存起来的方法，Memoization 原理非常简单，就是把函数的每次执行结果都放入一个键值对(数组也可以，视情况

2014-03-11 22:54:33 1240

转载 CSS3.0盒模型display:-webkit-box;的使用

box-flex是css3新添加的盒子模型属性，它的出现可以解决我们通过N多结构、css实现的布局方式。经典的一个布局应用就是布局的垂直等高、水平均分、按比例划分。目前box-flex属性还没有得到firefox、Opera、chrome浏览器的完全支持，但可以使用它们的私有属性定义firefox(-moz)、opera(-0)、chrome/safari（-w

2014-03-11 15:32:26 500

转载 WebSockets VS Server-Sent Events VS Long-polling

社交网络如此流行，以至于所有的厂商都想在他们的网站中加入一些新的特性，例如有些需要即时的通知。这是非常常见的需求，设想你打开一个页面后，你肯定想你收到的通知，好友的状态列表等等即时的展现出来。原来的web设计就是一种方法，一个请求，一个相应，而现在在HTML5的帮助下对于服务器和客户端的通信来讲，我们有了新的办法。虽然现在还是有很多人在使用Long-polling技术模拟服务器和客户端的通信。

2014-03-11 14:42:31 685

转载 Canvas API

目录概述绘图方法渐变阴影图像处理方法插入图像读取Canvas的内容像素处理将Canvas转化为图像文件保存和恢复上下文参考链接概述Canvas用于在网页展示图像，并且可以定制内容，基本上它是一个可以用JavaScript操作的位图（bitmap）。Canvas API用于网页实时生成图像，JavaScr

2014-03-07 11:08:52 660

转载 Google新的Web UI库：Polymer

今年的Google I/O大会，绝对是一场为开发者所准备的盛会，发布多个软件产品与服务，并且主要以发布平台和服务为主，比如让Android开发者称赞的Android Studio、推出Google Play Game服务、对地图进行重大升级等。而在Web平台领域，Google则发布了最新的Web UI库Polymer。Polymer基于Shadow DOM、Custom Element

2014-03-05 18:00:43 994

hsany330的专栏