鸿蒙开发者社区

WOT技术大会

公众号矩阵

移动端

短视频免费课程课程排行直播课软考学堂

全部课程软考华为认证厂商认证 IT技术 PMP项目管理免费题库

文章资源问答课堂专栏直播

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

账号设置退出

前端

2.7w内容

关注

分享前端领域的前沿热点、技术实战、框架应用和使用案例，为开发者学习前端技术提供参考。

文章博文帖子课程

共 2.7w 条

拒绝平庸——浅谈Web登录页面设计

用户活跃度是检验产品成功与否的重要指标之一，传统行业的商家极为重视门面的装潢，因为一个好的门面可以聚集人气，招揽更多的顾客。古时候的大户人家院子门口的石狮子或其他的摆件的摆放极为讲究，有一定的风水学说道理，更能彰显主人家的身份地位.由此可见，“门面’就如人的脸面之于人的形象一样重要，而WEB的登录页面就相当传统的“门面”。　

2012-01-18 10:20:31

jQuery LigerUI使用教程入门篇

jQuery LigerUI 是基于jQuery的一系列UI控件组合，简单而又强大，致力于快速打造Web前端界面解决方案。因为是前端控件，跟服务器无关，可以适合.net,jsp,php等等web服务器环境。目前全部插件的打包压缩JS只有100K左右,很轻巧。使用插件式的开发模式，以“简单”为原则的设计，每个插件尽量独立，并可依赖拓展。

2012-01-17 10:47:07

JavaScript面向对象编程

Javascript是一个类C的语言，他的面向对象的东西相对于C++/Java比较奇怪，但是其的确相当的强大，在 Todd 同学的“对象的消息模型”一文中我们已经可以看到一些端倪了。这两天有个前同事总在问我Javascript面向对象的东西，所以，索性写篇文章让他看去吧，这里这篇文章主要想从一个整体的角度来说明一下Javascript的面向对象的编程。

2012-01-17 09:34:52

jQuery LigerUI V1.1.5发布(包括API和全部源码)

V1.1.5主要是对表格进行进一步地加强,目前已经支持固定列、完美的多表头,并对表格的编辑能力优化了一番,支持行编辑模式和明细编辑模式,用户可以自己定义编辑器,比如使用外部的日期第三方控件,都可以引入到ligerGrid里面来。

2012-01-16 10:38:47

《割绳子》HTML 5版背后的开发故事

Cut the Rope 是一款人见人爱的小游戏。有一个开发团队将它改造成了HTML5版本。想看看他们在改造过程中的经验之谈吗?那就看下面由开发人员自己写的文章吧~

2012-01-16 10:19:34

陈皓:由12306.cn谈谈网站性能技术

12306.cn网站挂了，被全国人民骂了。我这两天也在思考这个事，我想以这个事来粗略地和大家讨论一下网站性能的问题。因为仓促，而且完全基于本人有限的经验和了解，所以，如果有什么问题还请大家一起讨论和指正。

2012-01-16 09:58:26

利用jQuery marquee实现响应设计

模板的设计综合多屏幕响应式设计和自运行的jQuery marquee(无间断滚动)技术，主要解决的难题是如何根据显示屏幕的大小利用jQuery的Ajax技术加载额外的互操作数据到模板中。利用CSS3中的媒体查询功能以及包含一组通用的HTML和CSS标签，这个模板提供了非常出色的跨设备的用户体验。

2012-01-16 09:37:04

jQuery使用方法

jQuery是目前使用最广泛的javascript函数库。据统计，全世界排名前100万的网站，有46%使用jQuery，远远超过其他库。微软公司甚至把jQuery作为他们的官方库。对于网页开发者来说，学会jQuery是必要的。因为它让你了解业界最通用的技术，为将来学习更高级的库打下基础，并且确实可以很轻松地做出许多复杂的效果。

2012-01-13 09:55:54

开发者视角论述HTML 5平台的7大特点

乍看之下，HTML5似乎给在线和手机游戏开发者带来颇多益处。这是个纯网页平台，游戏开发者能够基于HTML5制作自己的游戏，然后在任何兼容设备发行内容，从手机到PC平台。但这是否真的这么简单?

2012-01-13 09:29:33

Foundation框架——快速创建跨平台的网站页面原型

如今，我们需要从设计流程的上游改变长久以来的习惯，比如尝试快速创建可以在不同设备上进行测试的原型，而不只是针对台式机浏览器或笔记本。这就是我们(英文原文作者的团队)开发Foundation框架的原因。

2012-01-12 15:36:12

响应式Web设计

jQuery基本原理

jQuery是目前使用最广泛的javascript函数库。据统计，全世界排名前100万的网站，有46%使用jQuery，远远超过其他库。微软公司甚至把jQuery作为他们的官方库。对于网页开发者来说，学会jQuery是必要的。因为它让你了解业界最通用的技术，为将来学习更高级的库打下基础，并且确实可以很轻松地做出许多复杂的效果。

