2015年05月_natalie86

转载 JavaScript 开发的45个经典技巧

JavaScript是一个绝冠全球的编程语言，可用于Web开发、移动应用开发（PhoneGap、Appcelerator）、服务器端开发（Node.js和Wakanda）等等。JavaScript还是很多新手踏入编程世界的第一个语言。既可以用来显示浏览器中的简单提示框，也可以通过nodebot或nodruino来控制机器人。能够编写结构清晰、性能高效的JavaScript代码的开发人员，现如今已成

2015-05-30 21:43:44 448

转载 CSS生日快乐：CSS之父Håkon Wium Lie访谈录

20年前的今天（10月10日），Opera CTO Håkon Wium Lie发布了Cascading HTML style sheets – a proposal。假如Paul McCartney是一名Web开发者，并在今天写下《Sergeant Pepper's Lonely Hearts Club Band》，那他一定会这样写：It was twenty years a

2015-05-24 20:14:32 966

转载 flexbox大全

flexbox大全：http://www.w3cplus.com/blog/tags/157.html?from=timeline&isappinstalled=0

2015-05-24 20:07:21 415

转载图解CSS3 Flexbox属性

Flexbox布局官方称之为CSS Flexible Box布局模块,他是CSS3中的一种新的布局模式。Flexbox可以控制未知容器元素的对齐方式，排列方向，排列顺序等，甚至是在未知大小的容器也能这样做。Flex容器的主要特点是能够修改其子元素（Flex item）的宽度或高度，使其在不同的屏幕尺寸中填补可用的空间。许多设计人员和开发人员发现使用Flexbox来布局更容易，可以使用更

2015-05-24 20:03:32 1146

转载关于编写性能高效的javascript事件的技术

如何能做出高效的web前端程序是我每次做前端开发都会不自觉去考虑的问题。几年前雅虎里牛逼的前端工程师们出了一本关于提升web前端性能的书籍，轰动了整个web开发技术界，让神秘的web前端优化问题成为了大街的白菜，web前端优化变成了菜鸟和大牛都能回答的简单问题，当整个业界都知道了惊天秘密的答案，那么现有的优化技术已经不能对你开发的网站产生的质的飞越，为了让我们开发的网站性能比别人的网站更加优秀，我

2015-05-23 21:35:10 420

转载 Clappr——开源的Web视频播放器

巴西著名的门户网站Globo.com（视频播放器），使用的是基于OSMF的Flash组件。在最近几年的发展过程中，Globo为视频平台陆续添加了不少额外功能，例如：字幕，广告，画中画播放等。然而，由于缺乏针对视频平台进行维护的专门小组，网站工程师之一的FlávioRibeiro越来越感觉这个平台落后和难以应付不断增长的在线访问需求了。特别是今年，世界杯第二次来到足球王国，Globo将面临的是

2015-05-23 21:29:27 2403

转载如何判断一个DOM元素正在动画，一个CSS“阻塞”JS的例子

一般情况下CSS不会直接影响JS的程序逻辑，但是以CSS实现动画的话，这个便不太确定了，这个故事发生在与UED迁移全局样式的过程。曾经我有一段实现弹出层隐藏动画的代码是这个样子的：if (this.needAnimat && typeof this.animateHideAction == 'function' && this.status != 'hide')

2015-05-23 21:20:21 1021

转载这30类CSS选择器你必须记在脑袋里！

