手机移动端HTML5 Canvas的幸运大奖盘特效
分类标签: HTML Javascript
这是一款基于jquery和HTML5 Canvas的幸运大奖盘特效。该幸运大奖品特效支持移动端,它通过动态构造Canvas元素来生成大奖盘,并通过jquery代码来随机获取奖品。 使用方法 HTML结构 抽奖用的大转盘使用图片来制作,开始时它们被隐藏。整个抽奖大奖盘放置在一个容器中,控制容器的大小即可以控制奖盘的大小。阅读全文 »
30年程序生涯26种语言 看我与“Hello World”的往事
分类标签: C C++ HTML Java Javascript PHP
我最近在7月4日的那一周休了一个假,因此有时间来回顾我的职业生涯。令我震惊的是,我已经写了近30年的代码了!于是,我决定好好利用这段额外的休息时间来创作一篇怀旧的帖子,回顾在过去近30年时间中我工作过的编程语言。向我从“Hello, World”开始学习新语言的30年致敬。 我学习的第一种编程语言是TI BASIC,BASIC专门为微软TI 99 / 4A microcomputer而编写的一种语阅读全文 »
详解HTML5 LocalStorage本地存储
分类标签: HTML Javascript
说到本地存储,这玩意真是历尽千辛万苦才走到HTML5这一步,之前的历史大概如下图所示: 最早的Cookies自然是大家都知道,问题主要就是太小,大概也就4KB的样子,而且IE6只支持每个域名20个cookies,太少了。优势就是大家都支持,而且支持得还蛮好。很早以前那些禁用cookies的用户也都慢慢的不存在了,就好像以前禁用javascript的用户不存在了一样。阅读全文 »
现在应该学习哪些语言和框架
分类标签: Android Chrome HTML iOS Java Javascript Mysql PHP
2015年,软件开发界发生了很多变化。有很多流行的新语言发布了,也有很多重要的框架和工具发布了新版本。下面有一个我们觉得最重要的简短清单,同时也有我们觉得值得你在2016年花时间精力去学习的新事物的一些建议。 大趋势 在过去的几年里,有一个越来越明显的趋势是web应用的商业逻辑逐步从后端转移到了前端,然后后端变得只需要处理简单的数据API。这就让前端开发框架的选择变得尤为重要了。阅读全文 »
细数这些年前端开发的巨大变化
分类标签: Javascript HTML CSS
多年前,有知名企业前端前辈如是说:前端是做什么的?在一个网页上你看到的就是前端工程师做的。也有人说:前端是设计师在UED最亲密的合作伙伴。很显然,这些概念放之今日都显得太片面。 诚然,让时光倒流几年,回到div+css刚刚统治网页设计前端领域的时代,将设计师制作的设计稿用html+css的形式高质量的还原,并最终呈现给互联网用户,这几乎就是前端工程师的全部。阅读全文 »
如何使HTML table单元格宽度不随内容改变
分类标签: HTML
页面中table宽度设置width=“600px”之后,宽度仍然不是固定的,文字太长后不换行,把table都撑变形了。 解决办法: table 设置宽度,绝对宽度和相对都可以: table-layout:fixed ; 并且,第一行的<td>设置宽度,留一个不设,自由伸缩。 这样操作之后,table是宽度固定了,但是里面的文章如果很长,文字还是会跑出来阅读全文 »
VS2010支持HTML5的几个步骤
分类标签: VS2010 HTML
微软从来不会让程序员用记事本写代码,如今html5马上就要火起来vs2010怎么会不支持html5呢?我将vs2010支持html5的方法整理了一下。 本文内容概述:让vs2010支持html5. 准备:vs2010,浏览器。 流程: 为什么要准备浏览器因为要上网下载东西啦!嘿嘿,想要vs2010支持html首先要让vs升级到sp1。阅读全文 »
正则表达式30分钟入门教程(正则小白的圣经)
分类标签: Javascript HTML PHP
30分钟内让你明白正则表达式是什么,并对它有一些基本的了解,让你可以在自己的程序或网页里使用它。别被下面那些复杂的表达式吓倒,只要跟着我一步一步来,你会发现正则表达式其实并没有想像中的那么困难。当然, 如果你看完了这篇教程之后,发现自己明白了很多,却又几乎什么都记不得,那也是很正常的——我认为,没接触过正则表达 式的人在看完这篇教程后,能把提到过的语法记住80%以上的可能性阅读全文 »
5款游戏教你学编程——终于可以快乐的编程了
分类标签: HTML Javascript
这些WEB游戏非常有趣,可以把你带入迷人的编程世界。 1. CodeCombat CodeCombat 是一个 HTML5 角色扮演游戏(RPG),教你基本的编程概念。 在 CodeCombat 中,你扮演一个英雄通过游戏中不同等级的冒险。第一关是 Kithard Dungeon ,里面涵盖了编程的基本概念。阅读全文 »
Javascript怎样进行HTML转义
分类标签: Javascript HTML
众所周知页面上的字符内容通常都需要进行HTML转义才能正确显示,尤其对于Input,Textarea提交的内容,更是要进行转义以防止javascript注入攻击。 通常的HTML转义主要是针对内容中的"<",">","&",以及空格、单双引号等。但其实还有很多字符也需要进行转义。阅读全文 »
HTML5 Canvas绘图并保存文件的实例
分类标签: HTML Javascript 编程入门
本文主要以实例的形式给大家演示如何用HTML5的Canvas绘图,并将图片保存成文件。 前端代码:... 发送到后台的代码:... 后台接收的代码:... 最后生成的效果:... 生成图片的效果很棒,不失真,而且是透明的,不需要后期处理。阅读全文 »
到底选HTML5(Web App)还是Native App
分类标签: HTML 应用程序
HTML5热了,在2012年这个概念传到中国,一开始是质疑声居上,而到今年,这种声音逐渐被淹没,游戏行业从上至下开始变革。就在前几天,小米顺为资本1000万美元投资白鹭引擎,这是国内游戏行业最大的HTML5引擎公司。 不论是互联网,还是移动互联网,游戏总是走在变革的第一步。那么,这是否意味着HTML5也将开始横扫其它行业?阅读全文 »
CSS3实现圆角立体按钮的简单实例(无需图片)
分类标签: 前端开发 CSS HTML
首先来看看效果图: HTML 代码就这么简单:…… 如果没有 CSS ,那么上面的 HTML 执行起来是这样的:…… 开始 CSS3 的编写:…… 一些不同颜色的按钮样式:…… 到这一步后按钮看起来是这样的:…… 接下来开始用 CSS 处理圆角:&helli阅读全文 »