开源基础软件社区

WOT全球技术创新大会

公众号矩阵

移动端

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

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

在线学习企业服务

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

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

51CTO

开源基础软件社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

开源基础软件社区订阅号

51CTO学堂APP

51CTO学堂企业版APP

开源基础软件社区视频号

账号设置退出

前端

2.0w内容

关注

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

文章博文帖子课程

共 2.0w 条

使用jQuery实现跨域提交表单数据

在jQuery中，我们使用json数据类型，通过getJSON方法来实现从服务端获取或发送数据，而当要向不同远程服务器端提交或者获取数据时，要采用jsonp数据类型。

2012-06-05 10:15:43

10个基于jQuery的Web交互插件

“用户交互”在现代的Web设计中占据了很大比例，这是互联网产品不可或缺的关键，对Web设计师也提出了更高的要求。本文整理了10款基于jQuery的Web交互插件，可以帮助你提高工作效率，或带给你一些设计灵感。

2012-06-04 15:24:56

HTML 5 实现小车动画效果

我仅将最新的<canvas>元素与即将到来的CSS3动画技术进行比较。其他的可能性包括DOM元素或SVG元素的创建和动画。这些可能性将不在本文中进行讨论。

2012-06-04 14:47:42

三款HTML 5的视频和音频播放器

由于官方下载回来的文件只有几个核心JS，具体的例子还需要根据上面的教程自己搭建。下面就一起来看看每个demo的简要实现代码和在线示例。

2012-06-04 13:44:08

网页技术革命：精美绝伦的HTML 5 网站

另外，HTML5 还引入了 nav、header、footer 和 figure 等更具语义化的网页标签。设计师们利用这些强大的特性制作出非常精美的个人作品集网站，把自己的能力尽情展现给潜在的客户。

2012-06-04 13:22:01

HTML 5的根基在于移动设备

如今的世界里充满了各式各样的 App(应用程序)，似乎 Web 被摆到了一个不那么重要的位置。不过，许多产业观察家和分析师认为，随着 HTML5 的长足进步，Web 一定会卷土重来。

2012-06-04 10:48:24

HTML 5 canvas 图像处理

前两天无意中看了下《pro html5 programming》,发现html5竟然也能很好的支持图像处理，在此稍稍交代一下。与matlab处理图像类似的是，这里也是采用图像矩阵的形式。

2012-06-04 10:16:18

构建自适应布局的15款优秀jQuery插件

自适应设计的目标是要让产品界面能够响应用户的行为，根据不同终端设备自动调整尺寸，带给用户良好的使用体验。下面是收集的15款优秀的自适应 jQuery 插件，希望这些插件能够帮助到您。

2012-06-04 09:48:04

通过浏览器渲染过程来进行前端优化

页面加载：我按照最简单的方式进行描述，实际上更复杂，不管是在浏览器端还是服务端，比如dns解析，代理服务器，负载均衡器等等。

2012-06-01 10:28:54

JavaScript图片变换效果(IE only)

变换之前先设置两个参数Transition和Duration，分别是变换效果和持续时间，其中Duration是浮点数。此外还有两个属性Enabled和Percent分别是是否激活滤镜和当前静态滤镜输出在转换进程中所处的点。

2012-06-01 10:12:39

JS SDK：轻松开发HTML5应用必备工具

这个新的Javascript SDK包括安全控制，灵活的数据储存，高级数据查询，用户身份验证以及地理位置，建立于DocumentCloud的Backbone.js JavaScript 框架之上。

2012-06-01 09:29:56

Win8风格的Web启动界面

主要用到jquery.animation.easing.js 和jquery.mousewheel.min.js 两个jQuery插件。数据源 source.js；核心脚本 script.js......

2012-05-31 14:56:19

jQuery--联动日历

我总结了一下，就是需要“联动”的东西，必定有一个“点”(先这么叫吧)，其它需要变化，都要和这个点相关联起来，这样改变这个点，其它和这个点关联的东西，也就都会发生改变，也就实现了“联动”这一效果。

2012-05-31 14:46:32

HTML 5深入浅出教学篇之十一

本文讲到的是HTML 5: 画布（canvas）之效果：填充色, 笔划色, 颜色值；剪裁；渐变色；贴图的平铺模式；阴影效果；全局；新颜色与画布当前已有颜色的合成方式；像素操作。

2012-05-31 10:57:06

HTML 5深入浅出教学篇之十

本文讲要的讲的是HTML 5画布（canvas）之转换：平移|translate()；旋转|rotate()；缩放|scale()；矩阵转换|transform(a, b, c, d, e, f)

2012-05-31 09:54:13

HTML 5深入浅出教学篇之九

呈现文本|font, textAlign, textBaseline, strokeStyle, fillStyle, fillText(), measureText,TextMetrics.width

2012-05-31 09:35:43

HTML 5深入浅出教学篇之八

