2015年04月_natalie86

转载 VisualCaptcha – 灵活的可视化验证码解决方案

visualCaptcha 是一个可配置的验证码解决方案，专注于可访问性和简单性，同时保持安全性。它也支持移动，视网膜设备，并有一个创新的可访问性的解决方案。 visualCaptcha 现在可以跨多个后端语言，不管你是使用 JavaScript ，Ruby 或 PHP，都可以使用 visualCaptcha。　　您现在可以使用 visualCaptcha 作为普通的 JavaSc

2015-04-29 16:47:18 581

转载响应式表格插件-tablesaw

tablesaw是一款响应式的表格插件，非常实用、方便。当浏览器窗口尺寸发生变化时，Tablesaw可以自动的变换表格排列方式，同时，它还支持手势滑动操作、可设置列的显示和隐藏，支持迷你地图等。非常适合用在响应式网页中。https://github.com/filamentgroup/tablesaw?from=timeline&isappinstalled=0&nsukey=2ForA0XJ

2015-04-29 16:36:46 1200

转载前端工程师应该具备的三种思维

如果你是一个天才工程师（马上可以离开），可以独立完成一个很多事情，你可以是一个怪咖，因为我相信没有一个人不会不佩服你。但现实归现实，多数人都不是天才，而我们在职场上也不是单打独斗，我们需要团队合作，需要协调和配合，需要考虑除了代码以外的更多事情。前端工程师，也不仅仅只是负责接资料，捞数据，做个回应。当然只做这些也并没有不对，但我们需要和后端工程师沟通，我们也需要和设计沟通，也需要

2015-04-27 09:03:53 695

转载 jQuery经典面试题及答案精选

jQuery是一款非常流行的Javascript框架，如果你想要从事Web前端开发这个岗位，那么jQuery是你必须掌握而且能够熟练应用的一门技术。本文整理了一些关于jQuery的经典面试题及答案，分享给正要面试Web开发岗位的同学。问题：jQuery的美元符号$有什么作用？回答：其实美元符号$只是”jQuery”的别名，它是jQ

2015-04-25 16:31:43 730

转载用jQuery为跳转链接锚点添加平滑滚动动画效果（如回到顶部

Only Bolivian Here: 问我的网页里面有几个链接。单击后可以跳转到相应的内容以帮助用户阅读。有没有一种方法，使滚动效果更顺畅一点？比如实现这样的效果:http://www.position-relative.net/creation/anchor/但是他用了一个自定义的JavaScript库。jQuery能否提供类似这样的效果？

2015-04-25 16:26:12 7933 1

转载 Lazyr.js – 延迟加载图片（Lazy Loading）

Lazyr.js 是一个小的、快速的、现代的、相互间无依赖的图片延迟加载库。通过延迟加载图片，让图片出现在（或接近)）视窗才加载来提高页面打开速度。这个库通过保持最少选项并最大化速度。在线演示源码下载layzr.js-master.zip

2015-04-25 15:55:43 723

转载 Node.js v0.10.18 手册 & 文档

Node.js v0.10.18 手册 & 文档http://nodeapi.ucdok.com/#/api/index.html

2015-04-22 21:48:46 395

转载专门针对初学者的Node.js教程

Node.js的教程并不缺乏，但有大部分教程针对已有Node.js基础的开发者。“我已下载了Node.js，可我如何开始呢？”以下教程是专门针对Node.js初学者，文中将通过实例分享，一步步教你如何开始Node.js之旅。什么是Node.js?很多初学者并没有真正地理解Node.js到底是什么。nodejs.org网站中的描述也没有多大帮助。首先要清楚Node不是一个

2015-04-22 21:44:53 444

转载 2013年度最强AngularJS资源合集

AngularJS是Google开源的一款JavaScript MVC框架，弥补了HTML在构建应用方面的不足，其通过使用指令（directives）结构来扩展HTML词汇，使开发者可以使用HTML来声明动态内容，从而使得Web开发和测试工作变得更加容易。 AngularJS诞生以来，吸引了大量的目光，也迅速成为了Web开发领域的新宠。本文整理了2013年度一些非常有价值的Ang

