- 博客(333)
- 资源 (1)
- 问答 (2)
- 收藏
- 关注
RSS订阅转载 Javascript继承的最佳实践
什么是继承？继承是面向对象最显著的一个特性。继承是从已有的类中派生出新的类，新的类能吸收已有类的数据属性和行为，并能扩展新的能力。在Javascript 中 没有 类的概念， 它是通过构造函数来产生 对象，构造函数 就是一个普通的函数，通常当函数名 为 大写开头的，我们认为是构造函数，否则 就是普通的方法。function A() {
2015-03-10 11:26:06
481
转载 40个布局排版好看的网页设计作品
扁平化网页设计的表现大多体现在配色、字体以及布局排版方面，这三样结合得当都能制作出漂亮的网站。在国内很多企业网站的布局架构几乎是一样的，最多就是LOGO和一点颜色变化，看不出什么特色和创新。作为设计师，应该多花点心思在创新上，比如网页上的布局，其实它是可以变化多样的，正如今天为大家分享40个布局排版好看的网页设计作品，大家可以参考这些布局的设计，从中获得一些灵感。Thoug
2015-03-10 11:25:23
20162
3
转载 js中迭代元素特性与DOM中的DocumentFragment类型
JS中迭代元素特性 在需要将DOM结构序列化为XML或者HTML字符串时，多数都会涉及遍历元素的特性，这个时候attributes属性就可以派上用场。 以下代码展示了如何迭代元素的每一个特性，然后将他们构造成 name = "value" name = "value" 这样的字符串格式。function outputAttributes(eleme
2015-03-10 11:20:55
828
转载 关于CSS，2015年你会因此而激动的东西
CSS是一门不断发展的语言，在2015年年初之际，我们就先来体验一下CSS的新特征吧。本文中，我会介绍一些浏览器所支持的新模块和CSS新特性。不是说所有的特性都能立马投入使用，有些功能尚在实验阶段。在这里，你可以玩转很多的东西——即便尚在实验阶段。第四代CSS选择器第三代选择器得到了浏览器的良好支持，也为我们提供了如nth-child的有用的选择器。第四代选择器为我们提供了
2015-03-10 11:18:07
541
转载 Angular项目间的模板共享：如何跨多项目重用公共HTML
在开始之前，我想先介绍三个工具，我们将使用这些工具达到预期目标。CoffeeScript：一个强大的小型语言，它受Ruby启发并被编译为JavaScript，它拥有无数的语法糖能够加快开发进度。MiddleMan：一个静态的站点生成器，通过它，你可以使用现代网络开发中所有的快捷方法和工具。Brunch.io：基于node.js的JavaScript任务运行器，是一种前端开发的自动化工具。
2015-03-10 11:11:22
2307
转载 初识JSLint及由此想到的建议JS编码风格
可能都或多或少的知道JSLint是一个JavaScript的代码质量工具，一个JavaScript语法检查器和校验器，它能分析JavaScript问题并报告它包含的缺点。被发现的问题往往是语法错误，但也不一定全是，JSLint查看一些代码风格惯例及结构上的问题。下面我介绍一些JSLint的常识未定义的变量和函数JavaScript最大的问题是对全局变量的依赖，特别是
2015-03-10 11:06:56
401
转载 用JSLint精炼提升JavaScript代码
由于移动应用的盛行和HTML5的广泛运用，JavaScript正越来越流行。JavaScript受欢迎的部分原因是因为它的灵活便捷，你可以快速上手，它不需要重量级的开发环境，也不需要第三方应用支持，只要你打开一个文本编辑器，然后保存，最后通过网页浏览器运行即可。但是，对于新手而言，使用JavaScript处处存在陷阱。在一段复杂的脚本中，JavaScript语言的延展性常常引起怪异的bug
2015-03-10 11:04:20
478
转载 jQuery中鲜为人知的的几个方法
jQuery近些年来仍旧是web开发中最受欢迎的类库，虽然大家褒贬不一，但是仍旧不失为一款最流行的Javascript，在今天这篇文章中，我们将介绍几个jQuery的相关方法，无论你是入门级极客或者骨灰级极客，可能都会忽略这些方法的使用。希望大家会觉得有帮助！在事件中return false可能大家在编写事件相关代码的时候，有时候会使用return false语句，代码如下
2015-03-10 10:39:01
411
转载 使用 SVG 实现一个漂亮的页面预加载效果
今天我们要为您展示如何使用 CSS 动画， SVG 和 JavaScript 创建一个简单的页面预加载效果。对于网站来说，这些预载入得画面提供了一种创造性的方法，使用户在等待内容加载的时候不会那么无聊。源码下载 在线演示via:http://www.cnblogs.com/lhb25/arc ... loading-ef
2015-03-10 10:37:50
1616
转载 js框架jquery实现幸运大转盘抽奖程序代码,兼容多种浏览器
看到网页上有不少大转盘抽奖的应用,心血来潮也想弄个.于是找了点资料自己研究了下queryRotate 这个插件就可以实现这个功能jqueryRotate：支持Internet Explorer 6.0+ 、Firefox 2.0 、Safari 3 、Opera 9 、Google Chrome，高级浏览器下使用Transform，低版本ie使用VML实现google code地址
2015-03-10 10:35:08
1670
转载 移动端css3提高动画性能探讨
做移动端，通过css3来做出各种炫酷的效果很有成就感，但是这种炫酷如果只是考虑IOS下，或许你可以轻松点。安卓上的各种卡顿、各种bug是我们后期调试修复的头疼。所以，一开始在制作时，我们应该注意，尽量做出高性能的动画，在安卓上虽然谈不上完美，但是能够正常查看，否则你的动画再炫酷也没意义。目前对提升移动端CSS3动画体验的主要方法有几点：尽可能多的利用硬件能力，如使用3D变形
2015-03-10 10:29:46
2658
转载 我的前端架构养成记之整洁的工作流
【编者按】本文作者Matt Carella为我们讲解了如何构建一个良好的架构。除了选择正确的工具以外，在组织工作流中遵循清晰整洁的原则对于我们来说是非常重要的。或许有的人会觉得文中所说的是在DOS时代的标准的做法，不过本文对新入门的人来说或许会有帮助。如果您是一位资深的架构师，也欢迎您在评论中与我们一起分享您的心得与体会。 以下为译文：
2015-03-10 10:25:09
499
原创 jquery实现文本框得到失去焦点
《锋利的jquery一书》中的用jquery实现文本框得到失去焦点的效果，效果如图： 结构是一个简单的表单，html里用到了fieldset及legend这两个表现来实现半外边框的效果。fieldset里分别放了三个div来放三个表单，名称用了label属性，后面用了input及textarea，代码如下： 个人基本信息
2015-03-09 10:35:48
1922
转载 移动端前端JS事件相关
接触移动端的前端童鞋，估计在js事件这里踩了很多坑，传统的click事件延迟和点透现象令人很烦扰，到底该不该摒弃click事件，全部换成touch事件呢？如果是，遇到点透现象又如何处理？首先了解下点透现象：场景描述：1.A/B两个层上下z轴重叠。2.上层的A点击后消失或移开。（这一点很重要）3.B元素本身有默认click事件（如a标签） 或 B绑定了
2015-03-06 14:10:11
574
转载 Gulp.js 参考手册，自动化构建利器
Gulp 是最新的基于 Node 的自动化构建工具，希望能够取代 Grunt，成为最流行的 JavaScript 任务运行器。通过结合 NodeJS 的数据流的能力，只需几步就能搭建起自己的自动化项目构建工具。这里给大家分享一份很棒的 Gulp 速查手册。速查手册1 速查手册2
2015-03-06 14:04:28
365
转载 HTML5初学者福利！11个在线学习网站推荐
HTML5的强大及流行趋势，让更多的人想要系统的对它进行学习。而大多数人获取HTML5知识的重要途径都是网络，不过面对五花八门的搜索结果，是不是觉得摸不着头脑，无法抉择？在这里，文章作者Abhishek Thakur以自己长时间的实践经验，筛选出来11个在线学习HTML5开发的资源网站，让HTML5的学习可以跟随自己的节奏进行，不再那么困难。学习HTML5的网站和博客
2015-03-06 14:00:16
1305
转载 关于前端开发的20篇文档与指南
相信在2015年很多这个行业的人都会有这样的两种感受：真的不知所措，这个行业到底有多少东西需要去学习；渴望更多，并迫不及待的为接下来的学习寻求一些思想方向。第一个来自于我们的个人感受，而第二个则是纯粹的必要性了。所以本文整理一些有用的信息，希望可以帮助相关领域的前端开发人员。1. I want to use基于Can I
2015-03-06 13:51:19
441
转载 21例创新的侧边栏菜单网页设计作品
侧边栏菜单将会是一个新的网页设计趋势！实际上，侧栏模式的菜单设计已经有相当长的一个历史了，最开始它被用在计算机应用程序中，后来逐渐流行并被应用到网页设计领域。现在很多网站的设计的都采用这种精美而且便利的侧栏设计模式。 下面给大家分享21例十分时尚侧边栏菜单网页设计作品，这里创新的案例将启发你的灵感。Black Ram Whisky 拥有独特的设计。通过神秘的外表和细节的
2015-03-06 13:40:15
721
转载 jquery实现多行文本框高度变化
看了锋利的jquery，做了3个用jquery实现多行文本框高度变化的效果的小练习。这3个练习是层层完善提高效果的过程。先来看下练习一的效果图： 实现的功能是通过点击文本框上的放大，缩小按钮来控制文本框高度的增加和减小。 代码的思路是点击放大按钮后进行判断，如果文本框的高度小于500，那么重新设置高度，在原有的基础上加50。同理，点击缩小的
2015-03-06 11:16:15
2055
1
原创 jquery复选框练习
做了锋利的jquery里复选框的两个小练习。效果图一： 通过4个按钮实现复选框的全选、全不选、反选及提交选中选项并在页面中打印出来的功能 先来看看html，表单元素中的name值的设定非常重要，复选框的name值是相同的 足球 篮球 羽毛球 乒乓球 再来看下jquery，点击全选后，所有的选项都会被勾上，这个效果是全选按钮
2015-03-05 16:35:15
623
原创 jquery实现下拉框左右选择的效果
《锋利的jquery》一书中有讲一个用jquery实现下拉框左右选择的效果，先看下效果图如下： 类似于后多系统后台会用到的一个多项筛选的功能。 其实主要是有6个功能： （1）点击右边的某一项，点选下面的选中添加到右边，实现添加单个的功能 （2）点击全部添加到右边按钮，实现全部项添加的功能 （3）点击左边的某一项，点选下面的
2015-03-03 15:20:28
1297
转载 让表单提交返回后保持在原来提交的位置上
有时候，在网页中点击了页面中的按钮或是刷新了页面后，页面滚动条又 会回到顶部，想看后面的记录就又要拖动滚动条，或者要按翻页键，非常不方便，想在提交页面或者在页面刷新的时候仍然保持滚动条的位置不变，最好的办法就是 在JS中用cookie记录下当前滚动条的位置，然后刷新时读取cookie就可以实现这个功能了。代码如下： function
2015-03-03 10:19:38
1939
转载 怎样才能成为优秀的前端开发工程师
很多刚入门的前端攻城师会有一个疑问：如何才能成为一名优秀的前端工程师呢？其实这个问题说大也大，说小也小，展开了说可以写一本书。当然我相信大部分人并不希望去读一本厚厚的书，大道至简，下面总结的几条方法或许能成为走向优秀前端的进阶之路。 1. 多写。很多问题都是积累得来的。写了，遇到了，才能去真正理解解决方案，才会随着自己的不断成长而有进步。别人问我为什么知道那么多 CSS 兼容
2015-03-03 10:16:43
516
转载 视觉盛宴 HTML5 3D动画应用赏析
以下是一些很棒的HTML5 3D动画应用，值得一看。1、3D HTML5 Logo动画 HTML5多视角3D旋转动画 HTML5 3D动画实现起来非常方便，之前介绍过基于jQuery的3D旋转插件是利用多张多视角图片播放来实现的，而今天分享的这款HTML5 3D旋转动画是利用纯HTML5技术实现的，该动画实现了HTML5 Logo旋转的效果。
2015-03-03 10:09:44
804
转载 CSS3滚动视差效果的制作技巧
“视差(parallax)”效果现在在互联网上越来越流行了。如果你还没听说过什么是视差效果，它其实就是利用图片形成不同的层，分别以不同的速度，不同的方向移动产生的效果。这会产生出很奇妙的视觉效果，能有力的吸引住浏览者的目光。观看演示在web设计中，最常见的实现视差效果的方式是使用jQuery插件。但这种方法有一些弊端。这些插件大多都是在window对象的scroll事件上放
2015-03-03 09:39:06
1254
转载 使用 JavaScript 实现灵活的固定导航功能
如果你想在网页中实现灵活的固定导航功能，那么 Smart Fixed Navigation 这个 JavaScript 小脚本可以帮助轻松实现一个固定的导航，让用户在访问你的网站的时候可以随时使用菜单。它比全宽度的固定导航更小，并一个聪明UX的解决方案来取代回到顶部按钮功能。源码下载 在线演示
2015-03-02 10:40:40
497
转载 我是如何自学编程的——“3遍读书法”
我大学本科念的是电子工程专业，所以到那个时候为止，我唯一使用过的编程语言就是C/C++、Assembly、以及 Matlab。后来一个偶然的机会我参加了一个“周末创业”的活动，并且开始渐渐对软件开发和计算机科学感兴趣，然后我发誓我要不择手段地进入这个洋溢着无限魅力的领域。但是，我需要学习其他的编程语言，以便于和大家协作一起搞项目。 在过去的一年半时间里，我已经学了Java(用
2015-03-02 10:35:45
486
转载 2015年值得关注的几个WEB技术
HTTP2 HTTP2在今年中应该就可以定稿，这无疑是web界的一个大事。HTTP2从google的SPDY中借鉴了很多特性，重点改善了之前HTTP协议在当前的网络环境下的性能。简单地来讲，HTTP2更快。为什么呢，有几个主要改变： 首先是来自于同一个domain的HTTP请求可以共享同一个TCP连接了，这样可以很大程度上解决网络延时带来的性能问题。比如
2015-03-02 10:30:30
414
转载 Web开发中20个很有用的CSS库
在过去的几年中，CSS已经成为一大部分开发者和设计者的最爱，因为它提供了一系列功能和特性。每个月都有无数个围绕CSS的工具被开发者发布以简化WEB开发。像CSS 库，框架，应用这样的工具能够为开发者做很多事，而且可以使开发者创造出创新立异的WEB应用。在这篇文件章中我们找到了一系列对开发者有用的CSS库，它们能帮助开发者在一定的期限内取得有创造性和创新性的成果。我们希望这个
2015-03-02 10:11:46
576
转载 7款精巧实用的HTML5/CSS3应用
今天要给大家带来7款很不错的HTML5/CSS3应用，它们相比之前的HTML5动画来说要实用得多，每一款应用都提供源码下载，一起来看看。1、HTML5像素文字爆炸重组动画特效 HTML5可以把文字效果做得非常酷，就像之前分享的HTML5/CSS3发光文字和HTML5/CSS3文字投影特效就非常绚丽。今天我们要分享一款基于HTML5技术的文字像素爆炸重组动画特效，我们可以
2015-03-02 09:34:19
584
转载 详解this
习惯了高级语言的你或许觉得JavaScript中的this跟Java这些面向对象语言相似，保存了实体属性的一些值。其实不然。将它视作幻影魔神比较恰当，手提一个装满未知符文的灵龛。以下内容我希望广大同行们能够了解。全是掏箱底的干货，其中大部分占用了我很多时间才掌握。全局this浏览器宿主的全局环境中，this指的是window对象。 type="text/java
2015-02-28 17:29:49
522
转载 推荐大家使用的CSS书写规范、顺序
写了这么久的CSS，但大部分前端er都没有按照良好的CSS书写规范来写CSS代码，这样会影响代码的阅读体验，这里设计达人网总结一个CSS书写规范、CSS书写顺序供大家参考，这些是参考了国外一些文章以及我的个人经验总结出来，我想对写CSS的前端用户来说是值得学习的。 CSS书写顺序 1.位置属性(position, top, right, z-index, display, fl
2015-02-28 17:07:24
407
转载 移动端前端笔记大全
1、关闭iOS键盘首字母自动大写IOS的机子，默认英文输入法状态下，首字母是自动大写的，有时候挺烦人的。我们写页面的时候有没有办法把这个自动大写关闭呢？autocapitalize的属性可以实现： 在iOS中，默认情况下键盘是开启首字母大写的功能的，如果业务不想出现首字母大写，可以这样：input type="text" autocapit
2015-02-26 13:06:33
810
转载 移动端伪类 :active 生效
移动端基本没有:active的概念，因为不像鼠标，会有经过状态，但是并不代表移动端的:active是没有的 要CSS伪类 :active 生效，只需要给 document 绑定 touchstart 或 touchend 事件 具体代码：style>a { color: #000;}a:active {
2015-02-26 12:52:44
1322
转载 分享20个无版权的高清无 码图库站
今天这组网站比较有特色，有专门分享美食图片的，有专门分享复古图片的，各领风骚，质量都是一顶一的棒。下面就是20个无版权的高清**图库站，记得收藏啊。CompfightCompfight 是一个图片搜索引擎，帮你快速找到心仪的免费图片。网站有演示按钮，单击即可看操作方法。Life Of PixLife of Pix 给你高分辨率的免费大图体验，
2015-02-09 13:20:14
107426
转载 经典网页设计：使用颜色滤镜效果的20个网站
大的背景图像已经成为了今年网页设计的趋势。在图像排布文本和按钮并很好的搭配相当具有挑战性。因此，设计师使用创意的 Photoshop 滤镜和渐变来在图像上创建一个遮罩，并在其上放置其他的网页设计元素。这种新鲜的设计给网站带来独特的光泽。 在此，我把在网页设计中应用创意的颜色滤镜的20个优秀网站例子集合在一起。我希望这些网站会给你灵感，帮助你创造类似的效果。向下滚动并享受！Newt
2015-02-09 13:16:20
512
转载 JQuery：各种操作表单元素方法小结
表单元素无处不在，已然成了Web应用不可或缺的一个部分。对表单最最最常见的操作就是获取表单元素的值或者更改表单元素的值。那在JQuery和JavaScript中怎么操作表单元素的值？JQuery操作表单总结：1、文本框、密码框、隐藏域、文本域（id换成对应的,value属性存在，才能利用attr(‘value’) 获取值，否则返回undefined）：1.1 获取—>$
2015-02-09 13:13:41
527
转载 免费 PSD 下载： 20个精美的登录和注册表单
注册表单有许多不同的形状和尺寸，有的只是单个的输入框，有的则需要多个步骤。登录表单的设计将定义网站的性质，因此它应进行针对性的设计。下面的列表提供了20个醒目的登录和注册表单设计为您提供灵感。Rebound Newsletter – with PSD Login Form PSD Registration Form Dark Login Box
2015-02-09 13:09:39
772
转载 学习JavaScript的必备读物
常常有人要我推荐学习 JS 的书籍或者在线教程。看起来每个人都有很好的理由在 JS 领域有所行动。如果你对让人兴奋的工作机会很感兴趣的又想要玩一玩有意思的东西，那么 JS 一定是个很棒的语言。隨著 JS 的流行度增加，相关的书籍、博客和教程也随之大量增多，但是我不可能所有的资源都了解过，但是我看到了一些很不错的东西也想在这里分享给你。 书籍 请注意，在这里我只会推荐我已
2015-02-09 13:04:25
493
转载 炫酷实用的jQuery插件 涵盖菜单、按钮、图片
新的一周开始了，今天我们要为大家分享一些全新的jQuery插件和HTML5/CSS3应用，这些jQuery插件不仅非常炫酷，而且还挺实用，这次的分享包含jQuery菜单、CSS3按钮已经多种图片特效，一起来看看吧。1、CSS3书本翻页动画 书本翻页效果逼真今天我们要分享一款炫酷而且实用的CSS3动画效果，它是模拟书本翻页的动画特效。当鼠标滑过书本右上角时，书本即可向前翻一页
2015-02-09 12:59:25
694
空空如也
初学angular js遇到的问题
2016-06-09
关于长按二维码实现直接关注的功能
2015-02-06
TA创建的收藏夹 TA关注的收藏夹
TA关注的人