关注前端开发微信微信号web007007

Google Google重领浪潮

Google Google重领浪潮

“不疯狂,即犯错。”代表了谷歌身上一种舍我其谁的使命感,也恰恰是谷歌重回科技创新浪潮之巅的秘诀之所在。         如果把时间拉到足够远,该如何审视一个时代与一个帝国?         就像 3 年前的早春,旧金山芳草地艺术中心,当乔布斯在万众瞩目中发布了 iPad,一个由 Mac、iPad 加上 iPhone 构筑起的苹果帝国开始变得如日中天;几乎与此同时,谷歌宣布退出中国,PC 互联网时代的搜索老大迅...

阅读全文...

移动互联网第一次世界大战即将结束,你还活着吗?

移动互联网第一次世界大战即将结束,你还活着吗?

  这场席卷旧世界的移动互联网大战,发生是必然的。旧的生产格局及生产关系不能满足网络的发展时,便会有新的力量崛起,重组产业格局、生态和游戏规则。你无法洞察未来,你不作为,你尸居餐位,你会被替代。   一个月前,我在巴塞罗那全球移动通信大会的会场。在我心中,这是最完美的城市,最好的艺术家、最美的风景、最好的球队、最瑰丽的建筑和艺术、感人泪下的弗朗明戈……四天展览...

阅读全文...

Ludei:HTML5平台将于今夏支持WebGL 3D

Ludei:HTML5平台将于今夏支持WebGL 3D

HTML5游戏开发平台提供商 Ludei 刚刚增加了对WebGL 3D app的支持,该公司表示开发者现在可以跨各种设备开发3D游戏,不管是台式电脑、智能手机还是平板设备,该功能将会在今年夏季正式推出。   Ludei 的平台将会支持使用了公开WebGL标准的3D游戏, WebGL是一种3D绘图标准,经常被用在3A主机游戏和PC游戏当中。   Ludei CEO Eneko Knorr说:“我们的3D渲染器允许在当今最流行的移动设备上...

阅读全文...

css选择符有哪些?优先级是怎么的?

css选择符有哪些?优先级是怎么的?

1、通配选择符(*),表示页面内所有元素的样式。 * { font-family:Verdana, Geneva, sans-serif; font-size:12px; } 2、类型选择符。是指以网页中已有的标签类型作为名称的选择符,例如body、div、p、span等。 div { font-family:Verdana, Geneva, sans-serif; font-size:12px; } 所有的页面元素都可以作为选择符。 3、群组选择符,如果要对一组对象同时进行相同的样式指派,只需要使用“,”逗号...

阅读全文...

css行内元素有哪些?块级元素有哪些? 盒模型的哪些?

css行内元素有哪些?块级元素有哪些? 盒模型的哪些?

1.内联元素(inline element) * a – 锚点 * abbr – 缩写 * acronym – 首字 * b – 粗体(不推荐) * big – 大字体 * br – 换行 * em – 强调 * font – 字体设定(不推荐) * i – 斜体 * img – 图片 * input – 输入框 * label – 表格标签 * s – 中划线(不推荐) * select – 项目选择 * small – 小字体文本 * span – 常用内联容器,定义文本内区块 * strike – 中划线 * strong – 粗体强调 * sub – 下标 * s...

阅读全文...

xhtml和html的概念与区别

xhtml和html的概念与区别

xhtml的概念 html是超文本链接语言的缩写(HyperText Markup Language)。简单来说html是一种网页语言,我们用它做网页,而且它学习起来很简单。 xhtml呢?X代表“扩展的”,xhtml就是升级版的html语言,他比html更加严谨纯净,学名叫做扩展超文本链接语言(EXtensible HyperText Markup Language)。它是一个W3C标准,用它制作的网页能让更多的浏览器正确的接受并准确显示出来,而且xhtml把许多样...

阅读全文...

2013.03.06笔试题以及答案

2013.03.06笔试题以及答案

