鸿蒙开发者社区

公众号矩阵

移动端

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

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

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

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

账号设置退出

前端

2.8w内容

关注

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

文章博文帖子课程

共 2.8w 条

jQuery中容易让人困惑的东西

jqueryt很灵活，太灵活了，可以说是他一个优点，也是他一个缺点，达到一种效果，十个人也许会用十种不同的方法来实现这个过程，结果一样，过程不一样，这到底是好，还是坏呢。

2012-04-25 10:18:49

多个目前流行的jQuery插件

无疑jQuery在Web的开发项目里面占据很大的一部分，由于jQuery有着很多插件可供选择，所以在开发中也是能帮你增加很多不错的效果。

2012-04-25 09:43:43

JavaScript为HTML 5提供的3D加速渲染

WebGL可以为 HTML5 Canvas 提供硬件3D加速渲染，这样 Web 开发人员就可以借助系统显卡来在浏览器里更流畅地展示3D场景和模型了。

2012-04-24 15:07:49

HTML 5为何如此之红

HTML 5如此之红，不仅与其自身相关，也有我们本身的需要，HTML5目前大多数开发的游戏，已经被我们所熟知，并且经常在使用和传播

2012-04-24 14:41:15

随机展示头像的jQuery代码

在头像显示的的区域需要有一个容器，然后随机每个头像的大小、位置、层级，并做出合理的调整，控制范围，限制随机范围不要溢出容器。

2012-04-24 14:06:37

jQuery可多次使用的星级插件

css代码从项目中分解出，有一小部分没贴完，大家可以根据自己的需求修改css style。

2012-04-24 10:36:08

HTML 5本地存储之兼容性与存储监听

onstorage可用时，监听事件并在事件触发时判断是否指定的key，onstorage不可用(IE8以下、Chrome因domain问题)时使用Timer来检查。

2012-04-24 10:08:12

HTML 5拖拽预览

代码中先分别监听这几个事件，取消浏览器默认的行为，然后利用HTML5中的File及FileReader判断读取拖拽的文件。注意，只能拖拽图片和txt

2012-04-24 09:48:49

出神入化的一些CSS网站

CSS并不只有局部美化的功能，牛人CSS使用可以让一个网站呈现出脱胎换骨，焕然一新的效果，下面多个网站让你体会到CSS的无限魅力。

2012-04-23 14:04:56

HTML 5浏览器的支持情况

HTML 5Test：常用的网站，可以快速测试你浏览器对HTML 5特性的支持。同时还能展示浏览器之间HTML5支持情况的对比。

2012-04-23 13:43:02

jQuery提供的获取元素位置的接口方法

getBoundingClientRect最早是IE中实现的，后主流浏览器都实现了它。因此后面的else判断基本上用不上，jQuery可考虑去掉该段代码。

2012-04-23 13:22:35

jQuery浮动留言板插件

目前浮动留言板只有一种样式，通过Ajax和后台数据交互，由ASP.NET编程。通过Internet Explorer 6&7和Firefox 2&3浏览器测试

2012-04-23 09:12:29

解析谷歌同样但不同结果的代码

看不出问题的时候要仔细看开发工具的每行，不只是出问题的那行，之前调试程序错误的时候就经常是因为;或者是"<"去了没">"回来。

2012-04-20 15:52:48

JavaScript实现真正可用的任务管理器

JS可以拥有主动权，做一些其他语言能做的事情，甚至可以反过来去主宰浏览器，下面看看如何通过JS实现的真正可用的Windows任务管理器。

2012-04-20 14:44:11

16个对开发者非常有用的JavaScript库

下面是给大家分享的16个对开发者非常有用的JavaScript库，对JS感兴趣的朋友就赶紧收藏吧。

2012-04-17 09:44:08

JQuery插件的开发真的有那么难吗

开发一个插件之前我们需要对自己的目的有一个清醒的认识，有很明确的方向感，那么此次我作为示例插件的目的，就是呈现一个用于UI的Slider - 滑动条，常年从事于或暂时专注于win32开发的同学应该比较了解。

2012-04-16 10:15:13

JQuery插件开发

基于JQuery的上传插件Uploadify

Uploadify简单说来，是基于Jquery的一款文件上传插件。它的功能特色有支持单文件或多文件上传，可控制并发上传的文件数等..

2012-04-16 09:19:03

W3C发布CSS Variables首个公开草案

W3C（World Wide Web Consortium，万维网联盟）的CSS工作组近日发布了CSS Variables（CSS 变量）的首个公开工作草案。

2012-04-13 09:55:20

10个强大的JavaScript/jQuery模板引擎推荐

文章整理了10款基于JavaScript和jQuery的模板引擎，希望能对你的开发工作带来一些帮助。详细请看下文

2012-04-13 09:45:53

JavaScript jQuery

HTML 5成就的经典游戏（附代码）

HTML 5现在正已惊人的速度发展着，很多经典我们熟悉的游戏都使用的是HTML 5。并随着HTML 5的不断发展和完善，相信一定会有一种新的趋势出现