大概大家都知道id,class以及descendant选择器，并且整体都在使用它们，那么你正在错误拥有更大级别的灵活性的选择方式。这篇文章里面提到的大部分选择器都是在CSS3标准下的，所以它们只能在相应最新版本的浏览器中才能生效，你完全应该把这些都记在你聪明的脑袋里面。1. ** {

2015-05-23 20:41:32 706

转载 jquery源码

jquery源码地址:http://genius.it/ejohn.org/files/jquery-original.html?from=timeline&isappinstalled=0

2015-05-23 20:39:25 374

转载 100多个纯CSS3动画图标

这次我们要来分享一组纯CSS3打造的动画图标，总共100多个，每一个图标没有用图片，而是利用CSS3的相关特性来实现。在这些CSS3图标中，有部分是动态的，这些带动画的图标也是利用CSS3的动画属性实现的。在线演示源码下载

2015-05-23 20:33:53 613

转载 jQuery带格式验证的注册表单

这是一款外观很不错，而且功能也比较强大的jQuery注册表单，这款jQuery表单的特点是带有严格的表单字段格式验证功能，比如电子邮箱的格式、用户名格式以及密码复杂度和长度等。另外，当格式验证无法通过时，不仅会在表单附近显示错误信息，而且按钮也是不可用状态，鼠标样式也会改变。在线演示源码下载

2015-05-23 20:32:38 498

转载 meta标签常用属性整理

在segmentfault看到这篇文章，觉得整理的很详细，所以转载过来和大家分享一下。原文地址：http://segmentfault.com/blog/ciaocc/1190000002407912作者：ciaocc版权归ciaocc所有，转载请注明版权。概要标签提供关于HTML文档的元数据。元数据不会显示在页面上，但是对于机器是可读的。它可用于浏览器（如何显示内容或

2015-05-23 20:28:46 659

转载支持变量和数学函数的 CSS 预处理器

Myth 是一个预处理器，有点类似于 CSS polyfill 。Myth 让你写纯粹的 CSS，同时还让你可以使用类似 LESS 和 Sass 的工具。您仍然可以使用变量和数学函数，就像你在其它预处理器中使用的一样。 Github主页官方网站

2015-05-23 20:23:54 404

转载 HTML5 3D立体图片相册

HTML5非常强大，尤其是和CSS3结合，有时候能达到非同凡响的网页动画效果。今天要分享的这款HTML5应用就是一款很酷的3D立体图片相册应用，它可以用鼠标多拽从多个角度浏览相册图片，点击图片，就可以放大图片，相册图片都是美女，千万别让女朋友看到。在线演示源码下载

2015-05-23 20:19:05 5331 5

转载最全面的水平垂直居中方案与flexbox布局

最近又遇到许多垂直居中的问题，这是Css布局当中十分常见的一个问题，诸如定长定宽或不定长宽的各类容器的垂直居中，其实都有很多种解决方案。而且在Css3的flexbox出现之后，解决各类居中问题变得更加容易了。搜了搜园子内关于flexbox的文章觉得很多不够详尽，故想借介绍flexbox的同时好好总结一番各类垂直居中的方法。由简至繁：行内元素的水平居中要实现行内元素（

2015-05-23 20:12:41 5070

转载 jQuery鼠标悬停图片分享按钮动画

这是一款基于jQuery的图片动画插件，这款jQuery插件可以实现鼠标滑过图片时在图片上方创建任意的元素，包括分享按钮和图片文字描述等。这些按钮和文字可以悬浮在图片的任意位置，同时你也可以自己定义这些图片上方的元素出现时的动画特效。在线演示源码下载

2015-05-23 20:10:39 548

转载利用html5和JavaScript实现手机端滑动菜单的交互概念

今天为大家分享一个很有趣的手机交互理念，主要体现的是通过手指滑动头部标题栏来选择您需要到达的菜单，顺序是根据滑动的程度来选择您需要到达的菜单。该模版主要运用HTML5、css3及JavaScript来实现。希望对您的项目有所帮助。利用html5和JavaScript实现手机端滑动菜单的交互概念.rar

2015-05-23 20:02:52 1785

转载极简主义风格的响应式个人简历模版PSD＋HTML打包下载

今天给大家分享的是极简主义风格的个人简历模版PSD＋HTML打包下载，这个季节是是很多同学跳槽的时间，所以一份像样的简历十分重要，今天这套就是来帮助您快速生成简历的，整个设计是极简主义风格的，有部分HTML5动画效果，而且是响应式支持手机浏览，使用的时候要注意字体的选择，希望对您有用，enjoy！演示效果：Demo下载：简历设计效果.rar

2015-05-23 19:59:14 3607

转载 Jquery基础之DOM操作

Dom是Document Object Model的缩写，意思是文档对象模型。DOM是一种与浏览器、平台、语言无关的接口，使用该接口可以轻松访问页面中所有的标准组件。DOM操作可以分为三个方面即DOM Core(核心)、HTM-DOM和CSS-DOM。　　每一个网页都可以用DOM表示出来，每个DOM都可以看作是一棵DOM树。下面的html页面结构可以构建出一棵DOM树，代码：　　

2015-05-11 21:53:48 494

转载 js实用表单模糊搜索和自动提示插件

fuzzysearch是一款实用的表单模糊搜索和自动提示js插件。该js插件允许你只输入部分字符串，根据这部分字符串自动搜索和匹配，并给出自动替代选项。适用于各种数据的快速检索。在线演示js实用表单模糊搜索和自动提示插件.zip安装可以使用npm来按钮该自动提示插件。npm install --save fuzzysearch 复制代

2015-05-05 21:58:33 2238

转载 Bootstrap实现的响应式APP下载页面代码

这次分享的是，一个设计优雅的APP下载页面主题，这套HTML是用当下最流行的Bootstrap框架实现的版本是v3.3.3，这套代码非常适合再次开发，代码简介没有多余的部分，结构组织清晰，代码注释完整。并且包含各种视频弹窗，滚动视察效果，幽灵按钮动画和其它很酷的动画，这所有的一切都非常适合做前端的同学研究，enjoy！下载信息格式：html文件大小:88

2015-05-05 21:57:16 1961

转载 Node.js 异步编程之 Callback

Node.js 基于 JavaScript 引擎 v8，是单线程的。Node.js 采用了与通常 Web 上的 JavaScript 异步编程的方式来处理会造成阻塞的I/O操作。在 Node.js 中读取文件、访问数据库、网络请求等等都有可能是异步的。对于 Node.js 新人或者从其他语言背景迁移到 Node.js 上的开发者来说，异步编程是比较痛苦的一部分。本章将由浅入深为大家讲解 Node.

2015-05-05 21:55:29 738 2

转载 Cmd Markdown 编辑阅读器

Cmd Markdown 编辑阅读器 https://www.zybuluo.com/mdeditor?from=timeline&isappinstalled=0Cmd Markdown 发布第十次更新 --- 走，带着 Cmd 去旅行一直以来我们和用户一样，对 Cmd Markdown 充满自信，直到几个月前，我们听到人民群众对于 Cmd Markdown 客户端的呼声此起彼

2015-05-05 21:51:38 649

转载 W3C首次发布SVG标记、SVG轮廓标准工作草案

4月初，W3C可扩展矢量图（SVG）工作组首次发布了SVG标记（SVG Markers）、SVG轮廓（SVG Markers）两份标准的公开工作草案。 SVG标记，定义了一种SVG特性，允许沿着SVG形状的边缘放置可重用的图形元素，这一特性可以更好的支持数据图表、标记等应用需求。SVG轮廓定义了一组属性，控制SVG形状绘制时的轮廓效果。此外，该

2015-05-05 21:49:53 534

转载利用jQuery实现**站删除效果

jQuery是一款非常强大的Javascript脚本库，我们开发者喜欢jQuery的原因除了它代码简洁外，更多的是因为jQuery插件非常丰富。今天我们用一个示例来解说jQuery是如何实现拖拽的。利用jQuery实现拖拽非常简单，我们直接可以利用jQuery内部封装的拖拽接口即可简单实现在网页上拖拽任意元素。今天我们就利用jQuery的这一特性来实现一个拖拽删除桌面小图标的功能，就像操作

2015-05-05 21:46:16 460

转载超酷的响应式动态片状全屏轮播式幻灯效果

2014-8-6 10:22:23 上传下载附件(39.7 KB) 在线演示1在线演示2 在线演示3 本地下载使用CSS3和Javascript生成的超酷动态幻灯效果。HTML

2015-05-05 21:40:56 1825

转载推荐15款创建漂亮幻灯片的 jQuery 插件

对于设计师，开发者，摄影师或任何创造性的个人和企业，他们自己的网站是展示他们的技能和服务的最佳场所。你可能打算设计一个新的个人作品网站，不管你是从头开始或使用模板，都会需要使用 jQuery 幻灯片插件，以美丽夺目的方式显示的作品。　　网络上有很多的 jQuery 幻灯片插件，很难决定哪一个更好。因此，我们编辑了15款目前比较优秀的 jQuery 幻灯片插件，帮助你用一个美丽的和创新的

2015-05-05 21:38:30 600

转载 15个JavaScript库实现手机交互式地图资源

一个好的JavaScript库有助于开发人员轻松地开发，下面分享15个最新的JavaScript库来增强手机交互体验，希望能有更多的启发。GMapsJHereKartographMapaelD3jsDataMaps

2015-05-05 21:38:21 605

转载 10 个免费的 HTML 视频转换工具

现在，人们都喜欢看视频目前，大多数的人都是看视频在线或移动。因此，视频必须有正确的格式，可以通过手机或支持系统。因此，人们需要一些应用程序的工具，将有助于他们现有的文件格式转换成当前的格式如MP4，WebM，和OGG。另外，如果你想改变音频文件格式，然后你也不用担心，因为有些工具转换成所需格式的音频格式。一些工具都是自动化的，这意味着它将现有的文件格式转换成工作文件格式。如果一个人不知

2015-05-05 21:31:41 1943

转载 JavaScript 代码风格指南

一.基本格式缩进建议每级4个空格，可以给编辑器设置tab = 4个空格，自动转换分号不要省略分号，防止ASI（自动插入分号）错误行宽每行代码不超过80个字符，过长应该用操作符手动断行断行操作符在上一行末尾，且下一行缩进2级，如果是赋值语句，还应该和等号后面部分对齐空行函数声明与函

2015-05-05 21:28:27 346

转载三种字符编码：ASCII、Unicode和UTF-8

什么是字符编码？计算机只能处理数字，如果要处理文本，就必须先把文本转换为数字才能处理。最早的计算机在设计时采用8个比特（bit）作为一个字节（byte），所以，一个字节能表示的最大的整数就是255（二进制11111111=十进制255），如果要表示更大的整数，就必须用更多的字节。比如两个字节可以表示的最大整数是65535，4个字节可以表示的最大整数是4294967295。

2015-05-05 21:27:59 439

转载 JS截取字符串函数详解

一、函数：split()功能：使用一个指定的分隔符把一个字符串分割存储到数组例子：str=”jpg|bmp|gif|ico|png”;arr=theString.split(”|”);//arr是一个包含字符值”jpg”、”bmp”、”gif”、”ico”和”png”的数组复制代码二、函数：John()

2015-05-05 21:26:11 467

natalie86的专栏