一、简要的说明什么是XHTML并列举出XHTML与HTML的不同点。 二、css行内元素有哪些?块级元素有哪些? 盒模型的哪些? 三、列举css常用的三种引入方式。 1:在head部分加入<link  rel=”stylesheet” type=”text/css” href=”my.css”/>,引入外部的CSS文件。 2:在head部分加入 <style type=”text/css”> div{margin: 0;padding: 0;border:1px red solid;} </style> 3:直接在页面的...

阅读全文...

border:none;与border:0;的区别

border:none;与border:0;的区别

这问题在网络相信已经有不少人问到,最近再次被牵起讨论,而且在今天的面试中考官也问到了这个问题,所以写一下个的理解,border:none;与border:0;的区别体现有两点:一是理论上的性能差异二是浏览器兼容性的差异。 性能差异: 【border:0;】把border设为“0”像素虽然在页面上看不见,但按border默认值理解,浏览器依然对border-width/border-color进行了渲染,即已经占用了内存值。 【border:non...

阅读全文...

前端页面有哪三层构成,分别是什么?作用是什么?

前端页面有哪三层构成,分别是什么?作用是什么?

有许多 web 设计师都有为纸质印刷品设计版面的经验。事实上,设计网站时,把网页当做纸质印刷品来对待是最容易想到的思想,除了把白纸换成了屏幕,其他做法没什么两 样。这种做法注定会失败。 Web 是一种不同的媒体。在设计纸质印刷品是时,必须把原始内容和版面设计交织在一起才能看到最终的印刷效果,但在设计网页时,只有将其分离开来才能获得最佳的 结果。 最准确的网页设计思路是把网页分...

阅读全文...

Doctype? 严格模式与混杂模式-如何触发这两种模式,区分它们有何意义?

Doctype? 严格模式与混杂模式-如何触发这两种模式,区分它们有何意义?

声明位于文档中的最前面的位置,处于 标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。 该标签可声明三种 DTD 类型,分别表示严格版本、过渡版本以及基于框架的 HTML 文档。详细请看:http://www.w3school.com.cn/tags/tag_doctype.asp 1. 浏览器模式 当浏览器厂商开始创建与标准兼容的浏览器时,他们希望确保向后兼容性。为了实现这一点,他们创建了两种呈现模式:标准模式和混...

阅读全文...

webkit 开发总结

webkit 开发总结

如果你是一名前端er,又想在移动设备上开发出自己的应用,那怎么实现呢?幸好,webkit内核的浏览器能帮助我们完成这一切。接触 webkit webApp的开发已经有一段时间了,现把一些技巧分享给大家 : 自Iphone和Android这两个牛逼的手机操作系统发布以来,在互联网界从此就多了一个新的名词-WebApp(意为基于WEB形式的应用程序,运行在高端的移动终端设备)。 开发者们都知道在高端智能手机系统中有两种...

阅读全文...

GoAgent详细教程-翻墙无忧

GoAgent详细教程-翻墙无忧

什么是GoAgent? 详细信息请访问:http://code.google.com/p/goagent/ 说的通俗一点,就是一个可以让你自由访问外国网站的工具,比如Facebook、Twitter、YouTube这些网站,你懂的。这个工具是免费的,速度还挺快。 部署和使用GoAgent的步骤(Windows环境)  一、申请Google App Engine并创建appid Step 1- 开通Google App Engine功能 登录https://appengine.google.com/,用自己的Google账户登录...

阅读全文...

关于 HTML5 的 5 个误解

关于 HTML5 的 5 个误解

12 月 17 日 W3C 的 CEO Jeff Jaffe 宣布 HTML5 定义完成,即进入了 Candidate Recommendation 阶段,这距离它成为 W3C 的正式推荐标准(Recommendation 阶段)已经很近。然而技术社区对于 HTML5 仍存在很多误解以至于错误理解这一事件的意义。本文试谈几点常见的误解帮助大家了解 HTML5。 HTML5 标准是超炫的技术 HTML5 标准本身是标记语言和语义的规范,所以它不会包括诸如 API 和样式这样的内...

阅读全文...

在淡WEB前端工程师

在淡WEB前端工程师

