- 博客(27)
- 收藏
- 关注
你真的需要一个jQuery插件吗?
jQuery的插件提供了一个很好的方法,节省了时间和简化了开发,避免程序员从头开始编写每个组件。但是,插件也将一个不稳定因素引入代码中。一个好的插件节省了无数的开发时间,一个质量不好的插件会导致修复错误的时间比实际从头 开始编写组件的时间还长。 幸运的是,人们通常具有各种不同的插件可供选择。但是,即使你只用一个,也要弄清楚它是否值得使用的。永远不要在你的代码库中引入错误的代码。 你需要一个插...
2014-10-20 15:45:53
179
艾维接管苹果界面设计:重新思考iOS的一切
北京时间11月3日消息,据国外媒体报道,苹果设计部门负责人乔纳森-艾维(Jony Ive)近日开始全面负责苹果所有产品的设计。这位天才设计师将会重新思考iOS的一切,并将它打造成又一个新的令人炫目的东西。 让我们来看看我们所了解的乔纳森-艾维(Jonathan Ive)的工作风格: ● 极其简约、干净利落和漂亮的硬件。 ● 一致的设计语言(苹果手机、平板电脑、台式电脑和笔记本电脑均使用了统...
2014-10-16 15:49:18
205
40个值得你关注的jQuery插件
jQuery开发者社区应该是网站开发中最勤奋和活跃的社区之一了。他们源源不断的为我们提供免费而又实用的插件。我把最近搜集到的40个非常实用的插件分享给大家。 一、滚动插件 jQuery Waypoints Waypoints 是一个 jQuery 用来实现捕获各种滚动事件的插件,例如实现无翻页的内容浏览,或者固定某个元素不让滚动等等。支持主流浏览器版本。 sk...
2014-10-16 14:09:07
189
用原生JavaScript做个简单的回到顶部
很多网页在下方都会放置一个“返回顶部”按钮,尤其是页面底部没有导航的网页,这样可以帮助访客重新找到导航或者重温一遍广告(想得真美)。随着近几年来 JavaScript 的应用日渐广泛,滑动效果无处不在,于是我也跟跟风,将返回顶部功能做成了滑动效果。后来为了更贴合物理特征, 改造做成了减速的滑动效果。 首先说一下原理吧,我们会获取滚动条到页面顶部的距离,然后上移一定的距离;再获取滚动条到页面顶部...
2014-10-15 15:25:27
140
JavaScript需要类吗?
在我长达一年的工作生涯中,我遇到过有人把构造函数称做类,还有人把对象字面量称做类.这比把火狐扩展叫成插件都令我*疼. 无论你喜欢还是不喜欢,ECMAScript 6中将会包含类(class)这个新东西了[1].在JavaScript中,对类的需求一直都有两极分化的趋势.有些人特别喜欢JavaScript中没有类,因为这和其他语言不同.另一方面,还有一些人厌恶JavaScript没有类,因为这和...
2014-10-15 14:09:33
135
原生的html元素选择器的实现,类似jquery选择器
做前端,需要选择元素,虽说有jquery和各大js库已经帮我造好了轮子,但我想试试自己实现一个,正好项目也不忙,正好加入自己的js文件中,下面是实现代码。用$g(“#content .op”)这种格式就可以调用,和jquery $()的参数一样: 可以500%提高开发效率的前端UI框架! function $findChilds(parentNode, text) { //...
2014-10-14 16:05:46
178
css基准线研究:垂直对齐的实现-好的、差的和丑陋的
这或许是因为缺少基线网格的理解和欣赏,更或者是因为基线网格是出了名的难以实现, 迄今为止还没有人拿着蓝图让它成功实现。 有些人甚至认为基线在网络上是多余的,基线作为一种排版术语和网络上的行为,在网络上遵循的规则有别于用于印刷的,line-height和真正的行距之间令人沮丧的差异就是最明显的例子。 目前,无论怎样,让我们先假设基线至少在某种程度上对于来说网页设计师是一种有用的工具。但是它到底是什...
2014-10-14 14:07:40
1056
ExtJs4 笔记之 layout 布局
本篇讲解Ext另一个重要的概念:布局。一般的容器类控件都是通过配置项items添加子控件的,这些子控件相对于父控件怎么定位呢,这里就要用到布局。 某些容器类控件,它本身默认就集成了一种布局方式,例如比较典型的是:Ext.container.Viewport 布局控件,它其实就是一个border布局的容器,还有Ext.form.Panel、Ext.tab.Panel等。本节我们系统的分析各种布局方...
2014-10-10 16:02:57
101
CSS3 :nth-child()伪类选择器
CSS3的强大,让人惊叹,人们在惊喜之余,又不得不为其艰难的道路感到可惜:好的标准只有得到行业浏览器的良好支持才算得上“标准”。CSS3标 准已提出数年,但是目前能实现她的浏览器并不多,虽然部分浏览器能实现部分规范,但这又有什么用呢?面对更多的兼容性问题,CSSer们只有望洋轻叹。虽 然如此,但有前瞻性的我们,又怎能停步不前呢?今天我们就来“前瞻”一下CSS3的一个伪类选择器“:nth-chil...
2014-10-09 13:03:14
92
“background-image:url(data:image”data类型的Url格式简介
所谓"data"类型的Url格式,是在RFC2397中 提出的,目的对于一些“小”的数据,可以在网页中直接嵌入,而不是从外部文件载入。例如对于img这个Tag,哪怕这个图片非常非常的小,小到只有一个 点,也是要从另外一个外部的图片文件例如gif文件中读入的,如果浏览器实现了data类型的Url格式,这个文件就可以直接从页面文件内部读入了。 data类型的Url格式早在1998年就提出了,时至今...
2014-10-08 19:31:29
5994
移动框架jQuery Mobile入门
jQuery Mobile使用指南 简介:jQuery Mobile框架可以轻松的帮助我们实现非常好看的、可跨设备的Web应用程序。我们将后续的介绍中向大家介绍大量的代码及实例。 jQuery一直以来都是非常流行的富客户端及Web应用程序开发中使用的JavaScript类库,然而一直以来它都是为桌面浏览器设计的,没有特别为移动应用程序设计。 jQuery Mobile是一个新的项目用来添补...
2014-09-18 13:51:23
117
2014年的13种产品设计趋势
新年新气象,产品设计师们也将会有更多新的灵感。既然适逢13年,我们就来看看今年可能获得用户青睐、引领应用设计潮流的是哪13种风格吧。 1.平面化设计 这个风格似乎将会是最受欢迎的选择。平面化设计其实是对过度拟物化的反弹。虽然这种风格由来已久,但将它发扬光大的则是微软公司。 Win8似乎以平面化设计建立了一个全新的操作系统——以方块拼成的Metro。虽然这种风格已在XBOX上率先使用,但它成...
2014-09-17 15:36:36
168
CSS3 target伪类简介,以实现tab效果为例子
CSS3 target伪类是众多实用的CSS3特性中的一个。它用来匹配文档(页面)的URI中某个标志符的目标元素。具体来说,URI中的标志符通常会包含一个”#”字符,然后后面带有一个标志符名称,比如#respond,target就是用来匹配ID为respond的元素的。 现在在页面中,点击一个ID链接后,页面只会跳转到相应的位置,但是并不会有比较明显的UI标识,使用:target伪类可以像:h...
2014-09-15 16:11:34
136
CSS3 径向渐变(radial-gradient)
上篇文章介绍了 CSS3 线性渐变(linear-gradient),这篇文章向大家介绍 radial-gradient(径向渐变)以及重复渐变(线性重复、径向重复)。在以前,渐变效果和阴影、圆角效果一样都是做成图片,现在 CSS3 可以直接编写 CSS 代码来实现。 CSS3 径向渐变和线性渐变是很相似的,我们首先来看其语法: -moz-radial-gradient([<bg-p...
2014-09-12 15:07:43
185
CSS3 线性渐变(linear-gradient)
CSS3 Gradient 分为 linear-gradient(线性渐变)和radial-gradient(径向渐变) 。而我们今天主要是针对线性渐变来剖析其具体的用法。为了更好的应用 CSS3 Gradient,我们需要先了解一下目前的几种现代浏览器的内核,主要有 Mozilla(Firefox,Flock等)、WebKit(Safari、Chrome等)、Opera(Opera浏览器...
2014-09-12 14:53:02
145
响应式Web设计:Media Queries和Viewport的困惑
最近在研究响应式web设计,发现其实这东西其实挺难的,Media Queries和Viewport这两个概念就让人非常头疼,到底是只用其中一种就行,还是两者必须配合起来用,正在困惑的时候,发现了以下这篇文章,虽然没有全懂,但是似乎了解又更近一步了。 前言 现在使用移动设备人越来越多,移动版的Website随之也越来越重要;但是移动端设备的大小不一,屏幕分辨率各不相同,我们不可能为BlackB...
2014-09-11 14:56:48
108
超简洁的jQuery内容滑动插件 - Basic jQuery Slider
摘要 内容滑动插件能让你在有限的空间中展示更多的内容,给力技术之前也推荐过好几个这类插件,今天要推荐的也是一个内容滑动插件 - Basic jQuery Slider 。 Basic jQuery Slider 是一个轻量级的很简洁的 jQuery 内容滑动插件,经压缩后也仅有4.6kb大 内容滑动插件能让你在有限的空间中展示更多的内容,给力技术之前也推荐过好几个这类插件,今天要推荐的也是...
2014-09-10 13:27:14
139
10个顶级的CSS UI开源框架
随着CSS3和HTML5的流行,我们的WEB页面不仅需要更人性化的设计理念,而且需要更酷的页面特效和用户体验。作为开发者,我们需要了解一些 宝贵的CSS UI开源框架资源,它们可以帮助我们更快更好地实现一些现代化的界面,包括一些移动设备的网页界面风格设计。本文分享了10个顶级的CSS UI开源框架,有几个确实不错,一起来看看。 1、QUI – 最流行的Web前端UI框架 QUI是由twitt...
2014-09-09 13:34:46
147
几本 jQuery 书籍(含 jQuery 实战)
今天整理下手中的几本 jQuery 书籍,和大家分享一下,其中包括 jQuery 基础教程(Learning jQuery)、jQuery 实战(jQuery in Action)和锋利的 jQuery。 1.jQuery实战(jQuery in Action) jQuery 之父推荐的书,大家可以想像。“本书令我惊喜……这是一部深入透彻的著作,jQuery项目本身都从中获益匪浅。相...
2014-09-05 16:02:07
1639
10分钟让网友们学会写Jquery插件
最近很多网友说jquery插件是什么啊?怎么写的啊?我不会写啊? 一大堆的问题一时都不知道怎么回答他们,个人认为是网友们把问题复杂化了。 其实就是把一些常用、实用、通用的功能封装起来而以,简单的来讲就是把这些代码放在一个方法里面,可以达到重复使用的效果,这样就可以不需要每次要用此功能的时候都去重新写一遍。UI前端框架最新力作!有奖试读! 现在Jquery里面加入了插件的概念,...
2014-09-05 15:54:56
98
原创 jQuery图片预加载
jQuery图片预加载早已不是什么新鲜的技术,比如在图片轮播(一些hover事件中)时为了提高图片加载速度,这就需要用到图片预加载技术,这样图片的切换就显得流畅,这样做一定意义上提升了用户体验。我们简单看看实现方法及简单的说明:UI前端框架最新力作!有奖试读 var img = $('<img />').attr('src', 'imageurl.jpg'); jQue...
2014-09-04 16:38:22
68
jQuery 1.6.4 RC1 发布
jQuery 官方博客写道 jQuery 1.6.4. 将很快发布,需要大家的帮助来找出其中存在的 bug,在下个月 1.7 版本发布前修复这些 bug 很重要。如果大家有时间的话,可以帮助测试下 jQuery 1.6.4 RC1。 jQuery 1.6.4 RC1 中修复的 bug 有: 1.Data 属性 分享一个最好用的UI前端框架! 在 jQuery 1.6.4 之前...
2014-09-04 16:30:08
111
您适合从事web前端开发行业吗?
首先,我们看一下前端新人从哪里来?相对于其他IT技术职位来说,Web前端工程师算是半个程序员,很多从事此项工作的都是非计算机相关专业出身,这当然是因为互联网行业吸引人以及HTML和CSS入门起点低,目前大学里尚能全民考C(计算机二级),全民做网页也没有什么稀奇,而且因为职位所处位置的交叉性,注定有很多Web前端开发人员是转行而来。 随着互联网的迅猛发展和普及,一个新型的行业和新兴的职位正在上升...
2014-09-03 15:40:52
126
一名前端Web架构师的成长之路
本人也是coding很多年,虽然很失败,但也总算有点失败的心得,不过我在中国,大多数程序员都是像我一样,在一直走着弯路。如果想成为一个架构师,就必须走正确的路,否则离目标越来越远,正在辛苦工作的程序员们,你们有没有下面几种感觉? 一、我的工作就是按时完成领导交给我的任务,至于代码写的怎样,知道有改进空间,但没时间去改进,关键是领导也不给时间啊。 二、我发现我的水平总是跟不上技术的...
2014-09-03 15:39:53
89
原创 一名优秀的Web前端工程师的成长之路
我所遇到的前端程序员分两种: 第一种一直在问:如何学习前端? 第二种总说:前端很简单,就那么一点东西。 我从没有听到有人问:如何做一名优秀、甚至卓越的WEB前端工程师。 何为:前端工程师? 前端工程师,也叫Web前端开发工程师。他是随着web发展,细分出来的行业。 Web前端开发...
2014-09-03 15:10:52
254
原创 jQuery中实现自定义方法的扩展
JQuery包装器提供了大量的方法,可以再页面中直接使用。但是,没有 任何一个库可以满足所有的需求,所以,JQuery库提供了丰富的扩展功能 。以禁用一组表单元素为例,看看怎么简单有效的在JQuery库中添加自定 义的功能扩展。(JQuery没有禁用表单元素的方法哦)精心开发5年的UI前端框架! 上代码: [javascript] view plaincopy ...
2014-09-03 15:02:23
116
电商前端工程师:国内WEB前端开发经验之路
一直想写这篇“十日谈”,聊聊我对Web前端开发的体会,顺便解答下周围不少人的困惑和迷惘。我不打算聊太多技术,我想,通过技术的历练,得到的反思应当更重要。 我一直认为自己是“初级”前端开发工程师,一方面我入道尚浅,只有短短几年,另一方面我自知对技术的钻研并不深入,可能是由于环境的原因,当然最重要的是,我幸运的参与到互联网崛起的浪潮之巅。时势造就了一批技能薄弱但备受追捧的“弄潮者”,这在很大程...
2014-09-01 15:14:55
539
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人