平台-Html5
文章平均质量分 64
太阳火神的美丽人生
专注于敏捷开发及移动和物联设备研究:iOSAndroidHtml5ArduinopcDuino。
展开
-
前端 CSS 引入多个 IconFont 字体图标文件
前端引入字体图标涉及的相关知识链接1、嵌入 Html 文档的字体 参考http://css.doyoe.com/ “语法与规则 Rules”节, @font-face@font-face { font-family: 'diyfont'; src: url('diyfont.eot'); /* IE9+ */ src: url('diyfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('...原创 2021-03-22 10:46:12 · 1706 阅读 · 0 评论 -
HTML DOM Attribute 对象
HTML DOM Attribute 对象HTML DOM 节点在 HTML DOM (文档对象模型)中,每个部分都是节点:文档本身是文档节点所有 HTML 元素是元素节点所有 HTML 属性是属性节点HTML 元素内的文本是文本节点注释是注释节点Attr 对象在 HTML DOM 中,Attr 对象表示 HTML 属性。HTML 属性始终属于 HTML 元素。NamedNodeMap 对象在 H转载 2014-08-20 04:56:21 · 1350 阅读 · 0 评论 -
HTML DOM Element 对象
HTML DOM Element 对象HTML DOM 节点在 HTML DOM (文档对象模型)中,每个部分都是节点:文档本身是文档节点所有 HTML 元素是元素节点所有 HTML 属性是属性节点HTML 元素内的文本是文本节点注释是注释节点Element 对象在 HTML DOM 中,Element 对象表示 HTML 元素。Element 对象可以拥有类型为元素节点、文本节点、注释节点的子节转载 2014-08-20 04:55:32 · 1447 阅读 · 0 评论 -
JavaScript preventDefault() 方法
标准 Event 方法下面列出了 2 级 DOM 事件标准定义的方法。IE 的事件模型不支持这些方法:方法描述initEvent()初始化新创建的 Event 对象的属性。preventDefault()通知浏览器不要执行与事件关联的默认动作。stopPropagation()不再派发事件。转载 2014-08-20 04:34:41 · 1478 阅读 · 0 评论 -
JavaScript stopPropagation() 方法
stopPropagation() 方法Event 对象定义和用法不再派发事件。终止事件在传播过程的捕获、目标处理或起泡阶段进一步传播。调用该方法后,该节点上处理该事件的处理程序将被调用,事件不再被分派到其他节点。语法event.stopPropagation()说明该方法将停止事件的传播,阻止它被分派到其他 Document 节点。在事件传播的任何阶段都可以调用它。注意,虽然该方法不能阻止同一个转载 2014-08-13 15:06:07 · 3268 阅读 · 0 评论 -
HTML DOM Document 对象
HTML DOM Document 对象Document 对象每个载入浏览器的 HTML 文档都会成为 Document 对象。Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问。提示:Document 对象是 Window 对象的一部分,可通过 window.document 属性对其进行访问。Document 对象集合集合描述all[]提供对文档中所有 HTML 元转载 2014-08-20 04:53:05 · 1496 阅读 · 0 评论 -
HTML DOM Event 对象
HTML DOM Event 对象实例哪个鼠标按钮被点击?光标的坐标是?被按的按键的 unicode 是?相对于屏幕,光标的坐标是?shift 键被按了吗?哪个元素被点击了?哪个事件类型发生了?Event 对象Event 对象代表事件的状态,比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。事件通常与函数结合使用,函数不会在事件发生前被执行!事件句柄 (Event Handle转载 2014-08-20 04:40:00 · 1215 阅读 · 0 评论 -
Threejs 官网 - 不可见对象(Invisible objects)
Threejs 官网 - 不可见对象(Invisible objects)翻译 2014-08-02 19:35:53 · 3625 阅读 · 0 评论 -
Html5 中获取镜像图像 - 解决 WebGL 中纹理倒置问题
Html5 中获取镜像图像 - 解决 WebGL 中纹理倒置问题原创 2014-07-30 17:33:22 · 3730 阅读 · 0 评论 -
HTML5 界面元素 Canvas 参考手册
HTML5 界面元素 Canvas 参考手册翻译 2014-07-30 07:15:48 · 3405 阅读 · 0 评论 -
Html5 页面中 JavaScript 启动调用的三种方法比较
Html5 页面中 JavaScript 启动调用的三种方法比较原创 2014-07-29 10:58:57 · 7323 阅读 · 0 评论 -
HTML5 画布上的 Three.js 环境灯光(HTML5 Canvas Three.js Ambient Lighting)
HTML5 画布上的 Three.js 环境灯光(HTML5 Canvas Three.js Ambient Lighting)翻译 2014-08-03 20:57:35 · 4032 阅读 · 0 评论 -
WebGL 支持情况检测与已支持浏览器版本汇总
WebGL 支持情况检测与已支持浏览器版本汇总原创 2014-07-27 18:02:34 · 18736 阅读 · 0 评论 -
关于HTML5中Canvas的宽、高设置有关问题
关于HTML5中Canvas的宽、高设置问题Canvas元素默认宽 300px, 高 150px, 设置其宽高可以使用如下方法:方法一:1 方法二:使用HTML5 Canvas API操作 OK1 var canvas = document.getElementById('欲操作canvas的id');2 canvas.width = 500;3 canvas.width = 500;若通过如下方转载 2014-08-02 19:54:07 · 2632 阅读 · 0 评论 -
Yomotsu 使用 THREE.js 创建的示例(Examples created by Yomotsu using THREE.js)
Yomotsu 使用 THREE.js 创建的示例(Examples created by Yomotsu using THREE.js)翻译 2014-08-02 19:49:55 · 2490 阅读 · 1 评论 -
Three.js 教程和示例(Tutorials and Examples)
Three.js 教程和示例(Tutorials and Examples)翻译 2014-08-02 19:40:03 · 3685 阅读 · 0 评论 -
Threejs 官网 - 检测使用 three.js 时的 WebGL 和浏览器兼容性(Detecting WebGL and browser compatibility with three.js)
Threejs 官网 - 检测使用 three.js 时的 WebGL 和浏览器兼容性(Detecting WebGL and browser compatibility with three.js)翻译 2014-08-02 19:29:01 · 7065 阅读 · 0 评论 -
W3C推荐标准 XML信息集 - 理解 HTML 的组成
W3CHINA.ORG首页/文档翻译/XML信息集更多信息请访问 W3CHINA.ORG讨论区 A website dedicated to promoting the widespread deployment of W3C technologies.A website designed to propagate information on the future of the Web.A转载 2014-08-20 05:02:21 · 1896 阅读 · 0 评论 -
是时候开始使用JavaScript严格模式了
是时候开始使用JavaScript严格模式了2012-03-17 21:45 Memo_Lois zhoujunmiao.com 字号:T | TECMAScript5将严格模式(strict mode)引入了Javascript中,目的是允许开发人员能够选择“更好”的Javascript版本,这个版本能用不同的方式处理那些普遍而又臭名昭著的错误。一开始的时候,我对该模式抱着怀疑的态度,因为当时在转载 2014-08-07 21:06:13 · 1566 阅读 · 0 评论 -
移动及前端开发不再为设计图标注烦恼 之 像素大厨 PxCook
移动及前端开发不再为设计图标注烦恼 之 像素大厨 PxCook太阳火神的美丽人生 (http://blog.csdn.net/opengl_es)本文遵循“署名-非商业用途-保持一致”创作公用协议转载请保留此句:太阳火神的美丽人生 - 本博客专注于 敏捷开发及移动和物联设备研究:iOS、Android、Html5、Arduino、pcDuino,否则,出自本博客的文章拒绝转载或再转载,谢谢合作。...原创 2018-04-13 08:16:18 · 2225 阅读 · 0 评论 -
Firefox 的页面缩放选项在这里 - Http Tool 插件查看自动格式化后的 json
Firefox 的页面缩放选项在这里 - Http Tool 插件查看自动格式化后的 json原创 2015-12-13 19:58:06 · 2103 阅读 · 2 评论 -
iOS WKWebView 混合应用开发时代来临 - 嵌入式 JS 的调试成为催化剂
iOS WKWebView 混合应用开发时代来临 - 嵌入式 JS 的调试成为催化剂原创 2015-05-07 00:06:35 · 2648 阅读 · 0 评论 -
在线即时展现 Html、JS、CSS 编辑工具 - JSFiddle
在线即时展现 Html、JS、CSS 编辑工具 - JSFiddle原创 2015-03-13 08:30:55 · 1452 阅读 · 0 评论 -
Reapp 混合应用 - 帮助构建前所未所的强大应用(Reapp Hybrid apps - help you build powerful apps like never before)
Reapp 混合应用 - 帮助构建前所未所的强大应用(Reapp Hybrid apps - help you build powerful apps like never before)翻译 2015-03-02 06:23:12 · 2999 阅读 · 0 评论 -
WebKit 中异步加载脚本(Running scripts in WebKit)- 大大提升界面呈现速度
WebKit 中异步加载脚本(Running scripts in WebKit)- 大大提升界面呈现速度翻译 2015-02-28 15:36:03 · 1371 阅读 · 0 评论 -
兄弟,这叫 multipart !
兄弟,这叫 multipart !原创 2014-12-26 13:59:16 · 1665 阅读 · 0 评论 -
Web 站点提速的最佳实践(Best Practices for Speeding Up Your Web Site)
Web 站点提速的最佳实践(Best Practices for Speeding Up Your Web Site)翻译 2014-11-10 14:13:44 · 4179 阅读 · 0 评论 -
Three.js 灯光移动有点莫名其妙 - ByeBye
Three.js 灯光移动有点莫名其妙 - ByeBye原创 2014-08-03 22:59:06 · 2152 阅读 · 0 评论 -
MDN Web技术文档 - HTML 元素
MDN Web技术文档 HTML 元素元素 HTML元素A B C D E F G H I J K L M N O P Q R S T U V W X Y Z (快速链接 HTML Category)HTML元素这个HTML引用列表所有HTML元素,定义在HTML5或在之前的规范。把尖括号放置在HTML元素的两边,就构成了HTML标签 : 。元素实体指定HTML文档如何应该建立,什么样的内容应该放转载 2014-08-12 06:16:33 · 1968 阅读 · 0 评论 -
MDN 文档对象模型 (DOM) - DOM概述
在本文章中什么是 DOM?DOM 和 JavaScript如何访问 DOM?重要的数据类型DOM 接口接口及对象DOM中核心接口测试DOM API本节提供了一个简单的概念性的DOM介绍:DOM是什么, 它是如何组织 HTML 及 XML 文档,你要如何访问它,这个API提供了那些参考信息和实例。 什么是 DOM?文档对象模型 (DOM) 是HTML和XML文档的编程接口。它提供了对文档的结构化的表转载 2014-08-12 06:07:12 · 2193 阅读 · 0 评论 -
MDN Web 技术文档 - JavaScript Strict mode
在 JavaScript 1.8.5 引入 ECMAScript 5的严格模式是Javascript中的一种限制性更强的变种方式。严格模式不是一个子集:它在语义上与正常代码有着特意的差异。不支持严格模式的浏览器与同支持严格模式的浏览器行为上也不一样, 所以不要在未经严格模式特性测试情况下使用严格模式。严格模式可以与非严格模式共存,所以脚本可以逐渐的选择性加入严格模式。转载 2014-08-07 21:07:11 · 2476 阅读 · 0 评论 -
是时候使用JavaScript严谨模式(Strict Mode)提升团队开发效率
是时候使用JavaScript严谨模式(Strict Mode)提升团队开发效率In JavaScript on 2012年06月27日 by TAT.Kinvix view: 4,2046随着WebApp突飞猛进的发展,Javascript写的WebApp规模越来越庞大,比如典型的代表产品腾讯WebQQ、HTML5游戏等等,Javascript越来越需要大量的开发人员多多人协作开发。同时HTML转载 2014-08-07 21:03:01 · 1314 阅读 · 0 评论 -
Javascript 严格模式详解
作者: 阮一峰一、概述除了正常运行模式,ECMAscript 5添加了第二种运行模式:"严格模式"(strict mode)。顾名思义,这种模式使得Javascript在更严格的条件下运行。设立"严格模式"的目的,主要有以下几个: - 消除Javascript语法的一些不合理、不严谨之处,减少一些怪异行为; - 消除代码运行的一些不安全之处,保证代码运行的安全; - 提高编译器效率,增加运行转载 2014-08-07 16:44:32 · 2425 阅读 · 0 评论 -
JavaScript 参考手册
JavaScript 参考手册本部分提供完整的 JavaScript 参考手册:JavaScript 本地对象和内置对象Browser 对象(BOM)HTML DOM 对象JavaScript 对象参考手册本参考手册描述每个对象的属性和方法,并提供实例。ArrayBooleanDateMathNumberStringRegExpGlobalBrowser 对象参考手册本参考手册描述每个对象的属性和转载 2014-08-20 04:42:25 · 1304 阅读 · 0 评论 -
MDN Web 技术文档 - event.preventDefault
event.preventDefault在本文章中概述语法例子备注规范概述如果事件对象的cancelable属性为true,则该方法可以取消事件的默认动作.但并不取消事件的冒泡行为.语法event.preventDefault();例子点击一个复选框时,触发click事件.该事件的默认动作是切换复选框的选择状态.下例演示了如何取消这个默认动作的发生:html>head>title>prev转载 2014-08-08 08:10:19 · 1803 阅读 · 0 评论 -
高度抽象的 MVC 忽略了下述细节描述带来了隐患
高度抽象的 MVC 忽略了下述细节描述带来了隐患原创 2014-08-03 04:51:21 · 1904 阅读 · 0 评论 -
Threejs 官网 - 入门指南(Getting Started)
Threejs 官网 - 入门指南(Getting Started)翻译 2014-07-27 06:44:44 · 3807 阅读 · 0 评论 -
Aerotwist 教程列表(Aerotwist Tutorials)
Aerotwist 教程列表(Aerotwist Tutorials)翻译 2014-08-02 19:43:43 · 2022 阅读 · 0 评论 -
使用 HTML5 canvas 进行 Web 绘图
使用 HTML5 canvas 进行 Web 绘图新的 HTML5 规范旨在帮助开发人员更轻松的编写出各类 Web 应用,以顺应当前 SaaS,云计算以及 RIA 等技术的最新趋势。在 HTML5 得以广泛推广之前,开发人员通常使用 SVG,VML 等技术进行 Web 绘图操作,但这些基于 XML 的绘图语言声明式的绘图方式并不能满足复杂绘图操作在性能上的需求,比如 Web 游戏所需要的像素级别的转载 2014-05-25 23:24:34 · 2381 阅读 · 0 评论 -
玩转html5<canvas>画图
玩转html5画图导航前言基本知识绘制矩形清除矩形区域圆弧路径绘制线段绘制贝塞尔曲线线性渐变径向渐变(发散)图形变形(平移、旋转、缩放)矩阵变换(图形变形的机制)图形组合给图形绘制阴影绘制图像(图片平铺、裁剪、像素处理[不只图像、包括其他绘制图形])绘制文字保存和恢复状态(context)保存文件结合setInterval制作动画结语、demo下载 前言 是html5出现的新标签,像所有的转载 2014-05-25 23:23:08 · 1607 阅读 · 0 评论