自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

  • 博客(24)
  • 收藏
  • 关注

转载 使用HTML5/CSS3快速制作便签贴特效

本篇文字将展示给你的是,如何利用HTML5/CSS3,仅用5步就可以制作便签贴效果的HTML页面,效果图如下: (注:图里的文字纯属杜撰,搞笑目的,如有雷同,纯属巧合,谢谢!) 注:该效果… 本篇文字将展示给你的是,如何利用HTML5/CSS3,仅用5步就可以制作便签贴效果的HTML页面,效果图如下:(注:图里的文字纯属杜撰,搞笑目的,如有雷同,纯属巧合,谢谢!)

2015-09-29 11:28:46 252

转载 超级绚丽的html5的页面

XML/HTML Code 复制内容到剪贴板 !DOCTYPEhtml html xmlns =http://www.w3.org/1999/xhtml lang =en head title 超级绚丽的html5的页面 / title script type =text/javascript window.onload = function (){ C = Math .cos; S = Math

2015-09-29 11:26:25 2074

转载 基于 HTML5 的人脸识别技术

绍一个网站,演示了通过 HTML5 + JavaScript 技术实现的人脸识别,目前仅适用于 Chrome浏览器,首先需要在地址栏输入 about:flags ,然后找到“启用 MediaStream” 这一项,点击“启用” 后重启 Chrome 浏览器然后打开下面地址:http://neave.com/webcam/html5/face/当你摇头晃脑的时候,那副

2015-09-29 11:24:15 2254 1

转载 360图标

lang="en"> charset="UTF-8"> 360图标css实现 rel="stylesheet" href="./ll.css"> class="wrapper"> class="qihu"> class="qihu-cross"> class="qihu-ci

2015-09-29 11:20:39 1918

转载 如何实现一个 CMD 模块加载器

cmd 是阿里大神玉伯提出的基于浏览器的前端模块化规范,并在 seajs 中实现了这个规范。相对于另一个在国外比较流行的前端模块化规范 amd,cmd 对于 nodejs 的使用者来说更加友好,使得类似 commonJS 模块的写法可以在浏览器中使用,同时解决了浏览器中模块异步加载的困扰。 关于 cmd 更详细的内容可以移步https://github.com/cmdjs/specificatio

2015-09-25 14:36:39 619

转载 HTML5 Web SQL 数据库

HTML5 Web SQL 数据库Web SQL 数据库 API 并不是 HTML5 规范的一部分,但是它是一个独立的规范,引入了一组使用 SQL 操作客户端数据库的 APIs。假定你是一个优秀的 Web 开发人员,如果是这样的话,毫无疑问你会很清楚 SQL 和 RDBMS 的概念。如果你仍然需要一个 SQL 的议题,可以学习我们的 SQL 教程。我们可以在最新版的 Safari,Ch

2015-09-25 14:33:55 2829

转载 深度解析 ES6 系列文章

