51CTO首页
AI.x社区
博客
学堂
精品班
免费课
企业培训
鸿蒙开发者社区
WOT技术大会
AIGC创新中国行
IT证书
公众号矩阵
移动端
短视频免费课程课程排行直播课软考学堂
全部课程厂商认证IT技术2024年软考PMP项目管理软考资讯
在线学习
文章资源问答课堂专栏直播
51CTO
鸿蒙开发者社区
51CTO技术栈
51CTO官微
51CTO学堂
51CTO博客
CTO训练营
鸿蒙开发者社区订阅号
51CTO题库小程序
51CTO学堂APP
51CTO学堂企业版APP
鸿蒙开发者社区视频号
账号设置 退出

前端

2.5w内容  
分享前端领域的前沿热点、技术实战、框架应用和使用案例，为开发者学习前端技术提供参考。
文章 博文帖子课程
共 2.5w 条
HTML 5游戏制作之五彩连珠（设计）
分析一下游戏所需的元素：1、棋盘（地图）2、泡泡 3、等待区域（新的3个即将进入棋盘的泡泡）4、奖励区域（白搭星、超级百搭星、炸弹）5、统计信息 6、按钮

2012-05-18 13:07:04

HTML5
HTML 5游戏制作之五彩连珠（画图）
棋盘起始的位置我也做了调整，只要修改起始的x y值，棋盘就会在这个点开始画。那，现在我们要在第五行，第六列画一个黄色的球，该怎么画呢？只需要给map增加一个方法，再调用这个方法就行啦

2012-05-17 14:45:34

HTML5
HTML 5游戏制作之五彩连珠（预览）
ctx是canvas的绘制的类型2D的，以后会支持3D，那木，目前基于canvas的绘制都是调用2d context的方法。所以要了解绘制各种图形，得先看看他的api

2012-05-17 13:45:35

HTML5
HTML 5实现的图片拖拽分组效果
基本目前所有的现代浏览器(Firefox，Chrome，Safari，或者Opera)都支持这个实用的功能。这意味着我们可以考虑在我们的项目和网站中使用这个功能。更重要的是代码编写非常简单。

2012-05-17 13:17:26

HTML5
HTML 5应用普及,浏览器取代应用商店
2012年可说是手机浏览器年，众多厂商纷纷踏入第三方手机浏览器的市场当中，旧的市场格局正在逐渐被打破，而这并不是偶然，必然的原因在于随着HTML5应用开发的普及，浏览器相较于应用商店而言成为了应用开发者们的首选。

2012-05-17 09:45:30

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

2012-05-15 13:57:41

HTML5
HTML 5开发RPG游戏之三（卷轴和对话）
按照上图说明，实现地图滚动，只需要先把即将出现的地图（图中黄色部分）画上，然后滚动地图，待地图滚动完毕之后，将屏幕之外的部分（图中绿色部分）

2012-05-15 13:44:00

HTML5中国
HTML 5开发RPG游戏之二（跑起来吧英雄）
要控制游戏的人物，首先，我们要由控制事件，当触发这个事件的时候，就来调用相应的方法，做我们想要的做的处理setCoordinate和getCoordinate是设定和得到人物当前的坐标。

2012-05-15 13:29:20

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

2012-05-15 13:10:57

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

2012-05-15 10:35:35

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

2012-05-15 09:42:06

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

2012-05-15 09:35:43

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

2012-05-14 16:29:53

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

2012-05-14 14:56:30

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

2012-05-14 14:46:00

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

2012-05-14 13:29:25

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

2012-05-14 10:31:37

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

2012-05-14 10:18:54

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

2012-05-11 09:37:34

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

2012-05-10 15:41:46

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

2012-05-10 15:21:50

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

2012-05-10 14:02:46

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

2012-05-10 13:45:45

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

2012-05-10 10:55:03

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

2012-05-10 10:36:53

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

2012-05-10 10:01:31

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

2012-05-10 09:45:14

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

2012-05-09 14:49:23

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

2012-05-09 14:02:46

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

2012-05-09 13:45:04

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

2012-05-09 10:32:28

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

2012-05-09 09:41:58

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

2012-05-09 09:31:33

HTML5
百度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

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

2012-05-08 10:20:36

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

2012-05-08 09:53:56

HTML 5
jQ文件无刷新上传插件下载及介绍
实例是放个预览图片和loading图片，上传过程显示loading图片，上传完后给预览图片设置上传后的地址交显示。首先设置按钮id，设置处理接口，然后开始上传事件....

2012-05-08 09:38:03

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

2012-05-07 16:14:21

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

2012-05-07 15:08:00

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

2012-05-07 14:25:16

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

2012-05-07 14:13:59

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

2012-05-07 13:41:18

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

2012-05-07 10:13:39

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

2012-05-07 09:53:10

jQuery
JS实现多图点击切换，鼠标移上放大
次采用代码封装到一个对象的模式，和第一次函数式写法不一下，这样更清晰，添加自定义属性更方便，全部代码如下。

2012-05-04 14:16:41

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

2012-05-04 14:09:30

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

2012-05-04 13:40:50

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

2012-05-04 13:36:09

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

2012-05-04 13:25:46

HTML5
上一页 1 ··· 430431432433434 ··· 511
点赞

51CTO技术栈公众号

业务
速览
在线客服