开源基础软件社区

WOT全球技术创新大会

公众号矩阵

移动端

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

精品班厂商认证 IT技术 2022年软考 PMP项目管理

在线学习企业服务

CTO训练营技术经理研习营 LeaTech峰会

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

51CTO

开源基础软件社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

开源基础软件社区订阅号

51CTO学堂APP

51CTO学堂企业版APP

开源基础软件社区视频号

账号设置退出

前端

2.0w内容

关注

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

文章博文帖子课程

共 2.0w 条

别怕！我们还有HTML 5和CSS3

不管是浏览器的历史遗留问题，还是互联网用户的习惯，都或多或少的限制着HTML5和CSS3的推广，我们期待规范制定者们能够尽快推出统一的标准，各个浏览器厂商能够更好更多地支持新特性。

2012-05-11 09:37:34

HTML 5实现淘宝语音搜索功能

淘宝网的语音搜索也有了一阵子了，但似乎都没看到相关的博客或帖子在说这个如何实现，今天查了点资料，发现原来实现是如此简单，可能是因为太简单了，也就没有人讨论了吧。

2012-05-10 15:41:46

实现JavaScript编写类的方式

构造方法方式：这是最基本的也是最像Java写class的方式。这样的方法简单明了, 也符合JAVAer的胃口, 但是每new一个新对象, 就会在内存中分配一个sayName方法, 性能不是很好。

2012-05-10 15:21:50

jQuery实现无限循环滚动公告

如果有2条公告或以上就有个滚动效果，实例请移目前端组公告栏。在此感谢Newton同学的耐心指导，不多说了，上代码！

2012-05-10 14:02:46

创建jQuery插件的建议

使用相同的设计模式和架构也让修复bug或者二次开发更容易。一套经过验证的架构可以保证我的插件不出大的问题，不论插件简单还是复杂。我在这里分享10条我总结的经验。

2012-05-10 13:45:45

CSS 3D转换教程大放送

本文作者一直以来都在从事将2D转换成3D方面的研究。也许你会因一些概念、术语等将两者混淆，文中例举的这几款示例能帮你轻松解答困惑。对于CSS 3D爱好者来说，无疑是个不错的选择。

2012-05-10 10:55:03

多个很棒的jQuery教程

jquery 是一个非常优秀的 javascript 框架，使用简单灵活，同时还有许多成熟的插件可供选择。今天的这篇文章收集了多个非常棒的 jQuery 教程分享给大家

2012-05-10 10:36:53

2012年Web设计和开发的15个趋势

我们很难预测将来会发生什么，但是一些设计师、开发工程师和行业的大师提出了自己的观点。以下是他们对2012年的一些猜测，关注这些方面，你更可能取得成功。

2012-05-10 10:01:31

HTML 5开发的优秀网页游戏

随着各大浏览器对 HTML5 技术支持的不断完善，越来越多的开发人员开始使用 HTML5 来开发交互性强、效果出众的 Web 应用和游戏。

2012-05-10 09:45:14

HTML 5如何实现缓冲效果

大家都知道Web2.0以来，应用程序的实现使用了大量Ajax，而Loading的小图标也有很多，甚至还有专门提供Loading图片的网站，所以我就想能不能让HTML5一并解决这个以前用gif文件才能解决的问题。

2012-05-09 14:49:23

微博@功能的详解

对这个功能进行分析如下：确定光标的位置、textarea文本框里对字符串@的判断、tip的弹出事件、键盘的操作事件、ajax调用、文字的插入等

2012-05-09 14:02:46

印象深刻的jQuery手风琴效果应用

jQuery 是最流行的 JavaScript 开发框架，它简化了 HTML 文档遍历，事件处理，动画以及 Ajax 交互，帮助 Web 开发人员更快速的实现各种精美的界面效果。

2012-05-09 13:45:04

难以置信的HTML 5和JS实验

今天，本文与大家分享其中9个很棒的例子，HTML5 Canvas 和 JavaScript 的实验项目，里面的例子都很独特，让人惊叹。为了有更好的效果，建议在Chrome浏览器中浏览。

2012-05-09 10:32:28

HTML 5 Canvas开发的网页游戏

今天要与大家分享的是另外25款基于 HTML5 Canvas 开发的网页游戏，相信体验了这些游戏之后，大家都会觉得 HTML5 很好很强大。

2012-05-09 09:41:58

精美网页设计给你带来无限灵感

没有了灵感的设计，是设计不出好的网页的，今天通过看一些精美的网页设计来给你带来无限的灵感，像往常一样，我们继续向人们展示美丽和有趣的网页设计，希望你也喜欢这个星期的收集。

2012-05-09 09:31:33

百度Web前端面试经历

今天面了百度的前端实习职位。一面。时间大概是50分钟。面试官是位很帅气的小伙子，非常友好的一个人。进门的时候他让我等一会，我瞄了一眼他的电脑屏幕，发现他在coding……