2012-01-12 14:37:34

Web开发者的跨平台移动应用开发策略及工具

本文中，作者将站在传统Web前端开发人员的角度，为我们介绍一些在实际项目案例中总结出来的移动应用开发方法策略，以及几类具有代表性的用于打造跨平台移动应用的前端开发工具。

2012-01-12 14:16:23

响应式Web设计

响应式网站的产品需求和设计流程详解

今次的译文中，我们继续响应式Web设计方面的话题。前面的几篇相关文章以概念诠释、方法说明为主，本篇则围绕一个实际网站案例展开，从需求、流程、步骤细节等方面描述了响应式设计在项目中的实践方式。

2012-01-12 13:55:54

响应式Web设计

网站移动化的方法策略走出移动互联网的迷宫

愿望是好的，“移动化”的方式却会时常让人找不着北。究竟应该怎么做?开发一款iPhone或Android应用吗?还是为网站专门搞一套或N套适用于不同移动设备的设计方案?最重要的莫过于首先对自己产品的内容及功能进行正确定位，对移动化需求的程度进行合理的评估;在此基础上，尝试最适合自己的移动化方式。目前，有一些比较常见的思路可以供我们参考选择

2012-01-12 13:33:15

响应式Web设计

从网站到移动应用——随"机"应变的用户体验设计

如果你一直以来从事着相对传统的交互、视觉等方面的Web设计工作，而如今开始打算扩展视野、提升技能、随“机”应变，做一名移动互联网的弄潮儿...那么本文很适合你阅读。相关领域中的几位牛人会在接下来的时间里带给我们一些很实在的经验之谈。

2012-01-12 13:23:08

响应式Web设计

通过CSS3 Media Query实现响应式Web设计

在之前一篇译文中，我们了解了响应式Web设计的概念、组成要素以及基本的实现思路。今天继续相关话题，我们将从前文介绍过的“弹性布局结构”这方面出发，通过一个具体的实例来深入学习。

2012-01-12 11:05:05

响应式Web设计

响应式web设计之深挖图像处理技术

在这篇文章中，我会对于响应式图像中设计的具体技术做一个更详细的论述，并且来看看这些技术的可用性。

2012-01-12 09:45:05

响应式web设计

响应式Web设计之初探图像处理

最近在国外关于一个Web设计的网站Smashing Magazine上的一篇文章总结了一些响应式Web设计技术，其中包括几个处理IMG标签的新的方法。因此，现在非常适宜深入挖掘一下这个问题以及可能的一些解决方法了。

2012-01-12 09:32:17

响应式Web设计

2011移动Web综述:工具集和资源库步入成熟

2011年是移动web年。移动web的工具集和资源库步入成熟，新的工具不断推出，各种丰富的插件使得基于web的移动应用程序开发变得越来越方便。下面是移动web 2011年综述，里面记录了2011年推出的最具影响力的资源和发生的大事件!

2012-01-12 09:11:17

HTML 5游戏在不同设备上性能不一致

近日，EA创意总监Richard Hilleman在旧金山的“新游戏大会”上分享了他们团队在HTML 5游戏开发过程中遇到的挫折，在MacBook Air上运行很好的3D动画，在其他设备上却容易出现各种各样的问题。

2012-01-11 16:22:35

HTML 5游戏市场究竟有多大？

正如我最近在博客中写道的那样，我坚信2012会是HTML 5移动游戏大展身手的一年。在创建我自己的游戏开发工作室时，和其他的创业公司一样，我需要做很多功课，以下是我总结的HTML 5游戏创业公司通常会遇到的一些问题，以及我对这些问题的个人理解

2012-01-11 10:14:58

HTML 5为何备受汽车制造商关注

不只是在汽车业，在平板电脑、尤其是智能手机等其他设备上，制造商们为了满足消费者对内容和服务的需求，纷纷部署了令人眼花缭乱的各种技术。HTML 5是一项非专有且被普遍采用的标准，并在广泛的部署中证明了其价值所在。如果有什么能在现在和未来帮助汽车制造商在合理的成本条件下满足车载信息娱乐系统中的用户所需，那就非HTML 5莫属了。

2012-01-11 10:02:54

2012纽约市长新年计划：学习编程

第108任纽约市市长 Michael Bloomberg，和其它公众人物一样，他也喜欢玩 Twitter，拥有超过 20 万粉丝。在几天前，他宣布了自己的新年计划

2012-01-11 09:49:52

PHP 5.3.9正式版发布！

经过4个RC版,PHP 5.3.9正式版总算发布了。2012-01-11 上一个版本还是2011-08-23的5.3.8 这个版本当然修正了那个hash 碰撞攻击bug.此外还有大量的bug修正，请使用PHP 5.3的同学尽快升级