2012-04-13 09:42:34

js大项目代码的多人合作处理方法

js大项目代码组织多人合作时会出现种种问题，编写规范的随意性，编写风格的个性化，是js项目维护成本的很大一部分原因。

2012-04-12 14:36:47

用HTML5 Audio API开发游戏音乐

音频在很大程度上使得多媒体体验非常引人注目。如果你曾经尝试在关闭声音的情况下看电影，你就很可能已经注意到了这一点。游戏的音频提出了一些有趣的挑战。要创建令人着迷的游戏音乐，设计人员需要调节潜在的不可预知的状态。现在我们进行深入解析网页上的游戏音频，详细情况下文

2012-04-12 11:11:15

深入理解JavaScript：设计模式之组合模式

组合模式（Composite）将对象组合成树形结构以表示“部分-整体”的层次结构，组合模式使得用户对单个对象和组合对象的使用具有一致性。详细请看下文

2012-04-12 09:38:21

深入理解JavaScript：设计模式之适配器模式

适配器模式（Adapter）是将一个类（对象）的接口（方法或属性）转化成客户希望的另外一个接口（方法或属性），适配器模式使得原本由于接口不兼容而不能一起工作的那些类（对象）可以一些工作。速成包装器（wrapper）。

2012-04-12 09:33:02

在Eclipse中使用JSHint检查JavaScript

我们今天要谈谈如何在Eclipse中使用JSHint检查JavaScript，JSHint 是一个社区驱动（community-driven）的工具，用于检测JavaScript代码中的错误和潜在的问题，规范编码风格，确保代码的质量。

2012-04-11 10:39:32

10个最佳的网站分析方法

一个网页设计师在设计网站的各个关键方面时，他们需要了解网站的各种必要细节，可通过市场调研或者是网站本身的统计来获取这些细节信息。

2012-04-11 10:21:54

分享Web应用运行的细节问题

在这个文章里，我将分享一下在iOpenWorks.com这个网站试运行中碰到的若干问题和解决方案，这些问题包含了：（1）如果通过ASP.NET MVC预编译提高性能；（2）如果知道网站在运行中，用户响应速度、网站异常信息、用户操作习惯；（3）解决与DiscuzToolkit集成的线程同步问题。

2012-04-11 09:48:01

HTML 5数据可视化与科学研究

我们今天将谈谈如何将HTML 5 WebGL利用于医学和科研领域的数据可视化。这可能是除了游戏之外，HTML 5的另一重大应用方面。

2012-04-10 15:31:06

分享5个最佳的JavaScript日期处理类库

在大家日常网站开发和web应用开发中，我们往往需要有效的调用Javascript处理日期和时间格式相关的函数，在Javascript中已经包含了部分最基本的内建处理方法。当然如果大家有时间的话，完全可以自己开发和编写需要的方法，但是有效的使用别人已经开发好的类库肯定是一个更好的处理方式，没有必要什么都原创吧，君子善假于物也。

2012-04-10 13:37:28

简洁风格按钮及其CSS 3实现方法

文章的内容是讲解如何去实现一个简洁风格的按钮以及在CSS 3上的应用，教程利用到PhotoShop，有源码提供下载。详细请看下文

2012-04-10 10:49:45

使用jQuery实现ASP.NETGridView折叠伸展效果

今天做静态页面时有一个需求，就是页面上有一组两个选项的单选按钮和一个有6行的列表（该列表用Table标签实现，不是DIV），当选择单选按钮的选项一时，列表的前三条信息显示后三条信息隐藏，当选择单选按钮的选项二时，列表的前三条信息隐藏后三条信息显示。那么就牵扯出我们今天的话题拉，如何实现呢？实现后该实现还能应用到哪些场景？

2012-04-10 10:41:59

超酷HTML 5和CSS3实现登录及注册功能表单

我们将会谈到登录和注册功能使用纯CSS3和HTML 5来实现。这里我们使用CSS3的伪类:target。我们使用CSS3和图标字体。

2012-04-10 10:31:07

27个jQuery网页拖放操作的插件

这篇文章为你介绍27个jQuery插件，使得你的Web前端具备拖放操作的能力。

2012-04-10 09:47:09

CSS必须要知道的10个技巧

本文介绍了DIV+CSS的10个技巧，其实也就是对常用的一些规则，属性以及HACK的问题进行了新的整理，在校中学习和实习的朋友必备。

2012-04-09 13:16:20

JavaScript表格组件加载速度测试

网络技术一直在发展并提高，人们期望Web应用程序能提高桌面程序那样的性能和用户体验。而数据表格又是企业级Web应用最为重要的部分，我们已经用了大量的数据（行数和列数）来测试流行的 JavaScript 表格的页面加载速度。

2012-04-09 10:07:08

WEB架构师成长之路之3:要懂哪些知识

如何成为一个WEB架构师而不是Loser程序员？走着弯路的你该如何重回正轨，看本系列文章第三篇：WEB架构师要懂哪些知识。