2012-05-08 16:11:14

WEB 前端开发面试

HTML 5兼容IE的写法

来作为IE8的兼容方法，虽然微软将IE向标准迈进了一大步，而事实上IE8还存在一系列渲染的奇怪现象是不争的事实。谁让IE6那么多呢，或许2014年以后我们可以有更多的时间去关心IE8，而不是IE6或者IE7。

2012-05-08 13:36:47

HTML 5中SVG 2D坐标与变换

SVG的视窗位置一般是由CSS指定，尺寸由SVG元素的属性width和height设置，但是如果SVG是存储在embedded对象中，而且包含SVG的文档是用CSS或者XSL格式化的，此时会使用外围对象的尺寸。

2012-05-08 10:20:36

HTML 5中SVG 2D颜色的表示

从上面的例子看到，除了元素名字和一些特别的成员，其他的所有都和线性渐变一样，包括stop的定义，必须放到defs中，必须给它设置id，使用url(#id)去赋值等。

2012-05-08 09:53:56

jQ文件无刷新上传插件下载及介绍

实例是放个预览图片和loading图片，上传过程显示loading图片，上传完后给预览图片设置上传后的地址交显示。首先设置按钮id，设置处理接口，然后开始上传事件....

2012-05-08 09:38:03

HTML 5中SVG 2D笔画与填充

颜色处理，也就是填充和边框效果；你会发现这里的内容与canvas基本上是一致的。这些属性既可以以属性的形式写在元素中，也可以以CSS的形式保存(这是与canvas不一样的地方)。

2012-05-07 16:14:21

HTML 5中SVG 2D文本与图像

任何可以在形状或路径上执行的操作（如绘制或滤镜）都可以在文本上执行。尽管SVG的文本渲染如此强大，但是还是有一个不足之处：SVG不能执行自动换行。

2012-05-07 15:08:00

HTML 5中SVG 2D图形绘制

这个例子画了很多形状：正常的矩形，带圆角的矩形，圆形，椭圆形，直线，折线，多边形，还有路径。这些都属于基本的图形元素。

2012-05-07 14:25:16

HTML 5中SVG 2D入门概述

SVG是严格按照定义元素的顺序来渲染的，这个与HTML靠z-index值来控制分层不一样。在SVG中，写在前面的元素先被渲染，写在后面的元素后被渲染。

2012-05-07 14:13:59

看JavaScript如何实现页面自适

获取IE显示屏幕的宽高.确定哪些对象是绝对位置是固定的,那些是不固定的,哪些长宽是固定,然后象WIN FORM程序一样,根所软件界面的大小,进行设计相关对象的长宽,绝对位置等属性.

2012-05-07 13:41:18

动态时钟制作过程（CSS3+jQ）

使用jQuery可以方便的操作CSS从而得到动画效果。联想一下a:hover效果，你就会对如何实现这个例子产生一些想法。它远没有jQuery和Mootools那么强大，但已经足够做一些很酷的东西了。

2012-05-07 10:13:39

jQuery(图片、相册)插件代码实例

jQuery想必大部分前端er都知道甚至很熟悉了，网上有数以万计的优秀的jQuery插件以及教程，今天手机了一些关于图片、相册的jQuery插件代码，希望会对你有所帮助。

2012-05-07 09:53:10

JS实现多图点击切换，鼠标移上放大

次采用代码封装到一个对象的模式，和第一次函数式写法不一下，这样更清晰，添加自定义属性更方便，全部代码如下。

2012-05-04 14:16:41

JavaScript写法你更偏向哪个

我在平时写js代码时候，喜欢自己写，不太喜欢使用现在网上的框架。——一是比较熟悉自己的代码（别人问我，我都知道里面都是什么东东），二是自己的框架更适合现有的项目。

2012-05-04 14:09:30

22个HTML 5第三讲

HTML5新特性，何时使用<div>:如果你想在一个元素里将一段代码包裹住，特别是为了内容的定位，<div> 将会是非常理想的选择。

2012-05-04 13:40:50

22个HTML 5第二讲

HTML5新特性，音频支持：我们再也不需要依靠第三方插件来提供音频了。HTML5提供了音频元素<audio>。目前，只有最新的浏览器支持HTML5音频。此时，最好还是提供一些向后兼容性。

2012-05-04 13:36:09

22个HTML 5第一讲

新一代的HTML5的发展也不停的带给我们新的惊喜，我们将通过这篇文章向大家介绍22个HTML技巧，此文章分为三节，深入详细的了解HTML5新的特性。

2012-05-04 13:25:46

HTML 5庞氏傀儡

10数年风霜折磨过的HTML4还是比较靠谱的，你瞧我身边那些号称网页工程师的，哪个桌面上不摆上这三个图标那可真叫一个落伍。

2012-05-03 15:01:09

腾讯低调布局HTML 5

HTML5 的意义远不止上面这些，它最大的意义在于改变了Web文档的结构方式，借助header, footer, section, article这些标签，我们可以实现更具结构化，语义化的Web文档。

2012-05-03 14:54:15

开发HTML5跨平台游戏相关经验

我们刚成立Gamezee的时候，行业中许多人都对HTML5抱有成见，就算是一些对其较为乐观的人士也只是说，HTML5将是未来发展潮流，但目前还不够成熟和稳定，无法制作出当前主导社交游戏领域的Ville类型Flash游戏。

2012-05-03 14:29:53

定制HTML 5Video播放器

由于各浏览器在对HTML5的支持上，会有少许的差异，因此为了有更好的兼容性，需要进行定制开发，这样才能更兼顾各类的浏览器。

2012-05-03 09:51:09

jQ ajax用户无刷新登录方法详解

Ajax框架就是提供模块化实现Ajax功能的集合，Ajax框架可以是各种语言实现的（比如SAJAX有各种语言的实现），Ajax只是jquery中的一部分。

2012-05-02 14:41:04

原生JS实现的简单“瀑布流”布局

自己动手弄了段原生JS代码，实现了简单的“瀑布流”布局效果，当然肯定不能和以上那些优秀插件相提并论，有兴趣的朋友，可以去看看，希望能带给你或多或少的收获。

2012-05-02 13:53:00

HTML 5之Pages&Dialogs

Jquery Mobile是基于HTML5的，Jquery Mobile网站必须使用HTML5文档声明开始；我们要使用它的主题css，所以在页面Title里需要引用对应的主题css样式文件还有js库；

2012-05-02 10:28:16

支持同一页面多次使用的jQuery插件

此插件可以在上下左右四个方向上显示导航，背景滑动动画可以独立设置，播放区域动画可以独立设置，每次进入显示区域导航数量可以独立设置，如果设置错误或者设置不合理会被插件内部重置。

2012-05-02 10:04:43

HTML 5实现手机摇一摇的功能

deviceOrientation：封装了方向传感器数据的事件，可以获取手机静止状态下的方向数据，例如手机所处角度、方位、朝向等。

2012-04-28 14:21:22

用HTML5进行人脸识别

其中的一个特性是getUserMedia（ W3C规范）。它是一个JavaScript API，可以让你访问（需要权限）用户的网络摄像头和麦克风。

2012-04-28 14:01:17

jQuery之导出Wijmo的GridView到Excel

在相当多的情况下，你会在导出时遇到一些错误。你可能会收到一条错误信息：“RegisterForEventValidation 只能在Render()过程中被调用；”

2012-04-28 10:50:51

jQuery Select操作大集合

本文总结了jQuery获取Select选择的Text和Value；jQuery添加/删除Select的Option项的Select操作，并给与了对应的解释。

2012-04-28 10:29:24

HTML 5多媒体组件（自定义控件使用）

如果你希望你的媒体元素在各浏览器下有相同的样式，就可以使用HTML5媒体元素的方便的API。你可以使用标准的HTML和CSS来控制媒体的外观，并用 media元素的API来控制 audio 和 video 元素。

2012-04-27 14:43:42

HTML 5多媒体组件（音频的使用）

主要讲解了有关用HTML5在网页中嵌入视频的内容。当然，大部分视频中包含了音频，所以如果你想把音频文件嵌入到你的网页中，同样用HTML5能够很容易地实现。

2012-04-27 14:34:15

HTML 5多媒体组件（视频的使用）

关于HTML5的一个最受欢迎的以及谈论最多的特性是其在不借助诸如Flash Player等第三方插件的情况下，直接在你的网页上嵌入视频组件的能力。

2012-04-27 14:18:02

jQuery Ajax请求状态管理器

无论有多么接近，通过客户端与服务端的一来一回，必定会有等待加载数据的时间。所以，大多数网站都通过一个Gif动态图标或‘Loading...’等字样来告知用户数据还在加载中。

2012-04-27 10:13:30

jQuery插件之Ajax自动完成

本文要介绍的这个JQuery 插件名叫Ajax Autocomplete 顾名思义，ajax 也就是用ajax的方式获取搜索提示信息然后返回呈现出来

2012-04-27 10:00:43

更优美的jQuery UI部件

由于我们用的是服务器端的选择，我们需要将AutoGenerateSelectButton属性设置为“True”，然后“ClientSelectionMode”属性设置为“None”。否则，我们将同时具有客户端和服务器端两个选择。

2012-04-27 09:38:05

上一页 1 ··· 321 322 323 324 325 ··· 401 下一页

51CTO技术栈公众号

业务
速览

媒体

51CTO CIOAge HC3i

社区

51CTO博客开源基础软件社区

教育

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