本文讲会讲解在HTML 5 canvas画布上（以路径的方式）绘制矩形、绘制弧线、绘制曲线、绘制直线、绘制矩形的方法，并附代码下载。

2012-05-31 09:19:22

MySQL在web应用领域面临NoSQL的挑战

仅仅几年前，MySQL还是开源数据库领域公认的王者，但是随着NoSQL以82%的年复合增长率狂飙，MySQL在web应用市场正面临被NoSQL淘汰的危险。

2012-05-31 02:35:43

MySQL WEB NoSQL

HTML 5深入浅出教学篇之七

本文讲到的是HTML 5表单元素form, label, button, select, option, optgroup, datalist, textarea, fieldset, legend, progress, meter, keygen, output的使用

2012-05-30 15:17:54

全球75%网站开源技术4成用Apache服务器

其他能够同Apache和Nginx进行抗争还有微软的互联网信息服务IIS（Internet Information Services），其市场占有率达到14%，但IIS并不属于开源类服务软件。

2012-05-30 15:10:25

HTML 5深入浅出教学篇之六

本文讲到的是HTML5 input元素：text, password, url, telephone, email, search, file, radio, checkbox, button, submit, reset, number, range, image等的使用方法

2012-05-30 14:51:09

HTML 5深入浅出教学篇之五

本文讲到的是HTML 5元素的通用属性accesskey, style, class, title, tabindex, id, dir, spellcheck, hidden, contenteditable, contextmenu, draggable, dropzone的使用

2012-05-30 13:49:52

HTML 5深入浅出教学篇之四

本文内容讲述HTML 5文本语义元素：a, em, strong, small, s, cite, q, abbr, time, code, var, dfn, samp, kbd, sub, sup, i, b, u, mark, ruby, rt, rp, bdi, bdo, span, br, wbr的使用

2012-05-30 13:26:12

HTML 5深入浅出教学篇之三

本文所讲的内容是HTML 5内容分组元素：p, hr, pre, blockquote, ul, ol, li, dl, dt, dd, figure, figcaption, div的使用

2012-05-30 13:17:46

HTML 5深入浅出教学篇之二

本文主要讲到的是区块元素 - body, article, section, header, footer, h1, h2, h3, h4, h5, h6, hgroup, aside, nav, address。

2012-05-30 11:11:42

HTML 5深入浅出教学篇之一

此篇文章介绍了根元素 - doctype, html；元数据元素 - head, title, base, link, meta, style；脚本元素 - script, noscript。

2012-05-30 10:52:09

基于jQuery的放大镜效果

其实就是用到一个比例关系，当“放大镜”移动多少比例（是比例，不是具体值），大图也同时用这个比例去乘以大图的宽和高，就可以算出大图该移动多少距离了；

2012-05-30 10:43:47

HTML 5的视频格式之争

但是，你可能不知道的是，这背后涉及到复杂的视频格式之争，甚至还牵涉到所有的电子影像设备。未来，如何在互联网上看视频？

2012-05-30 10:26:23

为何我们要从Node.JS迁移到Ruby on Rails

这篇文章绝不是一篇讨论 NodeJS 和 Ruby on Rails 孰优孰略的檄文。它描述的只是我们做决策过程中的一些思考、决策背后的原因。两种框架都非常优秀，都出色的完成了它们的设计初衷，这也是为什么我们部分的模块仍然运行在NodeJS上的原因。

2012-05-30 09:12:46

NodeJS Ruby Rails

小议HTML 5网游游戏的发展方向

笔者认为，就目前条件而言，HTML5技术不适于开发传统意义上的大型网络游戏，但是如果换个思路，转而从轻量化的社交网游入手，也许会是一个不小的突破。

2012-05-29 15:28:02

HTML 5与本地App孰优孰劣？

移动应用程序(App)和HTML5都是目前最火的技术，二者之间也有不少重叠之处。在移动设备浏览器里运行的HTML5的Web页面，也可以重新打包成不同平台上运行的App。

2012-05-29 13:10:50

非响应式设计构建跨端Web App

像布拉德·弗罗斯特在以前文章中指出的一样，调整界面只是构建移动Web App时需要考虑的众多事情之一。如果你在构建移动Web App时只通过媒介查询自定义了布局，那么我们会有以下的问题......

2012-05-29 10:44:17

媲美Flash效果的jQ导航菜单推荐

jQuery导航菜单在过去一两年中如雨后春笋般涌现，这也许令你难以抉择到底选哪个放到自己的网站上。本文分享五个令人印象深刻的、炫目的、基于jQuery的导航菜单，希望能帮到你！

2012-05-29 10:36:43

体验20个惊艳的HTML 5 Canvas试验

HTML5 规范引进了很多新特性，其中最令人期待的之一就是 Canvas 元素，HTML5 Canvas 提供了通过JavaScript 绘制图形的方法，非常强大。