2015-04-22 21:42:09 610

转载前端资源-AngularJS开发指南

现在每天有空写文章的时间越来越少，总有做不完的单~ 前两天介绍的 Sass与Compass实战多得大漠兄转发，有100多人看到！今天中午占用午睡休闲时间，介绍来自AngularJS中文社区的《AngularJS开发指南》电子文档，09年出的AngularJS，是一门优秀的js前端框架，AngularJS有着诸多特性，最为核心的是：MVVM、模块化、自动化双向数据绑定、语义化

2015-04-22 21:40:23 393

每个人都有自己的编程风格，也无可避免的要去感受别人的编程风格——修改别人的代码。”修改别人的代码”对于我们来说的一件很痛苦的事情。因为有些代码并不是那么容易阅读、可维护的，让另一个人来修改别人的代码，或许最终只会修改一个变量，调整一个函数的调用时机，却需要花上1个小时甚至更多的时间来阅读、缕清别人的代码。本文一步步带你重构一段获取位置的”组件”——提升你的javascript代码的可读性和稳定性。

2015-04-22 21:37:48 447

转载 JavaScript变量的声明

定义在函数体外的都属于全局变量，定义在函数体内的属于局部变量。这里的定义是指通过var声明的。JavaScript有隐含的全局概念，意味着你不声明的任何变量都会成为一个全局对象属性。例如：function test(){ myname = "huming"; alert(myname);}test();　　

2015-04-22 21:35:21 484

转载 1500个前端开发常用JavaScript特效（完整版）

1500个前端开发常用JavaScript特效（完整版）.rar: http://vdisk.weibo.com/wap/s/uh9MnnB1s5yMo/1415427755?wm=3333_2001&skiplogin=1&from=timeline&isappinstalled=0

2015-04-22 21:30:46 4688 1

转载各大互联网公司2014前端笔试面试题–HTML,CSS篇

很多面试题是我自己面试BAT亲身经历碰到的。整理分享出来希望更多的前端er共同进步吧，不仅适用于求职者，对于巩固复习前端基础更是大有裨益。而更多的题目是我一路以来收集的，也有往年的，答案不确保一定正确，如有错误或有更好的解法，还请斧正。前面几题是会很基础，越下越有深度。附上第一篇：各大互联网公司2014前端笔试面试题–JavaScript篇Html篇：1.你

2015-04-22 21:14:16 1884

转载各大互联网公司2014前端笔试面试题–JavaScript篇

很多面试题是我自己面试BAT亲身经历碰到的。整理分享出来希望更多的前端er共同进步吧，不仅适用于求职者，对于巩固复习js更是大有裨益。而更多的题目是我一路以来收集的，也有往年的，答案不确保一定正确，如有错误或有更好的解法，还请斧正。前面几题是会很基础，越下越有深度。初级Javascript：1.JavaScript是一门什么样的语言，它有哪些特点？没有标准答

2015-04-22 21:11:46 861

转载 30个你必须记住的CSS选择符

所以你学会了基础的id，类和后代选择符，然后你就一直用它们了吗？如果是这样，你丢失了（css的）巨大的灵活性。在本文中提到的很多选择器属于CSS3规范的一部分，因此，只有在现代浏览器中才可使用。1.** { margin: 0; padding: 0; }对于初学者，在学习更多高级选择器之前，最先了解的选择器。星号选择器将匹配页面里的每一个元素。

2015-04-22 21:07:41 412

转载 ECMAScript 6 Features 中文版

ECMAScript 6 Features 中文版：https://github.com/ES-CN/es6features/blob/master/README.md?from=timeline&isappinstalled=0&nsukey=6j9q25fHX8M%2BEfS%2Fs2hL%2Bh2WplpmJ6wEDhkbKhyy2E3NHMBuDjjJnkROtfbng8cUnwdrjHu

2015-04-22 20:33:02 554

