自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(40)
  • 收藏
  • 关注

原创 HTML的一些关于颜色方面的参考

在HTML里,颜色有两种表示方式。一种是用颜色名称表示,比如blue表示蓝色。另外一种是用16进制的数值表示RGB的颜色值。RGB是Red,Green,Blue意思,RGB每个原色的最小值是0,最大值是255,如果换算成16进制表示,就是(#00),(#FF)。比如白色的RGB(255,255,255),就用#FFFFFF表示;还有黑色的RGB(0,0,0),就用#000000表示。  注:在

2014-03-13 17:13:31 512

原创 HTML语法效果

一. 基本语句:  1. 发各种字体的字:  黑体字  :   黑体字  宋体字  :   宋体字  仿宋字  :   仿宋字  楷体字  :   楷体字  隶书字  :   隶书字  幼圆字  :   幼圆字  倒黑体字  :   倒黑体字  倒宋体字  :   倒宋体字  倒仿宋字  :   倒仿宋字  倒楷体字  :   倒楷体字  倒隶书字 

2014-03-13 17:12:09 545

原创 HTML网页头部代码全接触

对于刚刚开始学习HTML的新手而言,了解网页头部代码是非常必要的。  以下所有代码全是在...之间,具体内容有:  1.…  标题元素,帮助用户更好识别文件,有且只有一个。当作为首页或收藏时做文件名。  2.…  显示本文档和其它文档之间的关系: 和外部样式表的连接。  rel说明html文件和url两文档之间的关系,href说明文档名。  3.…  可以在文档中包

2014-03-13 17:10:19 984

原创 实现游戏在3秒钟打开的三种方法

其一,控制数据量,主要是图片控制,这和游戏的美术、策划配合密切有关。“我们做的数据量可以控制到1K,并在图片资源上做了较大优化。”  其二,游戏中,需要减少通讯次数,不能频繁联网,不要每操作一步,都通讯一次,可考虑分布下载,本地缓存数据。  其三,利用新的技术,减少数据传输大小,如用传输控制包的大小。而且这些技术,未来防止山寨复制,磊友申请几十款专利。

2014-03-13 17:02:04 727

原创 HTML5冷思考:如何保证游戏能在3秒钟打开

如今,HTML5游戏,国外偏社交,国内偏重策略类。但当初创业时候,都是摸着石头过河。在具体运营中,策略类、角色扮演、社交游戏,三个方向磊友都曾涉猎。  电脑上的网页游戏已经被证明可以赚大钱,手机上的网页游戏会更好,是个能得到回报的市场。“但这个市场没有一个范例。不同类型,是单机版还是网络版?刚开始我们也都不知道用户会接受哪个,只能在具体市场中根据用户对产品的偏好来调整。”黄何告诉腾讯科技,需要

2014-03-13 17:00:21 577

原创 删除图片蓝色边框的方法

我们在制作html网页的时候,经常会用到插入图片的方式,但是发现插入的图片周围会有一个蓝色的边框,看起来十分难看,无法表达我们想要的效果,那怎么办呢?下面就和大家一起分享关于如何去掉图片蓝色边框的方法。分析:如果图片设置了链接,会发现图片四周出现了蓝色边框。要删除边框,需要在图片标签里加上border="0"。代码为:。示例:01html>

2014-03-11 16:21:59 1697

原创 HTML 格式化

HTML格式:对于HTML格式,其实很实用的。我们来列举下实用的地方。比如:我们在开发网站前端的时候,我们会用到HTML标签中能够格式化的标签来美化网页;我们在开发网站后台文章编辑器时候,会内置这些HTML格式化标签;我们开发一些关于文章格式化的软件的时候也会内置这些HTML格式化标签。一、HTML中文本格式化的标签我们收集并总结如下:1、 定义粗体文本;2、 定义大号字;3、 定

2014-03-11 16:20:41 582

原创 html网页自动刷新代码

在制作网页的时候,我们可能会用到网页自动刷新功能,那么网页自动刷新代码是什么呢?下面我们就为大家分享html网页自动刷新代码。   在与之间输入以下代码:解释:meta元信息,http-equiv="refresh"自动刷新属性,content="10"是指多少秒刷新,这里设置10秒,加上url是指10秒后跳转到指定的页面。

2014-03-11 16:19:49 1180

原创 html网页背景音乐代码

网页背景音乐代码是在网页制作的时候经常用到的代码,那我们如何给html网页来添加背景音乐呢?下面我们就把html网页背景音乐代码分享给大家。     网页背景音乐代码:在相应的位置加入代码。解释:src是音乐的路径位置,width是嵌入宽度,hright是嵌入高度,autostart是否开启自动播放,是则用true,不是则用false,loop是循环播放,后面的数字2是循环播放2次的意思。

2014-03-11 16:18:15 4897

原创 CSS选择器

选择器是CSS的核心,从最初的元素、class/id选择器,演进到伪元素、伪类,以及CSS3中提供的更丰富的选择器,定位页面上的任意元素开始变得愈发的简单。1、元素选择器   这是最基本的CSS选择器,HTML文档中的元素本身就是一个选择器:   p {line-height:1.5em; margin-bottom:1em;}2、关系选择器   E F:后代选择器,该选择器定

2014-03-11 16:12:45 322

原创 HTML 5 的data-* 自定义属性

HTML 5增加了一项新功能是自定义数据属性,也就是 data-*自定义属性。在HTML5中我们可以使用以data-为前缀来设置我们需要的自定义属性,来进行一些数据的存放。当然高级浏览器下可通过脚本进行定义和数据存取。在项目实践中非常有用。例如:使用attribute方法存取data-*自定义属性的值使用attributes方法存取data-*自定义属性的值非常

2014-03-11 16:11:44 567

原创 设置双核浏览器的浏览模式

嘎嘎,标题纯吸引目光的,别高兴的太早。今天上知乎看到有人在上邀请我回答这样一个问题:如果访问的页面中有 CSS3 代码,双核浏览器会自动切换到 Webkit 内核吗?http://www.zhihu.com/question/20094625我的第一反应是:不会。目前我知道IE可以设置浏览模式:但是这个问题虽然问的有点“痴心妄想”的感觉,可是这是我们多少前端开发

2014-03-11 16:10:39 374

原创 关于HTML5的4个传说

正如 Opera 的布道者 Bruce Lawson 讲的那样,“每个人都在谈论 HTML5”,它被传的很神,很玄。事实上有很多人所说的 HTML5 实际上只是古老的 DHTML 或者 Ajax。把所有的信息混在一起就是一堆错误信息。  HTML5 简单的说就是一组新的标准,语法和规则用来创建网页,可以利用一些新的浏览器的“本地”功能,例如离线存储,多媒体播放和其他的交互等等。我们所看到的很多

2014-03-06 15:22:32 412

原创 用HTML5 Audio API开发游戏音乐

音频在很大程度上使得多媒体体验非常引人注目。如果你曾经尝试在关闭声音的情况下看电影,你就很可能已经注意到了这一点。  游戏也不例外!我最喜爱的视频游戏的回忆里包含了音乐和声效。在二十年后的今天,大多情况下,当玩我最爱的游戏时,我仍然不能把“塞尔达”里近藤浩二的乐曲和马特大气的暗黑配乐从我的头脑里驱逐掉。这同样适用于音效,例如魔兽里单位实时点击的响应,以及任天堂的经典例子。  游戏的音频提出

2014-03-06 15:20:55 820

原创 JavaScript:详解Base64编码和解码

Base64是最常用的编码之一,比如开发中用于传递参数、现代浏览器中的标签直接通过Base64字符串来渲染图片以及用于邮件中等等。Base64编码在RFC2045中定义,它被定义为:Base64内容传送编码被设计用来把任意序列的8位字节描述为一种不易被人直接识别的形式。  我们知道,任何数据在计算机中都是以二进制的方式存储的。一个字节为8位,一个字符在计算机中存储为一个或多个字节,比如英文字母

2014-03-06 15:19:22 515

原创 从“黑掉Github”学Web安全开发

Egor Homakov(Twitter: @homakov 个人网站: EgorHomakov.com)是一个Web安全的布道士,他这两天把github给黑了,并给github报了5个安全方面的bug,他在他的这篇blog——《How I hacked Github again》(墙)说明了这5个安全bug以及他把github黑掉的思路。Egor的这篇文章讲得比较简单,很多地方一笔带过,所以,我

2014-03-06 15:18:19 443

原创 MySQL insert 存在则更新,不存在则插入

有时候我们需要用一个表去记录某些经常变动的数据,比如现在有一个表,是用来记录页面被访问的IP和访问次数的。你可以用传统的方法,只需要一个IP字段,只要客户端访问,就把IP写入表中。查询的时候用group by和count去统计每个IP的记录条数。但是这种方法很不理想,这种方法需要保存许多次IP,占资源就变多了。再就是记录如果多的话,查询的时候速度慢。这种情况我们会用另一种表结构来记录数据,把IP作

2014-03-05 13:23:28 1622

原创 PHP上模拟事件来响应Ajax

这东西比较简单,直接来看代码吧。 require 'events.php';//事件函数function on_submit($text){  //获取参数并输出给客户端  die($text.' ← 这货没救了');};         在引用了events.php后,Ajax提交过来的操作就会被放入一个函数中处理,这样页面的逻辑就更清晰了。下面是测试用的前端代码,和上面

2014-03-05 13:20:01 695

原创 关于JavaScript中的堆变量

父作用域中的局部变量会污染到子作用域,当然,可以在子作用域中可以重新声明这个变量来覆盖父作用域的污染。但是即便如此结果依然与干净的作用域不同。重定义变量后变量依然存在,只是值为undefined。干净的作用域中访问不存在的变量应该会抛出异常。(function(){  var n="次碳酸钴";  (function(){    var n;    alert(n); //un

2014-03-05 13:17:26 513

原创 HTML5的Blob对象简介

HTML5中的Blob对象和MYSQL中的BLOB类型在概念上是有点区别的。MYSQL中的BLOB类型就只是个二进制数据容器。而HTML5中的Blob对象除了存放二进制数据外还可以设置这个数据的MINE类型,这相当于对文件的储存,其它很多二进制对象也是从这个对象继承的。  在稍低版本的现代浏览器中,这个Blob对象还没规范化,因此需要BlobBuilder之类的方式来创建。但是现在Blob已经

2014-03-05 13:06:49 2003

原创 alert阻断了什么?

也许是以前搞桌面程序开发的缘故,我一直以为IE弹出的alert是模式对话框,觉得它会阻断线程。但其它浏览器的alert并不使用IE样式的对话框,所以alert到底是不是阻断了线程就需要重新考虑了。事实上alert不会阻断线程,而且在实现上还存在浏览器差异。    这货是不是看起来很眼熟?它是IE的alert吗?不是!这货是我刚用C++写的小程序 #pragma comment(lib,

2014-03-05 13:06:00 1869

原创 GBK字符集下的XSS

上一篇文章中介绍了GBK字符集下的安全问题,并举了SQL注入的例子。这个安全问题同样存在于前端,我们可以使用同样的方式把代码注入到JavaScript中制造出XSS攻击。所以在程序出现乱码时就要小心了,会出现乱码的程序都可能存在安全隐患。  比如我们有个这样的程序 header('Content-Type: text/html; charset=gbk');$log=addslas

2014-03-05 13:03:30 927

原创 HTML中的重复ID问题

我们通常认为在同一个文档中元素的ID是唯一的,至少从逻辑上它应该是唯一的。传统的网页确实没有ID重复的必要,但现代Web中还有单页面的架构,模块是动态加载的,他们全都在同一个文档中,因此ID重复就很难避免。所以有时候,我们要视ID为非唯一的。  通过ID获取元素最常用的方法就是getElementById,但这个方法显然是单数的,它永远都只能获取到一个元素,如果页面存在多个ID相同的元素,它只

2014-03-05 13:01:54 23133

原创 HTTP keep-alive的适用性

keep-alive可以让TCP连接被复用,避免不必要的断开与重新连接。从这个设定上看它绝对是个好东西,但并不是所有连接都适合用keep-alive。在不适合keep-alive的场景使用keep-alive反而会带来负面影响。它实际上就是一种以内存换取网络的策略。  当一个页面打开时,页面需要请求js、css以及页面上的图片等。网络请求是需要时间的,这些请求不会瞬间完成,但他们却是瞬间发起的

2014-03-05 11:29:30 556

原创 “自动换列”的CSS设计

CSS中只有自动换行的概念,常规流中的东西如果无法塞入当前行盒子中就会另起新行来放置。但对于列满的情况并没有“自动换列”的概念,因为对于一个容器而言,行盒子只有一列,即使这一列行盒子超出容器的范围,它也只是撑开或超出容器,不会产生新的列。但实现起来有点猥琐了。既然CSS有自动换行的性质,那么我们把行和列的概念互换不就可以得到“自动换列”了吗?我们需要对行列转置,并且为了保持内容的方向,也需要让

2014-03-05 11:27:51 2346

原创 关于JS文件合并的一些衍生想法

对于图片的请求合并是否可行也许还有很多地方需要商讨,比如存储方式,硬盘占用等。但是,网页不光有图片,还有其它资源。对于一些文本类型的资源,比如CSS和JS,合并的做法目前是非常普遍的。但只是简单地把他们放到同一个文件中加载是不是不太好呢?  图片的加载无论是否合并,只要是一张完整的图片它就是加载多少显示多少的。在加载过程中,用户可以看到已经加载了的部分。但是JS和CSS就不同,他们需要完全加载

2014-03-05 11:25:05 390

原创 前端开发技术的发展

前端开发技术,从狭义的定义来看,是指围绕HTML、JavaScript、CSS这样一套体系的开发技术,它的运行宿主是浏览器。从广义的定义来看,包括了: 专门为手持终端设计的类似WML这样的类HTML语言,类似WMLScript这样的类JavaScript语言。 VML和SVG等基于XML的描述图形的语言。 从属于XML体系的XML,XPath,DTD等技术。 用于支撑后端的ASP,JSP,

2014-03-04 16:47:08 473

原创 这样去写你的 HTML

昨天在 twitter 上说,怎么忍心把页面写得这么难用?是的,这个世界还有一群人等着我们创建出来的东西,可以让他们的生活能过得更容易呢。比如那些需要读屏软件的用户。作为一个前端,我们又怎么会忍心呢。之前就一直想写这样的一篇文章,分享一下如何去创造一个可访问性更好的页面。今天的计划里有一条把 HTML Tag 和 WCAG标准结合起来。我推荐你这样去写你的 HTML,让某些人的生活可以更容易。

2014-03-04 16:44:57 464

原创 网页自动适应屏幕

一、其中:width - viewport的宽度 height - viewport的高度 initial-scale - 初始的缩放比例minimum-scale - 允许用户缩放到的最小比例maximum-scale - 允许用户缩放到的最大比例user-scalable - 用户是否可以手动缩放;二、所有主流浏览器都支持这个设置,包括IE9。对于那些老式浏览器

2014-03-04 16:42:12 599

原创 寻找适合自己的道路

一直想写这篇“十日谈”,聊聊我对Web前端开发的体会,顺便解答下周围不少人的困惑和迷惘。我不打算聊太多技术,我想,通过技术的历练,得到的反思应当更重要。  我一直认为自己是“初级”前端开发工程师,一方面我入道尚浅,只有短短几年,另一方面我自知对技术的钻研并不深入,可能是由于环境的原因,当然最重要的是,我幸运的参与到互联网崛起的浪潮之巅。时势造就了一批技能薄弱但备受追捧的“弄潮者”,这在很大程度

2014-03-04 16:39:07 432

原创 技术背景 FaceBook页面加载技术

试想这样一个场景,一个经常访问的网站,每次打开它的 页面都要要花费6 秒;同时另外一个网站提供了相似的服务,但响应时间只需3 秒,那么你会如何选择呢?数据表明,如果用户打开一个网站,等待3~4 秒还没有任何反应,他们会变得急躁,焦虑,抱怨,甚至关闭网页并且不再访问,这是非常糟糕的情况。所以,网页加载的速度十分重要,尤其对于拥有遍布全球的 5亿用户的Facebook(全球最大的社交服务网站)这样的大

2014-03-04 16:36:57 882

转载 javascript 异步编程2

好像有这么一句名言——"每一个优雅的接口,背后都有一个龌龊的实现"。最明显的例子,jQuery。之所以弄得这么复杂,因为它本来就是那复杂。虽然有些实现相对简明些,那是它们的兼容程度去不了那个地步。当然,世上总有例外,比如mootools,但暴露到我们眼前的接口,又不知到底是那个父类的东西,结构清晰但不明撩。我之所以说这样的话,因为异步列队真的很复杂,但我会尽可能让API简单易用。无new实例化,不

2014-03-04 16:35:34 1896

原创 ASP网站中301重定向要怎么设置

301重定向是页面永久性转移,也是域名跳转的一个办法。网站改版的时候,由于我们页面url的改版,为了让网页更改地址后对搜索引擎友好,我们都建议网站做301跳转。  但由于我们很多人用的服务器都是虚拟主机,很多虚拟主机没有支持在管理后台进行设置301重定向。这个时候我们只能用代码来进行设置。  下面我们与大家分享下ASP网站301重定向的设置办法(支持伪静态空间)。希望能给各位站长带来一些帮

2014-03-03 16:21:19 1611 1

原创 做搜索引擎就应当遵守robots规则

近日,奇虎360综合搜索违反国际通行robots协议,直接抓取百度等网站未经授权的信息数据,在互联网业内引起轩然大波。对于这一违规行为,360方面反驳称百度在robots协议中禁止360爬虫,涉嫌垄断。对此,信中利国际控股有限公司创始人、著名投资人汪潮涌指出,做搜索就应当遵守robots协议。同时他也指出。中国的搜索市场是自由竞争的,百度之所以遥遥领先是因为专注,其高市场占有率完全是自由竞争的结果

2014-03-03 16:10:52 498

原创 如何在 Outlook Express 中保存密码

该过程与 Windows 98、Windows Me、Windows NT 4.0、Windows 2000 和 Windows XP 中的过程相同:1. 启动 Outlook Express。注意:如果收到登录错误,请关闭该对话框并继续。 2. 单击“工具”,然后单击“帐户”。 3. 单击“Internet 帐户”窗口中的“邮件”选项卡。 4. 在“帐户”列中,单击要更改的 In

2014-03-03 16:09:47 886

原创 如何在 Outlook 2002 和 Outlook 2003 中重新输入密码

该过程与 Windows 98、Windows Me、Windows NT 4.0、Windows 2000 和 Windows XP 中的过程相同:1. 单击“开始”,指向“设置”,然后单击“控制面板”。注意:在 Windows XP 中,单击“开始”,然后单击“控制面板”。 2. 双击“邮件”图标或“邮件和传真”图标。 3. 单击“显示配置文件”,单击您正在进行故障排除的帐户,然后

2014-03-03 16:09:05 1045

原创 如何在注册表中删除用户帐户信息。

Windows XP重要说明:请勿删除主 Protected Storage System Provider 项。该项不会自动重新生成。如果您没有遇到密码保存问题并且忘记了密码,删除用户子项可能导致无法检索邮件。注意:如果您是 Windows XP 用户,必须拥有管理员权限才能编辑系统注册表。1. 退出所有程序。 2. 单击“开始”,单击“运行”,在“打开”框中键入 regedt32,

2014-03-03 16:08:27 9316

原创 如何备份注册表

Microsoft Windows XP1. 单击“开始”,然后单击“运行”。 2. 在“打开”框中,键入 regedit,然后单击“确定”。  3. 找到并单击以下注册表项: HKEY_CURRENT_USER\Software\Microsoft\Protected Storage System Provider 4. 在“文件”菜单上,单击“导出”。 5. 在“保存在

2014-03-03 16:07:42 606

原创 outlook用户密码无法保存

故障现象:新装系统,导入邮件地址后,收发信提示输入密码,输入密码后正常,重启后又如此。邮件程序outlook 系统XP3。   原因:注册表中用户帐户的 Protected Storage System Provider 子项包含不正确的信息,就会发生此问题。  解决方案:以下解决方案只有在已经尝试了所有其他相关的密码故障排除方法之后才可使用。要解决此问题,请从 Protected

2014-03-03 16:06:59 1033

原创 前端开发优点

前端开发的入门门槛很低,与服务器端语言先慢后快的学习曲线相比,前端开发的学习曲线是先快后慢。所以,对于从事IT工作的人来说,前端开发是个不错的切入点。      视觉性较强,可以随时将自己设计的页面呈现出来,根据审美观点来修改页面,相对于后台代码要更直观、更生动;经过学习web前端技术,我们也可以制作出像QQ空间、微博主页这种绚丽多彩的页面来。

2014-03-03 15:50:20 871

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除