2012-01-11 09:44:21

技术分析12306网上订票真的就这么烂吗？

买票难，网上买票更难。奇丑的UI，无法登录，扣钱买不到票…每个人都在用12306，每个人都在骂，那这样一个产品到底合格不合格呢?是不是真的找几个IT民工，就能做的比他更好呢?

2012-01-11 09:18:00

Web前端性能优化经验分享

最近一直有给新同学做前端方面的培训，也有去参与公司前端的招聘，所以把自己资料库里面很多高效且有用的知识做了些规整分类，然后再分享一篇关于前端优化方面的总结。而且春节一过就又是招聘的高峰期了，在校的、跳槽的、浮躁的都开始进入面试的大军，前端优化也是前端面试一般会问到的东西，所以希望能对朋友们有用。

2012-01-10 16:22:25

使用jQuery和CSS实现超酷缩略图悬浮逼近效果

今天我们为大家介绍一个使用jQuery实现的缩略图逼近效果。主要的想法是当鼠标接近缩略图后，当前的缩略图会放大，并且周围相邻的缩略图也会相应变大一些，当你移动鼠标时，会影响移动方向上的缩略图大小变化，具体效果请大家查看演示。

2012-01-10 14:59:42

Node.js后端框架设计构想

我打算把我的后端的框架定位为建站框架，本文是我的一些思路与初步实践。如果园子里有做过后端框架的高手(不限语言)，也请指教一下。以下是大概的流程。

2012-01-10 10:04:43

揭秘2012年12位技术领袖的新年决心

2012年已经到来！在新的一年每个人肯定有新的目标和新的愿望，但每个人并不相同，本文将为您分享12位技术领袖的新年决心。

2012-01-10 09:07:01

什么是响应式Web设计？怎样进行？

眼下，几乎每个新客户都希望他们的网站可以有专门的移动设备版本。最完美的情况呐，就是为iPhone、iPad、黑莓、Kindle……各自打造一款——页面分辨率还必须兼容任何设备。谁知道未来5年内我们还需要为多少新发明的设备设计开发不同版本的页面?这种疯狂什么时候算个头?

2012-01-09 14:48:15

用Web socket和Node.js实现HTML 5画布的实时绘图译文

Web套接字(Web socket)和画布(Canvas)是目前实施到浏览器中的两项超酷的特性。本教程将简要介绍这两者是如何工作的，并且制作了基于Node.js和Web套接字的实时画布。为了简洁起见，我将使用CoffeeScript来编写所有代码。如果你青睐用传统的JavaScript来编写，只要看一下相应的.js文件。出于同样的原因，我也弃用了CSS。

2012-01-09 13:24:27

脚本帮你从12306反复登录和查询中彻底解放

12306.cn 可以网上购火车票了，但由于我镇的『国情』决定了春节时分它竟然比电话购票都不靠谱。但是，毕竟它是最方便的，所以在意识到其实这不仅是个技术活、更是一个体力活之后，终于决定博彩众家之长搞这么一个一条龙的轮子……现在放出来也许有点晚了，但是对于赶年前一两天以及回程票的同学还是有点用的，所以还是放出来吧 :-)

2012-01-09 11:25:34

HTML 5游戏开发盈利之道

回顾2011，HTML5游戏设计者可以做梦，有很多好的创意，我们可以花很小的成本去做，今年就是你将梦想实现的时候，在这里分享几点游戏设计与货币化经验。

2012-01-06 14:10:13

提升as3程序性能的十大要点

新的一年到来了，是时候为flash的性能制定新的解决方案了。今天的文章收集了我认为可以提升flash程序性能的十大要点。继续往下读吧。

2012-01-06 13:48:59

2011年使用率上升最快的十大Web技术

W3techs网站评出了2011年十大使用增速最快的 Web 技术，本文对其进行编译供各位参考。注意，该评选结果是在针对前100万流行网站(根据Alexa值统计)进行调查统计出的，点击这里查看详细统计信息。

2012-01-06 13:23:44

10个强大的JavaScript表单验证插件

在这篇文章中，我发现了10个已经取得的JavaScript验证插件，可以节省您的时间!他们很容易申请和设计工作，以及与您现有的模板联系起来。我一直在使用，因为它简单validate.js和易于集成。

2012-01-06 09:09:56

1月Web服务器调查报告新鲜出炉:Nginx超IIS

Netcraft 2012年1月份的Web服务器调查报告显示，Nginx的占有率达到了12.18%，比上月增长0.57%;微软的IIS为12.14%，下降0.17%;Apache 仍然居于主导地位，占57.93%，不过比起12月份的58.2%也略有下降;Google在Netcraft的榜单中居于第四位，占7.9%，同样比上月的8.13%有所下降。