转载 Git Step by Step (8)：Git的merge和rebase

前面一篇文章中提到了”git pull”等价于”git fetch”加上”git merge”，然后还提到了pull命令支持rebase模式，这篇文章就介绍一下merge和rebase之间有什么差别。由于我们主要是想看看merge跟rebase之间的区别，这里就是用本地仓库的分支进行演示了。merge其实在介绍分支的那篇文章中已经介绍过了一些分支merge的内容，这里就进行

2015-04-21 18:05:33 411

转载 Git Step by Step (7)：Git远程仓库（续）

上一篇文章介绍了Git远程仓库的一些使用，但是还是有些东西需要补充一下，所以有了这个续篇。.gitignore前一篇中，我们介绍了Git的patch功能，当我们生成patch之后，”git status”就会显示patch文件是”Untracked files”。当然，我们也没有必要去跟踪这个patch文件。同样，项目中可能会经常生成一些Git系统不需要追踪(track)的

2015-04-21 18:03:30 538

转载 Git Step by Step (6)：Git远程仓库

前面文章中出现的所有Git操作都是基于本地仓库的，但是日常工作中需要多人合作，不可能一直都在自己的代码仓库工作。所以，这里我们就开始介绍Git远程仓库。在Git系统中，用户可以通过push/pull命令来推送/获取别的开发人员的更新，当时对于一个工作组来说，这种方式会效率比较低。所以，在一个Git系统中，都会有一个中心服务器，大家都通过中心服务器来推送/获取更新。为了方便本篇例子的

2015-04-21 18:03:10 388

转载 Git Step by Step (5)：Git分支(branch)

在前面两篇文章中介绍了Git的基本原理，都是理论知识。这篇文章我们再次回到实践中，看看Git分支（branch）的使用。在代码版本控制工具中，都会有branch的概念。刚开始建立版本仓库的时候，我们只有一个主分支（master branch），我们不可能把日常的新功能开发、代码优化以及bug修复等概念工作全都放在主分支上，这样会使主分支很难维护。这就是为什么会有branch。分支的

2015-04-21 18:00:42 434

转载 Git Step by Step (4)：探索.git目录

前面一篇文章介绍了Git对象模型，接下来我们就进入”.git”目录看看到底有什么东西，目录中哪些东西又跟Git对象模型相关。结合这个目录，我们将进一步了解Git的工作原理。.git目录下面就开始进入.git目录了，通过”ls”命令可以看到.git目录中的文件和子目录：对于这些文件和目录，下面给出了一些基本的描述。在后面后有logs、objects、refs、inde

2015-04-21 17:55:26 435

转载 Git Step by Step (3)：Git对象模型

前面一篇文章介绍了本地仓库的一系列操作，下面我们将进一步了解Git的工作原理，介绍Git对象模型。刚开始使用Git的时候，对Git对象模型、工作原理并不理解，但是经过一段时间的使用、熟悉之后，然后再来理解这些内容就比较容易了。下面开始介绍Git对象，然后通过一个实例展示Git对象模型。Git对象在Git系统中有四种类型的对象，所有的Git操作都是基于这四种类型的对象

2015-04-21 17:41:23 402

转载 Git Step by Step (2)：本地Repo

前面一篇文章简单介绍了Git，并前在Windows平台上搭建了Git环境，现在就正式的Git使用了。Git基本概念在开始Git的使用之前，需要先介绍一些概念，通过这些概念对Git有些基本的认识，这将会对我们后面的操作有很大的帮助。在Git中，每个版本库都叫做一个仓库（repository），每个仓库可以简单理解成一个目录，这个目录里面的所有文件都通过Git来实现版本管理，G

2015-04-21 17:38:15 453

转载 Git Step by Step (1)：Git 简介

由于工作的需要，代码版本控制工具要从Perforce换成Git。说实话，刚开始真的很不适应，要从一个可以很好的支持用户界面的工具转到一个命令行工具，而且Git中有几百个命令，一下子就傻眼了。但是经过一段时间的使用和熟悉，已经慢慢适应了。所有准备一个整理一个Git使用系列，是对自己使用Git的一个总结，也希望可以对同样刚开始使用Git的同学一些帮助。下面就开始探索Git了。