先给前端工程师的工作下个一句话定义:运用前端技术,实现体验的良好传达。如果在前面加上 Web,那么是针对 Web 这个领域的,主要是互联网,也可以将移动通信网络和其他传媒网络(比如IPTV)包含在内,因为其理念是一致的。实际上如果叫做“WEB前端”它需要的技能范围还是很广的。 我认为它的职能方向大概是 平面设计师 > 网页设计师 > 交互工程师 > UI设计师(用户体验) > WEB前端工程...

阅读全文...

如何做好一份前端工程师的简历?

如何做好一份前端工程师的简历?

一、你是前端工程师 虽然简历都会有一些常规信息,但职业决定了这份简历核心内容和求职成败。所以,这份简历应该尽可能体现你自己是一个合格的前端工程师。专业的前端工程师是什么可以看看去年Nate Koechley的演讲《Professional Frontend Engineering》,前端工程师应该关注的内容可以从克军总结的“前端工程师应该关注什么”的思维导图中窥出一二,学习内容聚合可以看看 陈成总结的《前端开发大...

阅读全文...

什么是字节?

什么是字节?

字节,计算机语言,标准单位为Byte 发音:bait. 字节是通过网络传输信息(或在硬盘或内存中存储信息)的单位。网络上的所有信息都是以bit为单位传递的,一个位就代表一个0或1,每8个bit组成一个字节Byte.在ASCII码中,一个英文字母占一个字节的空间,一个中文汉字占两个字节的空间。 符号:英文标点占一个字节,中文标点占两个字节。举例:英文句号“.”占1个字节的大小,中文句号“。”占2个字节的大...

阅读全文...

天涯html&css基础框架

天涯html&css基础框架

html申明 对ie6-8在html中添加no-css3这个class和各个版本的class,对ie7以下添加lte7这个class,然后根据我们目前使用浏览器的比例,把第一的ie6放在判断第一位。 <!DOCTYPE HTML> <!--[if IE 6]><html lang="zh-cn"><![endif]--> <!--[if IE 8]><html lang="zh-cn"><![endif]--> <!--[if IE 9]><html lang="...

阅读全文...

“双十一”背后的技术讨论

“双十一”背后的技术讨论

如今双十一的意义不仅仅是光棍节了,而是一年一度的电商节,淘宝无疑成了主角,191亿的销售额创下了历史记录,这是多么恐怖的数字,在这个数字之下则隐藏了很深技术,让我们看看各位资深人士关于双十一技术的讨论: @dbatools (支付宝DBA) 双十一一天时间,支付宝核心数据库集群处理了41亿个事务,执行285亿次SQL,生成15TB日志,访问1931亿次内存数据块,13亿个物理读;亲手规划从当年的两台...

阅读全文...

WordPress菜单功能支持二级和N级菜单

WordPress菜单功能支持二级和N级菜单

WordPress菜单功能支持二级和N级菜单 摘要:自带的导航菜单功能是 WordPress 3.0+ 中唯一执得让人眼睛一亮的功能了,在新做主题的过程中再一次让我眼睛亮了一亮,发现这个 WordPress 的导航菜单居然还支持二级和N级菜单。 当然要实现下拉的二级菜单功能,还是需要 jQuery 和 CSS 等的配合。下面简单介绍一下: 首先,要让你的主题支持 WordPress 3.0+,只需简单几步,把以下代码添加到主题的func...

阅读全文...

如何取消QQ中打开链接默认使用的TT浏览器

如何取消QQ中打开链接默认使用的TT浏览器

不知从何起,在我的电脑上,QQ聊天窗口打开的链接都默认使用QQ的TT浏览器,很让我抓狂。 虽然QQ软件都很好,但我对TT浏览器说实在的一点也不喜欢。打开网站的速度慢,而且经常遇到假死状态。不喜欢的因素还是较多的,但怎么取消默认使用TT浏览的呢?花了好些功夫终于找到修改方法,其实在QQ系统设置里就可以修改。 在QQ界面的底部点击齿轮图标打开【系统设置】窗口,左边选项选择【安全和隐私】...

阅读全文...