natalie86-CSDN博客

转载图解CSS3 Flexbox属性

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

2015-05-24 20:03:32 1146

如何能做出高效的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 2399

转载如何判断一个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 373

转载 100多个纯CSS3动画图标

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

2015-05-23 20:33:53 612

转载 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 658

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

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

2015-05-23 20:23:54 403

转载 HTML5 3D立体图片相册

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

2015-05-23 20:19:05 5330 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 1783

转载极简主义风格的响应式个人简历模版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 2237

转载 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 1824

转载推荐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 1941

转载 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

转载 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

转载编写更加稳定、可读性强的JavaScript代码

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

2015-04-22 21:37:48 446

空空如也

初学angular js遇到的问题

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