2015-04-21 17:36:12 455

转载图解Git/图形化的Git参考手册

此页图解git中的最常用命令。如果你稍微理解git的工作原理，这篇文章能够让你理解的更透彻。基本用法上面的四条命令在工作目录、暂存目录(也叫做索引)和仓库之间复制文件。● git add files 把当前文件放入暂存区域。● git commit 给暂存区域生成快照并提交。● git reset -- files 用来撤销最后一次git add

2015-04-21 14:18:19 342

转载蒋鑫：为什么 Git 比 SVN 好

在版本控制系统的选型上，是选择Git还是SVN？对于开源项目来说这不算问题。使用Git极大地提高了开发效率、扩大了开源项目的参与度、增强了版本控制系统的安全性，选择Git早已是大势所趋。但对于企业用户来说这个决心不太好下。部分原因是出于对Git的误解，部分原因是尚不了解 Git到底能给项目管理带来什么好处。希望本文能对您项目的版本控制系统选型提供帮助。对SVN的

2015-04-21 14:15:28 735

转载 Git详解之九：Git内部原理

Git 内部原理不管你是从前面的章节直接跳到了本章，还是读完了其余各章一直到这，你都将在本章见识 Git 的内部工作原理和实现方式。我个人发现学习这些内容对于理解 Git 的用处和强大是非常重要的，不过也有人认为这些内容对于初学者来说可能难以理解且过于复杂。正因如此我把这部分内容放在最后一章，你在学习过程中可以先阅读这部分，也可以晚点阅读这部分，这完全取决于你自己。（伯乐在线注：如果你对

2015-04-21 14:12:27 530

转载 Git详解之八：Git与其他系统

Git 与其他系统世界不是完美的。大多数时候，将所有接触到的项目全部转向 Git 是不可能的。有时我们不得不为某个项目使用其他的版本控制系统（VCS, Version Control System ），其中比较常见的是 Subversion 。你将在本章的第一部分学习使用git svn ，Git 为 Subversion 附带的双向桥接工具。（伯乐在线注：如果你对Git还不了解，建议从

2015-04-21 14:12:18 488

转载 Git详解之七：自定义Git

自定义 Git到目前为止，我阐述了 Git 基本的运作机制和使用方式，介绍了 Git 提供的许多工具来帮助你简单且有效地使用它。在本章，我将会介绍 Git 的一些重要的配置方法和钩子机制以满足自定义的要求。通过这些工具，它会和你和公司或团队配合得天衣无缝。（伯乐在线注：如果你对Git还不了解，建议从本Git系列第一篇文章开始阅读）7.1 配置 Git如第一章所言，用gi

2015-04-21 14:10:12 515

转载 Git详解之六：Git工具

Git 工具现在，你已经学习了管理或者维护 Git 仓库，实现代码控制所需的大多数日常命令和工作流程。你已经完成了跟踪和提交文件的基本任务，并且发挥了暂存区和轻量级的特性分支及合并的威力。（伯乐在线注：如果你对Git还不了解，建议从本Git系列第一篇文章开始阅读）接下来你将领略到一些 Git 可以实现的非常强大的功能，这些功能你可能并不会在日常操作中使用，但在某些时候你也许会需要。

2015-04-21 14:08:39 753

转载 Git详解之五：分布式Git

为了便于项目中的所有开发者分享代码，我们准备好了一台服务器存放远程 Git 仓库。经过前面几章的学习，我们已经学会了一些基本的本地工作流程中所需用到的命令。接下来，我们要学习下如何利用 Git 来组织和完成分布式工作流程。（伯乐在线注：如果你对Git还不了解，建议从本Git系列第一篇文章开始阅读）特别是，当作为项目贡献者时，我们该怎么做才能方便维护者采纳更新；或者作为项目维护者时，又该怎样