2012-01-05 17:05:05

深入理解JavaScript之强大的原型和原型链

由于JavaScript是唯一一个被广泛使用的基于原型继承的语言，所以理解两种继承模式的差异是需要一定时间的，今天我们就来了解一下原型和原型链。

2012-01-05 15:07:11

JavaScript中的陷阱大集合

本文主要介绍怪异的Javascript，毋庸置疑，它绝对有怪异的一面。当软件开发者开始使用世界上使用最广泛的语言编写代码时，他们会在这个过程中发现很多有趣的“特性”。即便是老练的Javascript开发者也可以在本文找到一些有趣的新陷阱，请留意这些陷阱，当然也可以尽情享受由这些陷阱带来的“乐趣”!

2012-01-05 10:19:43

牛人分享网上订火车票的小技巧:Firefox+Firebug

网购火车票并没有想象的那样美，在春运的巨大压力之下，不少问题渐渐凸显出来：唯一的购票网站系统经常繁忙、报错，导致订不到票；火车票钓鱼网站也随之大增,怎么办？牛人分享Firefox+Firebug网上订火车票。

2012-01-05 09:14:05

Knockout应用开发指南之Mapping插件

Knockout设计成允许你使用任何JavaScript对象作为view model。必须view model的一些属性是observable的，你可以使用KO绑定他们到你的UI元素上，当这些observable值改变的时候，这些UI元素就会自动更新。

2012-01-04 16:21:11

Knockout应用开发指南之载或保存JSON数据

Knockout可以实现很复杂的客户端交互，但是几乎所有的web应用程序都要和服务器端交换数据(至少为了本地存储需要序列化数据)，交换数据最方便的就是使用JSON格式 – 大多数的Ajax应用程序也是使用这种格式。

2012-01-04 16:11:49

利用C++试用JSON第三方库JsonCpp

本文选择第三方库JsonCpp来解析json,JsonCpp是比较出名的c++解析库,在json官网也是首推的。

2012-01-04 14:02:26

使用JavaScript和Canvas写一个游戏框架

下面我们要介绍的JavaScript代码使用面向对象的方式来编写。对于没有编写过多少JavaScript代码的人来说，恐怕第一眼看到它们会觉得有点奇怪。

2012-01-04 13:55:23

Web入门者必看的HTML代码编写的30条军规

本文总结了30条html代码编写指南，只要在编写HTML代码的过程中牢记它们，灵活运用，你一定会写出一手漂亮的代码，早日迈入专业开发者的行列。

2012-01-04 09:53:13

Filer.js：一款支持HTML 5文件系统API的类Unix库

埃里克·比德尔曼，一位来自谷歌Chrome团队的工程师，发布了一款基于HTML5文件系统API的Javascript库。这个名为filer.js的JS库，基于Apache 2.0协议，目前可以通过GitHub下载。

2011-12-31 15:19:40

讨论了那么多，究竟什么是Web App?

你是否知道什么是Web App?你知道Web App是怎样产生的吗?Web.AppStorm对Web App的定义看起来有点复杂。Web App中使用了各种不同的技术：Flash、 JavaScript、HTML5、PHP、 Java、Silverlight、Web服务以及具体的应用程序…Web App必须满足哪些条件?又有哪些条件并不是Web App所必须具备的?

2011-12-31 14:47:10

2011年Web Apps发展状况大盘点

本文作者为海豚浏览器CTO 刘铁锋，HTML5的兴起让业界有了Web App和Native App之争，本文对Web App 2011年的发展状况做了超详细的盘点，并指出基于HTML 5的Web App会有新的开发模式，甚至于不同于App Store的新盈利模式出现。如有读者想和作者就此做更深入的探讨，可以在微博@百纳刘铁锋。

2011-12-31 14:19:06

2011年最热门的开源PHP项目回顾

本文来自于对活跃在SourceForge和GitHub上的项目的分析研究，同时我也在Twitter上向大家进行了调查，以免漏掉了很热门但是我却不知道的项目。

2011-12-31 14:03:34

响应设计的技巧，秘诀和最佳实践

除非你现在正处在世外桃源，否则你不可能没有听说过web设计者间最近广泛流行的响应设计(Responsive Design)。Ethan Marcotte使用responsive design这一术语描述一种新兴的技术，它采用易变的布局和媒体查询扩展网站，使得网站能够动态适应各种尺寸大小的屏幕。

2011-12-31 10:18:33

上一页 1 ··· 483 484 485 486 487 ··· 559 下一页

51CTO技术栈公众号

业务
速览

媒体

51CTO CIOAge HC3i

社区

51CTO博客鸿蒙开发者社区 AI.x社区

教育

51CTO学堂精培企业培训 CTO训练营