2012-05-29 09:57:10

技术文章是怎样炼成的

少说废话，把主题句（关键句）给我们拿出来看就行了，甭写一堆的废话。——很多人本来一句话能解释清楚的事情，用上百行字去让人明白。这很大程度上也说明他自己也在迷糊中。

2012-05-28 16:30:27

5个优秀的设计理念让设计更上一层楼

网页设计师们需要时常“升级”自己，来紧跟设计潮流。这些年来，不断涌现的各种新思潮、新理念，让网页设计领域呈现一种百花齐放的局面。

2012-05-28 14:18:33

5步响应式Web设计和瀑布模式说拜拜

为什么要使用响应式设计而不是采取瀑布模式？瀑布模式只按照标准的桌面浏览器进行设计，除此之外，几乎没有考虑任何其它的设计开发环境，这是它最大的缺点。

2012-05-28 13:56:41

关于错位视觉滚动效果的教程和插件

随着这种炫酷的效果首次在Nike 2011年的 Nike Better World 项目中完美展现，如今这种错位视觉滚动效果被越来越多的国外网站所应用，成为Web设计的热点趋势。

2012-05-28 13:38:41

移动浏览器都爱HTML 5

从发展来看，在提高用户体验的基础上，对于手机浏览器，中转压缩或云端推送的省流量的方式意义变得不大，中转压缩这样的方式很难适应3G时代大屏幕、强处理能力的需求，云端推送在一定程度上可以节省流量......

2012-05-28 13:09:12

从HTML 5游戏BrowserQuest看代码漏洞

首先，介绍一下背景，前段时间Mozilla发布了一款新游戏Browser Quest。这是一款多人在线游戏。游戏规则并不复杂。任何人都可以一试。但是作为HTML5实现的一个例子，这的确很酷。

2012-05-28 10:01:19

响应式jQ图像滑块插件

设计师和开发人员总是试图使用新技术让网站更智能，而我们发现在许多网站上 jQuery 的图像滑块插件是非常受欢迎的。

2012-05-28 09:50:32

传腾讯内部鼓励员工用HTML 5编程

据曝露出来的活动介绍，这次腾讯内部活动“编程马拉松”以“创意的Web前端应用和可围绕公司网页产品或平台产品的游戏开发”为主题，在随后的举例说明中，“鼓励使用HTML5实现”SNS平台上的应用或游戏。

2012-05-28 00:00:00

超级绚丽的HTML 5的页面

超级绚丽的html5的页面：把鼠标放在页面上会出现绚丽的效果，鼠标缓慢移动会出现不同的效果，效果本身的显示也不同，可为十分绚丽。

2012-05-25 15:48:59

JavaScript马赛克遮罩图片幻灯片切换类

XMosaic.js，与XScroll.js和XScroll2.js一样，都是用来制作单张图片切换特效的javascript类，不过，迄今为止XMosaic.js实现的特效是最炫的，炫到我以后很长一段时间都不用再写图片切换类了。

2012-05-25 14:41:19

对开发者非常有用的JavaScript库

html5media是一个JavaScript音频/视频播放器能够让每一个浏览器都能够播放在HTML5多媒体标签中定义的多媒体文件。对于不兼容的浏览器，该播放将采用支持Flash的FlowPlayer播放器来代替。

2012-05-25 14:20:08

网易邮箱前端JavaScript编码规范

javascript在设计之初就只是用来为HTML添加动态效果的。由于他动态，弱类型等特性，以及不同浏览器的兼容性问题，造成了开发成本要比java等语言要高很多。

2012-05-25 13:54:18

推荐优秀的Web开发辅助工具

本文整理了16款重要的Web开发工具，涵盖CSS、JavaScript、图像优化和其他方面的Web开发工作，希望对你的开发工作能有所帮助。

2012-05-25 13:19:48

HTML 5、CSS3、JS开发播放器完全指南

虽然国内还没有完全普及HTML5浏览器，但在各大本土浏览器厂商的努力下，支持HTML5的浏览器在中国浏览器市场的占有率也在不断增长中。

2012-05-25 10:31:44

响应式网页设计三步走

为了适应屏幕，多数的移动浏览器会把HTML网页缩放到设备屏幕的宽度。你可以使用meta标签的viewport属性来设置。下面的代码告诉浏览器使用设备屏幕宽度作为内容的宽度，并且忽视初始的宽度设置。

2012-05-25 10:18:23

关于HTML5的14个大胆预言

HTML 5将会增加对更多实用API的支持，让网站彼此连接。例如，Facebook上运行在iframe标签中的Zynga游戏，通过使用新的postMessage API，将可以直接在Facebook框架内进行通信。

2012-05-25 10:09:32

上一页 1 ··· 322 323 324 325 326 ··· 404 下一页

51CTO技术栈公众号

业务
速览

媒体

51CTO CIOAge HC3i

社区

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

教育

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