2015-04-21 11:54:10 537

转载 Git详解之四：服务器上的Git

服务器上的 Git到目前为止，你应该已经学会了使用 Git 来完成日常工作。然而，如果想与他人合作，还需要一个远程的 Git 仓库。尽管技术上可以从个人的仓库里推送和拉取修改内容，但我们不鼓励这样做，因为一不留心就很容易弄混其他人的进度。另外，你也一定希望合作者们即使在自己不开机的时候也能从仓库获取数据 — 拥有一个更稳定的公共仓库十分有用。因此，更好的合作方式是建立一个大家都可以访问的

2015-04-21 11:53:23 432

转载 Git详解之三：Git分支

Git 分支几乎每一种版本控制系统都以某种形式支持分支。使用分支意味着你可以从开发主线上分离开来，然后在不影响主线的同时继续工作。在很多版本控制系统中，这是个昂贵的过程，常常需要创建一个源代码目录的完整副本，对大型项目来说会花费很长时间。（伯乐在线注：如果你对Git还不了解，建议从本Git系列第一篇文章开始阅读）有人把 Git 的分支模型称为“必杀技特性”，而正是因为它，将 Git

2015-04-21 11:50:50 442

转载 Git详解之二：Git基础

Git 基础读完本章你就能上手使用 Git 了（伯乐在线注：如果你对Git还不了解，建议从本Git系列第一篇文章开始阅读）。本章将介绍几个最基本的，也是最常用的 Git 命令，以后绝大多数时间里用到的也就是这几个命令。读完本章，你就能初始化一个新的代码仓库，做一些适当配置；开始或停止跟踪某些文件；暂存或提交某些更新。我们还会展示如何让 Git 忽略某些文件，或是名称符合特定模式的文件

2015-04-21 11:48:34 415

转载 Git详解之一：Git起步

起步本章介绍开始使用 Git 前的相关知识。我们会先了解一些版本控制工具的历史背景，然后试着让 Git 在你的系统上跑起来，直到最后配置好，可以正常开始开发工作。读完本章，你就会明白为什么 Git 会如此流行，为什么你应该立即开始使用它。（查看Git详解系列的全部文章）1.1 关于版本控制什么是版本控制？我真的需要吗？版本控制是一种记录若干文件内容变化，以便将来查阅特定

2015-04-21 11:46:48 425

转载 Angular与React团队展开合作

Angular与React这两个JavaScript框架的开发团队进行了会面，探讨了共同合作的可能性，不过这两个框架最终进行合并的可能性并不大。上周，Christopher Chedeau与React团队成员延着101高速公路驾车来到了Google在Mountain View的总部，他们迫不急待地想见到Angular团队。这次会面的目的是让双方共同分享这段时间以来的工作成果，以及探讨互相帮

2015-04-21 10:24:21 575

转载不用Cookie的“Cookie”技术

有另外一种比较隐蔽的用户追踪技术，不使用cookie或者Javascript。很多网站已经在用了，但知道的人不多。本文就来介绍一下这种技术是如何追踪用户，用户又该如何避免追踪。这种技术不依赖于：CookiesJavascriptLocalStorage/SessionStorage/GlobalStorageFlash, Java或插件你的IP地址或者User Agent头Pano

2015-04-21 10:14:38 719

转载 codrops

Codrops：Codrops 上有许多 HTML+CSS+JS 的华丽 Demo 和 Source Code

2015-04-20 20:07:49 612

转载纯CSS3超酷3D旋转立方体动画特效

这是一款效果非常炫酷的纯CSS3 3D旋转立方体动画特效。该3D立方体使用CSS3 perspective制作，可以在水平方向、垂直方向和平面视角方向旋转，效果相当震撼。查看演示纯CSS3超酷3D旋转立方体动画特效.zip (28.78 KB, 下载次数: 67)HTML结构立

2015-04-20 19:47:23 3044

空空如也

初学angular js遇到的问题

关于长按二维码实现直接关注的功能