- 博客(333)
- 资源 (1)
- 问答 (2)
- 收藏
- 关注
RSS订阅转载 HTML5可互动的可视化图表js插件库
JointJS是一款可以进行互动的HTML5可视化图表js插件库。它可以用来创建静态图表，并且它拥有完全交互式绘图工具和应用程序生成器。jointjs可以很容易地创建各种各样的可视化工具。查看演示 下载插件：201504141720.zipJointJS的事件驱动特性和MVC架构是它可以非常容易的集成到其它后台程序之中。JointJS的特点有：支持多种
2015-04-18 11:38:41
1985
转载 JavaScript 编码规范（中文/Airbnb公司版）
Airbnb 是一家位于美国旧金山的公司，本文是其内部的 JavaScript编码规范，写得比较全面，在 Github 上有 16,686 + Star，3,080 + fork，前端开发人员可参考。 原文：https://github.com/airbnb/javascript 注：本人根据自己的开发习惯删除和修改了部分规范 类型原始值: 相当于传值s
2015-04-17 16:09:59
2002
转载 绘制SVG内容到Canvas的HTML5应用
SVG与Canvas是HTML5上绘制图形应用的两种完全不同模式的技术，两种绘制图形方式各有优缺点，但两者并非水火不容，尤其是SVG内容可直接绘制在Canvas上的功能，使得两者可以完美的融合在一起，让Canvas可享用到现有丰富的SVG素材，并不失SVG矢量无级缩放的特点。《基于HTML5的Drag and Drop生成图片Base64信息》这篇虽然展示的是拖拽普通栅格图片的
2015-04-17 16:05:14
702
转载 2015年Web：追求原有“框架”外的新功能
Web最初的设想是一个应用的通用版本，或者用历史书上的话来说是“应用程序”。它是可以运行于任何地方的最小公分母，这使得Web完全建立在一个“框架”中，潜在的功能也仅限于一个“长方形的内容”。 早期的应用允许开发人员在后台执行代码、为脱机使用提供缓存数据、使用推送通知以及提供其他一些网站没法提供的功能。然而Web目前正在经历一场巨大的变化。浏览器响应应用的革命，并且现在任
2015-04-17 16:02:05
423
转载 JavaScript 中继承实现方式归纳
不同于基于类的编程语言，如C++ 和Java，JavaScript 中的继承方式是基于原型的。同时由于JavaScript 是一门非常灵活的语言，其实现继承的方式也非常多。首要的基本概念是关于构造函数和原型链的，父对象的构造函数称为Parent，子对象的构造函数称为Child，对应的父对象和子对象分别为parent和child。对象中有一个隐藏属性[[prototype]](注意不是p
2015-04-17 14:13:22
417
转载 15条规则解析JavaScript对象布局（__proto__、prototype、constructor）
大家都说JavaScript的属性多，记不过来，各种结构复杂不易了解。确实JS是一门入门快提高难的语言，但是也有其他办法可以辅助记忆。下面就来讨论一下JS的一大难点-对象布局，究竟设计JS这门语言的人当时是怎么做的？设计完之后又变成了什么？我们来看一张图： 相信大家对这张图都不陌生了，构造函数有一个prototype属性指向其原型。相反原型也有一个constru
2015-04-17 11:46:49
376
转载 Bootstrap 3.3.4 发布，Web 前端 UI 框架
Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架，用于开发响应式布局、移动设备优先的 WEB 项目。Bootstrap 3.3.4 发布，此版本主要是 bug 修复和文档改进。此版本总共包括 29 位贡献者和 325 个 commits。值得关注的内容如下：修复了一些 Modal 插件的 bugs修复了 ScrollSpy 插件的 bu
2015-04-17 11:42:15
1320
转载 HTML5 Boilerplate 5.0 中文文档
HTML5 Boilerplate 5.0 中文文档地址：http://www.w3cplus.com/html5/html5-boilerplate.html
2015-04-17 11:38:46
1836
转载 基于Node.JS的六款开源内容管理和静态网站生成系统
在内容管理系统（CMS）中，豪无疑问目前最流行的是 WordPress。它是一个可靠、 稳定的系统，有一个非常活跃的社区。它能使那些对技术不熟悉或根本不懂技术的人也能搭建网站，不仅局限于博客。它还是一个静态站点生成器。Jekyll 和基于 Jekyll 的系统适合开发人员创建博客或网站，它是一个轻量级的解决方案。在这篇文章，我会列举六个基于 Node.js 的静态网站生成系统，这些是JavaS
2015-04-17 11:33:10
1111
转载 HTML教程：如何设置Iframe自适应高度
不带边框的iframe因为能和网页无缝的结合从而不刷新页面的情况下更新页面的部分数据成为可能，可是 iframe的大小却不像层那样可以“伸缩自如”，所以带来了使用上的麻烦，给iframe设置高度的时候多了也不好，少了更是不行，现在，让我来告诉大 家一种iframe动态调整高度的方法，主要是以下JS函数： 一、程序代码 function SetWinHeight(obj)
2015-04-17 09:31:40
590
转载 如何让 height:100%; 起作用
当你设置一个页面元素的高度(height)为100%时，期望这样元素能撑满整个浏览器窗口的高度，但大多数情况下，这样的做法没有任何效果。你知道为什么height:100%不起作用吗？按常理，当我们用CSS的height属性定义一个元素的高度时，这个元素应该按照设定在浏览器的纵向空间里扩展相应的空间距离。例如，如果一个div元素的CSS是height: 100px;，那它应该在页面的竖向空间
2015-04-17 09:26:27
482
转载 用CSS美化你的滚动条
本文将会告诉你如何用CSS修改/美化浏览器页面上出现的滚动条。改变它们的颜色，调整它们的外形，适配你对页面UI设计。我们首先将会看看谷歌(Webkit)浏览器提供了哪些CSS属性，最后，还将介绍如何用jQuery支持其它类型的浏览器。各种浏览器对CSS滚动条的支持情况这里说的Webkit浏览器包括谷歌浏览器，苹果公司的Safari浏览器，以及最新的Opera浏览器。这些浏览
2015-04-17 09:23:39
990
转载 30秒搭建Github Page
如果中国每个程序员都写博客，那么中国IT届的春天就来了有同学问我的网站是怎么创建的，其实30秒就可以办到。话不多说，大家屏住呼吸，看看能不能坚持30秒：D第一步 fork我的博客使用的hpstr-jekyll-theme,基于jekyll的，我们都知道，Github是支持jekyll的是进入hpstr-jekyll-theme 的。Github 地址：https://git
2015-04-14 18:07:10
717
转载 20种新颖的按钮风格和效果【附源码下载】
Codrops 给我们分享了一组新鲜的按钮样式和效果的集合。它们中的大部分效果都使用了CSS3 过渡和伪元素，他们都有一个共同点，那就是简单性，没有太多的动画，而是尝试添加一些通过颜色和形状的变化呈现的效果。在线演示 源码下载ButtonStylesInspiration.zip
2015-04-14 18:02:32
670
转载 React-Native学习指南
React-Native指南汇集了react-native学习资源与各类开源app本指南汇集React-Native各类学习资源，给大家提供便利。指南正在不断的更新，大家有好的资源欢迎Pull Requests！同时还有Awesome React-Native系列https://github.com/jondot/awesome-react-native
2015-04-14 17:53:10
1404
转载 基于Threejs的jQuery 3d图片旋转木马特效插件
这是一款基于ThreeJS的炫酷3D旋转木马图片画廊特效插件。该旋转木马特效可以设置图片预加载，带有前后导航按钮，可以使用鼠标前后旋转，并可以设置3D透视的位置。查看演示 在线下载 201504091855.zip该旋转木马依赖于以下外部插件：Three.js：https://github.com/mrdoob/three.js/S
2015-04-14 17:40:10
1921
转载 jQuery左侧带小图标的多级下拉菜单
今天我们要来分享一款很不错的jQuery左侧带小图标的多级下拉菜单，菜单是垂直的，每一个菜单项带有一个小图标，看起来非常专业。并且菜单支持无限极下拉，所以对各位Web开发者来说非常实用。菜单时基于jQuery的，所以基本可以支持所有的浏览器。在线演示 源码下载
2015-04-14 17:25:13
1127
转载 MaterialUp - 寻找材料设计灵感必备的网站
MaterialUp 是一个展示最好的材料设计 APP，网站和概念的地方，每天都会更新。每款设计都精心挑选，展示那些有才华的设计师的伟大工作。 MaterialUp 的核心价值是让尽可能多的设计师提供有价值灵感。很棒！立即去看看
2015-04-10 19:58:39
821
转载 CSS3制作各种平滑过渡的动画效果
通过CSS3的新特性，我们可以不使用javascript或Flash就可以将元素从一个状态过渡到另一个状态。它允许元素在指定的时间里改变它们的值，使各种可以动画的属性执行动画效果。查看演示 下载插件通过CSS3的新特性，我们可以不使用javascript或Flash就可以将元素从一个状态过渡到另一个状态。它允许元
2015-04-10 19:57:39
8279
转载 你真的理解z-index吗？
一、前言 假如只是开发简单的弹窗效果，懂得通过z-index来调整元素间的层叠关系就够了。但要将多个弹窗间层叠关系给处理好，那么充分理解z-index背后的原理及兼容性问题就是必要的知识储备了。本文作为对W3C Recommendation-Layered presentation学习后整理的笔记，以便日后查阅。 由于
2015-04-10 19:53:59
642
转载 jQuery和CSS3网页固定背景视觉差特效插件
这是一款非常实用的jQuery和CSS3网页固定背景视觉差特效插件。该固定背景特效可以在页面中固定某些元素，在页面滚动的时候可以修改这些元素的视觉效果，从而制作出一种滚动视觉差的特效。该固定背景视觉差特效的效果都是使用CSS3来完成的，jQuery代码只是用于管理上下导航按钮的事件。该效果主要使用CSS的background-attachment属性来实现。在例子中，使用一幅手机的图片作为
2015-04-07 08:53:04
1133
转载 做一个略调皮的个人博客--菜单篇
4 天前 上传下载附件 (295.26 KB)先说一下整体结构吧~页面跳转用了pushstate 加 ajax，评论用了畅言的api 加上 react，前端集成用了grunt，博客是用markdown写的，为了一些特殊需求，自己试着改了一些grunt，这些地方刚好也算是对一些新技术的练习。整体还是jquery。不过这次比我的主页有一点改进，图
2015-04-07 08:47:30
572
转载 AngularJS开发人员最常犯的10个错误
AngularJS是目前最为活跃的Javascript框架之一，AngularJS的目标之一是简化开发过程，这使得AngularJS非常善于构建小型app原型，但AngularJS对于全功能的客户端应用程序同样强大，它结合了开发简便，特性广泛和出众的性能，使其被广泛使用。然而，大量使用也会产生诸多误区。以下这份列表摘取了常见的一些AngularJS的错误用法，尤其是在app开发过程中。1. M
2015-04-03 10:53:02
657
转载 JS&css实现的SVG纹理图案代码效果打包下载
随着硬件的发展，用位图做的网页越来越不能满足用户体验的需要，因此SVG类的网页元素慢慢的开始流行起来，而今天分享的就是JS&css实现的SVG纹理图案代码效果打包下载，文章包含了相关的js代码下载，和展示效果，肯定可以给您的网页设计带来一些新的想法和灵感，enjoy！演示效果：Demojs纹理图案代码.zip
2015-04-03 10:46:16
555
转载 CSS动画集合 可直接生成动画代码 – AniCollection
CSS动画实现比JS简单很多，但是对于新手来说还是很多代码的，而且还要不停的刷新来计算动画效果，不过没关系，今天小编为大家分享一个可以在线生成CSS动画的工具：AniCollection，而且他们的动画数量很多，能满足一般需要求了。PS：类似工具还有《在图形界面上制作CSS3动画：cssanimate》目前AniCollectio
2015-04-03 10:40:06
1046
转载 高效的jQuery代码编写技巧总结
最近写了很多的js，虽然效果都实现了，但是总感觉自己写的js在性能上还能有很大的提升。本文我计划总结一些网上找的和我本人的一些建议，来提升你的jQuery和javascript代码。好的代码会带来速度的提升。快速渲染和响应意味着更好的用户体验。谨以此文来提醒自己。 其次在脑子里牢牢记住jQuery就是javascript。这意味着我们应该采取相同的编码惯例,风格指南和最佳实
2015-04-03 10:36:30
437
转载 CSS中的剪裁和遮罩
剪裁和遮罩都是用来隐藏元素的一些部分、显示其他部分的。当然了，这两者还是有区别的。区别主要在于这几方面：他们能做的东西，不同的语法，涉及到的不同技术，是新的还是旧的，以及浏览器支持的差异。但不幸的是总是有相当多的过时信息在那儿，所以一起来看看能否解决这个问题。剪裁和遮罩之间的区别遮罩使用的是图像，剪裁使用的是路径。想象一张从左到右、从黑到白渐变的正方
2015-04-03 10:34:47
647
转载 Slideout.js – 触摸滑出式 Web App 导航菜单
Slideout.js 是为您的移动 Web 应用开发的触摸滑出式的导航菜单。它没有依赖，自由搭配简单的标记，支持原生的滚动，您可以轻松地定制它。它支持不同的 CSS3 转换和过渡。最重要的是，它只是4KB 。在线演示 源码下载slideout-0.1.5.zip
2015-04-03 10:31:16
540
转载 利用css3做出立体折叠效果
原理介绍：这种折叠效果是小编我在一个英文网站上学的，这个英文网站上的很多特效都很不错，推荐给你们进去看看，这个网站叫codrops接下来正式简单介绍一下原理。折叠效果利用了css3里面的perspective 属性，这是一个3D画图里面的东西——透视；透视我就不具体介绍了，推荐一篇专门讲解perspective属性的文章——http://www.zhangxinxu.com/wordpr
2015-04-03 10:25:44
3630
1
转载 浅谈响应式瀑布流的实现方式
瀑布流主要应用在图片展示页面上。如果有一大批图片需要展示，原始图片尺寸不一致，又希望每张图片都能不剪裁，完整显示，那么就要给图片规定一个宽度，解放它们的高度。利用网页高度不限这个特性，充分利用页面的空间，尽可能的展示多的图片。瀑布流的实现方法挺多，但能做到响应式列数变化，自由布局的并不多。这次自己开发了一个作品集页面，正好研究一下响应式瀑布流的实现方法。 需要解决的问题：1.
2015-04-03 10:21:35
1841
转载 5个HTML5速查手册
我们很高兴分享一些非常有用的小抄，针对最好的先进技术之一HTML5。 HTML5是HTML高级版本并带有新的标签，功能，并得到HTML的Web开发的里程碑。如今，HTML5是其中Web开发人员和设计人员最流行的编程语言之一。今天我们要用信息表(速查表)介绍其标签。这个速查表集合，对于设计人员和开发人员非常有用。1) HTML5 Cheat Sheet Tags
2015-04-03 10:19:22
917
转载 Web移动开发：前端开发学习资源集合
成为优秀的 Web 移动开发者之前端开发学习资源集合，本文收集了迄今最前面的 HTML、CSS、JavaScript、Ruby on Rails 等学习资源网站、工具信息。 HTML 和 CSS 30 Days to Learn HTML and CSS 想学习 HTML 和 CSS 却有不知如何开始？"30 天教你学 HT
2015-03-30 20:49:00
630
转载 100 行代码实现的 JavaScript MVC 样式框架
使用过 JavaScript框架（如 AngularJS, Backbone 或者Ember）的人都很熟悉在UI（用户界面，前端）中mvc的工作机理。这些框架实现了MVC，使得在一个单页面中实现根据需要变化视图时更加轻松，而模型-视图-控制器（mvc）的核心概念就是：处理传入请求的控制器、显示信息的视图、表示业务规则和数据访问的模型。 因此，当需要创建这样一个需要在单个页面中实现切换
2015-03-30 20:47:43
534
转载 HTML5实现类似刮刮卡的功能
HTML5实现类似刮刮卡的功能注意要点设置：1.设置用户缩放：user-scalable=no|yes[java] 复制代码2.禁止拖动：[java]document.ontouchmove = function(e){ e.preventDefault(); }; //文档禁
2015-03-30 20:45:55
423
转载 12种炫酷HTML5 SVG和CSS3表单浮动标签特效
这是一组效果非常炫酷的SVG和CSS3表单浮动标签特效。这组浮动标签特效共12种效果，这些浮动标签效果部分在元素的伪元素上使用CSS transitions和CSS animations完成，一部分则使用SVG来制作变形动画。在线演示下载：201503191554.zip 使用方法 HTML结构
2015-03-30 20:34:14
1621
转载 8个非常神奇的HTML5动画和应用
今天我们继续来为大家分享一些效果相当不错的HTML5动画和实用的HTML5应用，如果你对HTML5技术和jQuery等相关前端技术感兴趣，欢迎继续关注我们后续推荐的文章。本文介绍的8个非常神奇的HTML5动画和应用，希望你会喜欢。1、HTML5 SVG 3D蝴蝶飞舞动画 这次我们要分享的这款HTML5动画简直就是逆天，利用SVG制作的3D蝴蝶飞舞
2015-03-30 20:30:46
761
转载 Win10预览版10041：IE11触控、HTML5新功能开启
3月19日消息，刚刚发布的Win10预览版10041快速更新，虽不含有斯巴达浏览器，但用户可以通过IE11浏览器的“实验功能”来体验斯巴达浏览器的新引擎和新功能。这次更新后，用户可以体验IE11新的触控功能以及HTML5功能。本次在IE11中新加入了如下功能：• 支持触摸事件API以及相关协同操作提升。• 支持HTML5日期相关输
2015-03-30 20:29:35
527
转载 24个 HTML5 & CSS3 下拉菜单效果及制作教程
下拉菜单是一个很常见的效果，在网站设计中被广泛使用。通过使用下拉菜单，设计者不仅可以在网站设计中营造出色的视觉吸引力，但也可以为网站提供了一个有效的导航方案。使用HTML5 和 CSS3 可以更容易创造视觉上充满吸引力的下拉菜单。A Flash Blue Menu在线演示 源码下载Fancy Rolling Navigat
2015-03-30 20:27:18
2419
转载 231个javascript特效分享（上）
1.文本框焦点问题onBlur:当失去输入焦点后产生该事件onFocus:当输入获得焦点后，产生该文件Onchange:当文字值改变时，产生该事件Onselect:当文字加亮后，产生该文件点击时文字消失，失去焦点时文字再出现2.网页按钮的特殊颜色style="3.鼠标移入移出时颜色变化onMouseOver=this.style.
2015-03-30 20:24:30
616
转载 231个javascript特效分享 (中)
107.页面翻转//108.滚屏parent.scroll(x,y);////109.改变状态栏self.status ="";//110.改变窗口大小window.resizeTo(200,300);//111.改变鼠标样式styleBODY{CURSOR: url('mouse.ani');SCROLLBAR-BASE-COLOR
2015-03-30 20:22:30
632
jQuery权威指南
2015-01-10
初学angular js遇到的问题
2016-06-09
关于长按二维码实现直接关注的功能
2015-02-06
TA创建的收藏夹 TA关注的收藏夹
TA关注的人