鸿蒙开发者社区

WOT技术大会

公众号矩阵

移动端

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

全部课程厂商认证 IT技术 24年11月软考 PMP项目管理免费题库

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

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

账号设置退出

前端

2.7w内容

关注

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

文章博文帖子课程

共 2.7w 条

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

如何制作HTML 5的iPhone应用程序

通过离线Web App，我们可以做很多东西。做游戏也是可以的，就像我做的俄罗斯方块，但是你最好想清楚哪些东西适合做成离线应用。像Quake 3竞技场估计做不出来，做一个待办事项的App肯定是绰绰有余。

2012-05-24 15:49:35

实时Web时代：不只Google、Twitter玩得起

实时Web并不只是一种时尚，而是一种技术转移——即时访问Web。实时技术使Web应用变得更快，在某些情况下，几乎与桌面应用没有区别。

2012-05-24 13:25:56

HTML 5和CSS3快速制作便签特效

本篇文字将展示给你的是，如何利用HTML5/CSS3，仅用5步就可以制作便签贴效果的HTML页面。注：该效果可以在Safari, Chrome,Firefox和Opera在看到效果，IE上由于对HTML5的支持不完全，所以看不出效果。

2012-05-24 11:03:55

HTML 5将成香饽饽APP要何去何从

触屏、智能手机、移动操作系统、应用商店……这些名词问世时间再短也已是明日黄花，难道只有靠刷票这类不健康的附属产业，才能有出路？这显然治标不治本。

2012-05-24 09:48:49

javascript解决图片缩放及其优化

说起IE6，真是让我们这些做前端的人又恨又无奈，许多属性都不支持。可不少用户还在用它，我们也不能无视。为了兼容，我只好跟同事请教了一下，然后针对IE6用js缩放来显示图片并进行了一些细节上的优化。

2012-05-23 15:45:13

热图美女揭示:观网站和应用UI设计、广告创意等领域

对面走过一个美女，你会先看哪里？据说按照脸蛋->胸->腰->腿的顺序从上往下看的是1x岁的骚年，而按照脚->小腿 ->大腿->腰->胸->脸蛋的顺序从下往上看的是3x岁的大叔，用恶狠狠的眼神盯着你看哪里的是你的女盆友…开个玩笑，还是让眼球追踪（Eye-Tracking）技术得出的热图来告诉我们什么样的东西最能吸引你的视线吧。

2012-05-23 13:01:51

网站设计 WEB UI设计

HTML 5之Geolocation定位应用

Geolocation的定位技术确实给我们带来了一个意外的惊喜，但是，对于HTML5，现在的pc端及移动端浏览器以及开发商们都未能完全支持它，Geolocation的定位技术只在少数电子地图上呈现过一些LBS服务。

2012-05-23 13:00:37

HTML 5 WebDataBase设计离线数据库

我们这边使用WebSQL来设计和编写底层服务，W3C 的 WebDatabase 规范中说这份规范不再维护了，但是几乎实现者都选择了SQLite这种轻量简单易用的客户端数据库:

2012-05-23 09:49:50

HTML 5文档转换工具Crocodoc兴起

Crocodoc是一个可以将PDF和Office文档迅速转变成HTML5的网站，目前该网站应用很广泛，包括Drophox、LinkedIn、SAP、Yammer和Edomodo等都是Crocodoc的付费企业客户。

2012-05-23 09:40:09

jQuery tab切换防止页面刷新

tab切换，是一个很常见的效果，今天在项目中遇到这样一个问题。就是切换后，页面刷新，又重新定位到第一个上了，很是郁闷。在网上找了很多jquery效果，都是这样的，于是自己写了一个。防止页面刷新的tab切换。

2012-05-22 11:15:37

jQuery两个有意思的切换方法

话说，JQuery中toggle这是一个好玩意，用于绑定多个事件处理器函数，以响应被选元素的轮流click事件。如果元素是可见的，切换为隐藏。如果元素是隐藏的，切换为可见。

2012-05-22 10:12:59

jQuery模拟超链接的用户单击事件

模拟超链接的用户单击事件，我们需要做的就是：导入外部CSS文件，Main.css，导入外部JavaScript文件Main.js（必须在导入JQuery文件之后导入）；

2012-05-22 09:52:03

蘑菇与熊游戏开发第八回（完善游戏）

其实整个游戏其实还可以继续完善，比如说蘑菇被碰到后颤抖几下、碰撞声音、加入游戏帧数、加入关数、不同的关数、不同的动物和奖品、难度。。等等

2012-05-21 14:08:21

蘑菇与熊游戏开发第七回（熊碰到奖品处理）

给奖品加上一个存是否被撞过的属性hit，默认值为false。当奖品撞到的时候。改变hit的值为true。描绘奖品的时候判断hit值是否有没撞到，被撞到的话就不描绘。

2012-05-21 13:32:45

上一页 1 ··· 460 461 462 463 464 ··· 542 下一页

51CTO技术栈公众号

业务
速览

媒体

51CTO CIOAge HC3i

社区

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

教育

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