2012-04-09 09:41:24

IE6与W3C标准的盒模型差异

盒子模型（Box Model）是 CSS 的核心，现代 Web 布局设计简单说就是一堆盒子的排列与嵌套，掌握了盒子模型与它们的摆放控制，会发现再复杂的页面也不过如此，然而，任何美好的事物都有缺憾，盒子模型有两种不同的诠释，一种来自 IE6，一种来自 W3C 标准浏览器。

2012-04-06 13:18:58

10个基于Web的HTML5音乐播放器

HTML5 是一种用于创建和呈现的网页内容的语言。这是一个革命性的语言，它拥有一些真正棒的功能和一个新的HTML5规范允许本地音频流的播放。本文向你推荐 10 个最棒的 HTML5 音频播放器，看看你喜欢哪个！

2012-04-05 13:19:06

WEB架构师成长之路之2:大牛的法宝

如何成为一个WEB架构师而不是Loser程序员？走着弯路的你该如何重回正轨，看本系列文章第二篇：大牛的法宝。

2012-04-05 10:25:02

20个jQuery分页插件和教程(附带实例)

在这篇文章中我们将向你介绍 20 个最棒的 jQuery 分页插件以及教程，并提供在线演示。详细请看下文

2012-04-05 09:50:11

推荐21款最佳HTML5网页游戏

尽管 HTML5 的完全实现还有很长的路要走，但 HTML5 正在改变 Web，未来 HTML5 将把 Web 带入一个更加成熟和开放的应用平台。现在，越来越多的人尝试用 HTML5 来制作网页游戏等丰富的 Web 应用。今天要与大家分享的是 21 款基于 HTML5 的游戏，让大家体验一下 HTML5 的强大。

2012-04-01 10:35:12

基于HTML5的横版射击游戏发布

基于HTML5的横版射击游戏，参考自flash游戏《双面特工》。左右方向键控制移动，下方向键蹲下，上方向键跳跃，空格键射击。体验前请先关闭输入法。该游戏基于自己开发的HTML5游戏框架cnGameJS。

2012-04-01 10:02:00

纯CSS实现新手帮助提示功能(首次登入提示)

这类新手提示的插件还真是少，无奈之下自己写了一个，不带任何图片，完全css实现。因为考虑到功能比较特殊，使用不会太频繁，就没写成插件的模式，所有都是写死的，可以看下HTML代码结构。

2012-04-01 09:43:14

设计师也需要了解的一些前端知识

国画中有句话，“画虎先画骨”。对应到网页上，视觉效果只是一张皮，前端代码是支撑这张皮的骨，了解骨架是怎么长的，有助于设计出更合理高效的页面。

2012-04-01 09:10:17

WEB 设计师前端

HTML5人工智能基础及实践

人工智能(Artificial Intelligence) ，英文缩写为AI。它是研究、开发用于模拟、延伸和扩展智能的理论、方法、技术及应用系统的一门新的技术科学。本篇从严格意义上说属于人工智能的范畴，但也是基础中的基础。本篇的目的是要赋予小球解散和集合两项基本指令（智商），本篇内容中相关算法适用于子弹追踪等塔防类游戏当中。

2012-03-31 16:05:15

利用vertical-align:middle实现在整个页面居中

如果想让一个div或一张图片相对于整个页面居中，用vertical-align:middle可以很简单地解决。就以一个404页面为例，看如何让一张图片相对于整个页面居中。

2012-03-31 10:22:43

由布局学习CSS：从CSS sprites重视background

关于CSS sprite技术的详解，小弟在这里就不赘述了，在CSS sprite中最重要的就是关于background这个属性的理解，所以本文比较详细的介绍了background这个属性，如有错误，劳请指教。

2012-03-31 10:12:55

分享30套免费的高质量网页按钮素材

网页设计师经常会去网上搜罗各种各样的页面素材，这些免费的素材不仅能帮助他们节省大量的时间，而且能有很好的效果。今天这篇文章收集了30套免费的高质量网页按钮素材，你可以免费下载使用。非常感谢那些很有才华的设计师分享它们的劳动成果，让更多的人可以使用他们的创意设计。记得分享和推荐一下哦 :)

2012-03-31 10:05:51

WEB架构师成长之路之1:走正确的路

如何成为一个WEB架构师而不是Loser程序员？走着弯路的你该如何重回正轨，看本系列文章第一篇：走正确的路。

2012-03-31 10:00:05

10个绝对让你疯狂的HTML5和JS实验性展示

看看今天我们收集的绝对让你疯狂的HTML5和JS实验展示，这些演示验证了各种框架和超酷互动的性能。大多数的演示都能在Google Chrome和Firefox里流畅的运行，当然IE5并不支持这些演示。

2012-03-30 10:23:46

上一页 1 ··· 500 501 502 503 504 ··· 580 下一页

51CTO技术栈公众号

业务
速览

媒体

51CTO CIOAge HC3i

社区

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

教育

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