什么是非结构化赋值?非结构化赋值允许你通过使用语法规则将一个数组或对象的属性分配给变量,类似于数组或对象文本。这个语法规则非常简单,同时还表现出比传统的属性访问更清晰。如果没有非结构化赋值,你可能运用下面的方式访问数组中的前三个项目:var first = someArray[0];var second = someArray[1];var third = someArray[

2015-09-25 14:30:46 2783

转载 JavaScript 实现MD5算法

对MD5算法简要的叙述可以为:MD5以512位分组来处理输入的信息,且每一分组又被划分为16个32位子分组,经过了一系列的处理后,算法的输出由四个32位分组组成,将这四个32位分组级联后将生成一个128位散列值。 Java代码  1.function MD5(sMessage) {    2.function RotateLeft(lValue, iShiftBits) {

2015-09-25 14:27:41 3207 1

转载 JavaScript 性能优化杀手

这篇文档包含了如何避免使代码性能远低于预期的建议. 尤其是一些会导致 V8 (牵涉到 Node.js, Opera, Chromium 等) 无法优化相关函数的问题.一些 V8 背景在 V8 中并没有解释器, 但却有两个不同的编译器: 通用编译器和优化编译器. 这意味着你的 JavaScript 代码总是会被编译为机器码后直接运行. 这样一定很快咯? 并不是. 仅仅是编译为本地代码并不能明

2015-09-25 14:21:23 259

转载 中断或取消 Promise 链

Promise 已经成为了 JavaScript 管理异步操作的重要工具之一. 然而, 有的时候还是会很头痛:Promise // 等价于 `Promise.resolve(undefined).then`. .then(() => { // 开始. }) .then(() => { if (wantToBreakHere) {

2015-09-25 14:16:53 289

转载 CSS 模块

如果你想知道 CSS 最近发展的转折点,你应该选择去观看 Christopher Chedeau 在2014年11月的 NationJS 大会上做的名称为 CSS in JS 的分享。不得不说这是一个技术分水岭的时刻,一群不同的思维在自己的方向上就像粒子进入了高能漩涡中一样飞速发展。其中,在 React 或者是 React 相关的项目中编写 CSS 样式,React Style,jxs

2015-09-24 10:46:51 1561

转载 React项目新手指南

对于程序员而言:驼峰和下划线之间是一场宗派战争;大括号是否换行会成为一种党派;逗号写在行尾还是行首的人来自不同星球……然而,无规矩不成方圆,任何一个团队,要想有高质量的产出,第一步必须要对一些基本的代码风格达成共识,否则用不了多长时间,你就会发现没人愿意维护某些代码了,因为那些代码散发出半年以上没冲过的马桶的味道,而更可怕的是团队成员之间的冲突和内耗会远超你的想象。好了,言归正传,

2015-09-24 10:39:41 1597

转载 深入理解ES6中的解构

我曾在React系列文章中简短的提及过一些ES6特性(以及Babel入门),现在我想深入研究这些新的语言特性。在阅读海量ES6与ES7的相关文章之后,我想是时候在Pony Foo的博客中开始讨论ES6与ES7的特性了。本文开头会给那些ES6新特性的过度使用者一些忠告。接着介绍ES6中的解构,以及解构的使用场景,还有一些陷阱和注意事项,本文是ES6系列的第一篇。一句忠告当

2015-09-24 10:35:09 1602

转载 中断或取消 Promise 链

PromisePromise 已经成为了 JavaScript 管理异步操作的重要工具之一. 然而, 有的时候还是会很头痛:Promise // 等价于 `Promise.resolve(undefined).then`. .then(() => { // 开始. }) .then(() => { if (wantToBr

2015-09-24 10:32:02 1826

转载 升级 Node 4 的 7 个理由

前些日子 Node 4 终于发布了。作为 node.js 和 io.js 合并之后发布的第一个稳定版,Node 4 给我们带来了诸多 ES6 特性。你可以阅读这篇文章概览一下 ES6 的特性,本文将为你展示我们在 Node 4 中如何使用 ES6。1. 模板字符串以前我们拼字符串的话会像下边这样写:var message = [ 'The quick brown

2015-09-24 10:28:06 1621

转载 俄罗斯方块代码

* @author 流浪大法师 * @time 2015-7-13 上午2:59:16 * @email liuliangsir@gmail.com * @descript 面向对象实现俄罗斯方块 */ function Tetris(rows,cols,width){ //实现俄罗斯方块界面的生成 if(!rows || !cols){rows = 20;cols

2015-09-23 11:20:45 1142

转载 HTML:1990~1992

HTML是从很多方面支撑Web的语言,作为浏览器的通用语,HTML是可以渲染的。HTML获得了史无前例的成功,但如果我告诉你它是1990年才被发明的,而且在1993年之前还没几个人知道它,那你恐怕就会更惊讶了。虽然与早期相比HTML变化并不大,但却很少有人能说清楚HTML的历史。不过,只要在网上搜一搜,找一找,也不难发现那些促使其诞生,以及后来又让它得到广泛应用的事件。1990

2015-09-23 11:17:53 5939

转载 调试 CSS Keyframe 动画

学会语法就可以制作 CSS 动画,但是要想做出动感、美观的动画,仅会语法是不够的。动画直接关系到用户体验,因此我们需要改进代码,从而找到正确的触发时机并掌握调试动画的方法。经过一番研究之后,我总结了一些有用的工具和方法。使用负的延迟值如果你需要同时执行多个动画并错开它们的开始时间,可以使用animation-delay。但是这会导致用户打开网页时有些元素需要静止一段时间才会开始移动

2015-09-23 11:13:42 4050

转载 用SVG实现Hero Slider

有一天,我在网上寻找灵感,无意间打开了本田HR-V漂亮的网站。在这个网站里,从一个区块导航到另一个区块的动画效果,是使用 元素创建的动画形状实现的。我们想做个类似的站点,但不使用画布,而是使用 SVG。同样,也不采用必须垂直滚动才能触发动画的思路,而是把所有资源整合成一个 Hero Slider。 使用如下资源:Snap.svg:用于动画SVG元素Icons:来自我们的Nu

2015-09-23 11:10:18 1099

转载 给 Sublime Text 用户的 Chrome 开发者工具小技巧合集

本文将会介绍如何利用你知道的 Sublime Text 的一些内容,同时结合 Chrome 开发者工具,为你的开发提升效率。  下文所有的内容都是以我们在 Chrome 开发者 Sources 面板下编写的。Sources 面板包含 Workspace 功能为我们提供了一个强大的浏览器端代码编辑器。  快捷键  任意跳转  和 Sublime 非常相似,开发者工具也有“任意跳转

2015-09-23 11:05:32 1015

转载 CSS居中指南

1 水平居中 horizontally1.1 内联元素 inline or inline-* elements在块级父容器中让内联元素水平居中,只需设置 text-align: center; class="inline-parent"> class="inline-horizon-center">inline element within block-level par

2015-09-22 13:49:38 7190

转载 CSS 理解样式层叠

CSS 理解样式层叠CSS(层叠样式表)用于规定HTML文档的呈现形式(外观和格式编排),通过学习 《HTML权威指南》、《CSS权威指南》 和 《精通jQuery》,结合自己的实践经历,说说 CSS 样式层叠的那些事儿.1 样式的来源样式的来源有以下几种:元素内嵌样式(将样式直接应用于元素,style属性)文档内嵌样式(创建可用于多个元素的样式,sty

2015-09-22 13:46:27 5247

转载 如何实现一个 CMD 模块加载器

cmd 是阿里大神玉伯提出的基于浏览器的前端模块化规范,并在 seajs 中实现了这个规范。相对于另一个在国外比较流行的前端模块化规范 amd,cmd 对于 nodejs 的使用者来说更加友好,使得类似 commonJS 模块的写法可以在浏览器中使用,同时解决了浏览器中模块异步加载的困扰。 关于 cmd 更详细的内容可以移步 https://github.com/cmdjs/specificati

2015-09-22 13:42:06 9489

转载 clip+transition实现过渡效果

(1)先是发现当鼠标hover的部分被clip处理后,竟然不能继续clip下去——html模型的构建,像这样:起初——直接对两个盒子进行clip导致被clip后鼠标无法对消失的部分hover    改进——用一个不会被变化的div包裹住两个span标签,只对span进行clip                http://

2015-09-22 11:28:49 477

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除