鸿蒙开发者社区

WOT技术大会

公众号矩阵

移动端

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

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

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

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

账号设置退出

前端

2.7w内容

关注

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

文章博文帖子课程

共 2.7w 条

HTML 5开发RPG游戏之四（游戏脚本化）

先来考虑以什么形式来制作游戏的脚本，我们有多种选择，可以选择xml，可以选择json，也可以选择纯自定义语法，这次，我为了省事，选用比较方便处理的json，因为javascript可以很轻松的处理json数据。

2012-05-15 13:57:41

HTML 5开发RPG游戏之三（卷轴和对话）

按照上图说明，实现地图滚动，只需要先把即将出现的地图（图中黄色部分）画上，然后滚动地图，待地图滚动完毕之后，将屏幕之外的部分（图中绿色部分）

2012-05-15 13:44:00

HTML 5开发RPG游戏之二（跑起来吧英雄）

要控制游戏的人物，首先，我们要由控制事件，当触发这个事件的时候，就来调用相应的方法，做我们想要的做的处理setCoordinate和getCoordinate是设定和得到人物当前的坐标。

2012-05-15 13:29:20

HTML 5开发RPG游戏之一（地图人物实现）

在游戏的世界里，我们可以看到各种地图，各种游戏人物，看到人物在地图上行走，对话等，无论是地图还是人物，其实都是图片的处理与显示，把不同的图片显示到屏幕上。

2012-05-15 13:10:57

HTML 5游戏开发实用建议

正是由于HTML5具有丰富的功能并且无处不在，所以它给开发者带来了很多的灵感。俗话说得好，“一旦开发者有了灵感，他们就开始编写游戏了。”

2012-05-15 10:35:35

Facebook发布HTML 5应用中心

Facebook发布HTML5应用中心，所有应用开发者都可以接入应用中心，但会有比苹果更加合理的审核方式，用户数低或质量差的应用不会被批准进入应用中心。

2012-05-15 09:42:06

非常好的jQuery矢量地图生成插件

插件的文档非常完善，你可以很方便的查看相关的选项和callback方法。相信大家肯定有机会应用到自己的网站开发和设计中，希望大家喜欢。

2012-05-15 09:35:43

CSS3制作Windows7开始菜单

如果我们分解这个Windows 7开始菜单，我们会得到1个div，2个ul列表，1组链接以及一些icon小图标，我们可以一起来看看具体的效果。下面是简单的制作过程及部分代码

2012-05-14 16:29:53

用jQuery Mobile制作记事本

设计应用的总体架构；创建一个基本的用户界面模型；使用Jasmine开发框架定义应用的公共接口；开始实现已定义的公共接口。

2012-05-14 14:56:30

多个的HTML 5电商专业网站赏析

在当前的网页设计行业中，HTML 5无疑是热点，它有两大特点，既强化了Web 网页的表现性能，也追加了本地数据库等Web应用的功能。HTML5的很多新特性帮助网页设计师和开发人员制作出更加精美的网站。

2012-05-14 14:46:00

HTML 5的一个滑动拼图游戏

canvas的宽和高使用像素为单位。如果这两个属于没有被指定，他们的默认的宽度为：300px，高度为：150px。在图板画图需要使用canvas的上下文环境，通过脚本调用getContext()方法获取上下文环境。

2012-05-14 13:29:25

Web开发不可少的六个HTML 5编辑器

Mercury是个采用HTML5开发的WYSIWYG编辑器类似于TinyMCE或CKEditor。但拥有不同的使用体验。它不是放置在一个指定的元素中，而是出现在整个页面的上面。所以可用于编辑整个页面或任意指定一个区域。

2012-05-14 10:31:37

jQuery中关于Ajax的详解

本文介绍如何使用jquery实现Ajax功能. 用于发送Ajax请求的相关函数如load, get, getJSON和post这些渐变Ajax方法, 对于核心的ajax 方法没有过多介绍, 主要是通过配置复杂的参数实现完全控制Ajax请求。

2012-05-14 10:18:54

别怕！我们还有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

上一页 1 ··· 469 470 471 472 473 ··· 550 下一页

51CTO技术栈公众号

业务
速览

媒体

51CTO CIOAge HC3i

社区

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

教育

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