代码人生的小狗窝

一行行枯燥的代码,却描绘出人生的点点滴滴

推荐文章

HTML5本地存储应用sessionStorage跟localStorage

    HTML5本地存储应用sessionStorage和localStorage在html5之前,浏览器要实现数据的存储,一般都是用cookie,但是cookie有域名和大小限定.  html5流行之后,可以通过localStorage和sessionStorage实现浏览器端的数据存储,这两者有什么特点呢? sessionStorage   sessionStorage属于临时会话,数据存储的有效期为:从页面打开到页面关闭的时间段,属于窗口的临时存储,页面关闭,本地存储消失 localStorage 永久存储(可以手动删除数据) 存储量限制 ( 5M ) 客户端完成,不会请求服务器处理 sessionStorage数据在页面之间不能共享、 而localStorage可以实现页面之间共享 sessionStorage的应用: 1 <!DOC

    阅读全文>>

作者:coody分类:【_HTML5浏览(2220

2019-09-27

小弟我的启蒙-HTML5 第一章 语义化标签

    我的启蒙--HTML5 第一章 语义化标签HTML5   1.HTML5:万维网的核心语言,HTML规范的第五次重大修改.现在大部分网站的主流编译语言.学好HTML5是每一个前端的基础课,当然她也很简单     HTML5简化了很多细微的语法    例如doctype的声明,你只需要写<!doctype html>     2.HTML5新增语义化标签(虽然很少用到,但是还是要说一下)     (1)<laomaoshi>老猫师:恩,你没看错HTML5可以自己定义标签,而且属于行内标签</laomaoshi>     (2)主体结构元素      article:标签装载显示一个独立的文章内容,例如一篇文章、报导、小说。      section :标签定义文档中的节(section、区段),例如一个小说中的一章节。    

    阅读全文>>

作者:coody分类:【_HTML5浏览(1330

2019-09-25

快速开发基于 HTML5 网络拓扑图当用之 DataBinding 数据绑定篇

    快速开发基于 HTML5 网络拓扑图应用之 DataBinding 数据绑定篇 前言 发现大家对于我从 json 文件中直接操作节点属性来控制界面的动态变化感到比较好奇,所以这篇就针对数据绑定以及如何使用这些绑定的数据做一篇说明,我写了一个简单的例子,基于机房工控的服务器上设备的灯闪烁现象。我们从 2d 和 3d 两个角度来分析数据绑定的问题。 效果图  2d                                                                                 3d   代码实现 其实不管是 2d 还是 3d,在 HT 中,数据绑定不分维度的,所以两者在实现上非常类似。 代码下载地址:https://download.csdn.net/download/u013161495/10290996 绘制设备 2d 和 3d 中的

    阅读全文>>

作者:coody分类:【_HTML5浏览(1881

2019-09-25

基于HTML5 Canvas的CSG结构实体几何书架

    基于HTML5 Canvas的CSG构造实体几何书架 CSG 构造实体几何这个概念在工业水利水电施工上、游戏上已经有很多人使用了,最简单的实体表示叫作体元,通常是形状简单的物体,如立方体、圆柱体、棱柱、棱锥、球体、圆锥等。根据每个软件包的不同这些体元也有所不同,在一些软件包中可以使用弯曲的物体进行 CSG 处理,在另外一些软件包中则不支持这些功能。构造物体就是将体元根据集合论的布尔逻辑组合在一起,这些运算包括:并集、交集以及补集。我们一般可以用 CSG 来将简单的模型合在一起生成复杂的模型,这样在构造模型的时候会省很多力。 HT 中的 ht.CSGNode 图元类型就是参考 CSG 封装的一个函数,ht.CSGNode 继承于 ht.Node,当 style 的 shape3d 属性为空时显示为六面体效果,CSGNode如果通过 setHost 吸附到 宿主 CSGNode 或 

    阅读全文>>

作者:coody分类:【_HTML5浏览(595

2019-09-25

依据矩阵变化实现基于 HTML5 的 WebGL 3D 自动布局

    根据矩阵变化实现基于 HTML5 的 WebGL 3D 自动布局 在数学中,矩阵是以行和列排列的数字,符号或表达式的矩形阵列,任何矩阵都可以通过相关字段的标量乘以元素。矩阵的主要应用是表示线性变换,即f(x)= 4 x等线性函数的推广。例如,旋转的载体在三维空间是一个线性变换,这可以通过一个表示旋转矩阵 [R :如果v是一个列向量描述(只有一列的矩阵)的位置在空间中的点,该产品器Rv是列矢量描述旋转后该点的位置。两个变换矩阵的乘积是表示两个变换组成的矩阵。矩阵的另一个应用是线性方程组的解。如果矩阵是方形的,可以通过计算其行列式来推断它的一些性质。例如,当且仅当其行列式不为零时,方阵具有相反的 。从矩阵的特征值和特征向量中可以看到线性变换的几何结构(以及其他信息)。 矩阵的应用可以在大多数科学领域找到。在物理学的每一个分支,包括经典力学,光学,电磁学,量子力学和量子电动力学,都被用

    阅读全文>>

作者:coody分类:【_HTML5浏览(1567

2019-09-25

[js好手之路] html5新增的定时器requestAnimationFrame实战进度条

    [js高手之路] html5新增的定时器requestAnimationFrame实战进度条 在requestAnimationFrame出现之前,我们一般都用setTimeout和setInterval,那么html5为什么新增一个requestAnimationFrame,他的出现是为了解决什么问题? 优势与特点: 1)requestAnimationFrame会把每一帧中的所有DOM操作集中起来,在一次重绘或回流中就完成,并且重绘或回流的时间间隔紧紧跟随浏览器的刷新频率 2)在隐藏或不可见的元素中,requestAnimationFrame将不会进行重绘或回流,这当然就意味着更少的CPU、GPU和内存使用量 3)requestAnimationFrame是由浏览器专门为动画提供的API,在运行时浏览器会自动优化方法的调用,并且如果页面不是激活状态下的话,动画会自动暂停,有效节省了CP

    阅读全文>>

作者:coody分类:【_HTML5浏览(2182

2019-09-25

HTML5圆桌面通知api:Notification

    HTML5桌面通知api:Notification 将清纯美女图片站打包成android app的时候,需要用到桌面通知 Notification API 现将这个记录下,备用 Notification API 是 HTML5 新增的桌面通知 API,用于向用户显示通知信息。该通知是脱离浏览器的,即使用户没有停留在当前标签页,甚至最小化了浏览器,该通知信息也一样会置顶显示出来。 用户权限 想要向用户显示通知消息,需要获取用户权限,而相同的域名只需要获取一次权限。只有用户允许的权限下,Notification 才能起到作用,避免某些网站的广告滥用 Notification 或其它给用户造成影响。那么如何知道用户到底是允不允许的? Notification.permission 该属性用于表明当前通知显示的授权状态,可能的值包括: default :不知道用户的选择,默认。 gra

    阅读全文>>

作者:coody分类:【_HTML5浏览(1504

2019-09-25

HTML5的发展进程

    HTML5的发展历程 标准通用标记语言下的一个应用HTML标准自1999年12月发布的HTML4.01后,后继的HTML5和其它标准被束之高阁,为了推动Web标准化运动的发展,一些公司联合起来,成立了一个叫做 Web Hypertext Application Technology Working Group (Web超文本应用技术工作组 -WHATWG) 的组织。WHATWG 致力于 Web 表单和应用程序,而W3C(World Wide Web Consortium,万维网联盟) 专注于XHTML2.0。在 2006 年,双方决定进行合作,来创建一个新版本的 HTML。 HTML5草案的前身名为 Web Applications 1.0,于2004年被WHATWG提出,于2007年被W3C接纳,并成立了新的 HTML 工作团队。 HTML 5 的第一份正式草案已于2008年1

    阅读全文>>

作者:coody分类:【_HTML5浏览(552

2019-09-25

HTML5的特征与发展趋势

    HTML5的特性与发展趋势 特性 语义特性(Class:Semantic) HTML5赋予网页更好的意义和结构。更加丰富的标签将随着对RDFa的,微数据与微格式等方面的支持,构建对程序、对用户都更有价值的数据驱动的Web。 本地存储特性(Class: OFFLINE & STORAGE) 基于HTML5开发的网页APP拥有更短的启动时间,更快的联网速度,这些全得益于HTML5 APP Cache,以及本地存储功能。Indexed DB(html5本地存储最重要的技术之一)和API说明文档。 设备兼容特性 (Class: DEVICE ACCESS) 从Geolocation功能的API文档公开以来,HTML5为网页应用开发者们提供了更多功能上的优化选择,带来了更多体验功能的优势。HTML5提供了前所未有的数据与应用接入开放接口。使外部应用可以直接与浏览器内部的数据直接相连

    阅读全文>>

作者:coody分类:【_HTML5浏览(1455

2019-09-26

使用Egret开发的HTML5项目,使用本地电脑作为服务器开展移动端调试流程

    使用Egret开发的HTML5项目,使用本地电脑作为服务器进行移动端调试流程 流程: 1.先开启本机IIS服务器 具体开启流程如下:http://www.jb51.net/article/29787.htm   2.添加服务器MIME类型, 按照以下两个教程把所有的MIME类型都添加一遍, 需要添加的MIME:http://blog.csdn.net/arvin0/article/details/50857810 添加MIME的方法:http://jingyan.baidu.com/article/fa4125acb4838728ac7092bf.html   3.移动端链接本机发出的wifi,然后登录对应的网址进行测试   ps:要是想让别人通过数据流量也能访问,放在本机上的H5页面,就必须把本机IIS服务器再进行一些设置, 教程:http://jingyan.baidu.co

    阅读全文>>

作者:coody分类:【_HTML5浏览(726

2019-09-28

HTML5 video 标签浏览器兼容有关问题

    HTML5 video 标签浏览器兼容问题 使用需要注意的问题: 1.多种格式视频 不可以只有MP4格式,一定要引入Ogg格式视频,否则在火狐上会不兼容报错。 推荐个不错的视频格式转换器,下载地址 :http://download.csdn.net/detail/danhuan/9905942 2.引入html5media.js 引入html5media.js,可以使兼容IE 3.如果想要设置视频宽度为百分比%自适应占满容器,注意 video的属性width不可以为百分比% 注意 不可以 直接在<video> 标签里面加width = "100%",因为的属性width只支持像素值,不支持百分比。虽然<video width = "100%"> 在谷歌火狐浏览器中可以正确显示,但是在IE中会不兼容,导致无法播放视频。 如果想要设置视频宽度为百分比%自适应占

    阅读全文>>

作者:coody分类:【_HTML5浏览(515

2019-09-25

HTML5表单之Input 部类-url

    HTML5表单之Input 类型-url <input type="url">,定义包含URL地址的输入域 (H5新对象)。用于表示语义上的url地址的输入域,会自动验证url域的值,外观上与type="text"的input输入类型没有差异.。  简单说就是用于应该包含 URL 地址的输入字段,并且会在提交表单时对 url 字段的值自动进行验证。  (提示:iPhone 的 Safari 浏览器会识别 url 输入类型,然后改变触摸屏的键盘来适应它(添加 .com 选项) 小例子:   <form action="/example/html5/demo_form.asp" method="get"> 网页:<input type="url" name="user_url" /><br /> <input type="sub

    阅读全文>>

作者:coody分类:【_HTML5浏览(512

2019-09-27

前端开发攻城师绝对不可漠视的五个HTML5新特性

    前端开发攻城师绝对不可忽视的五个HTML5新特性 最近看到一篇不错的文章,转载分享下:   看到美团用了<link href="//p0.meituan.net" rel="dns-prefetch">,搜索了下,发现这个文章,就转了下来。 HTML5已经火了一段时间了,相信作为web相关开发工程师,肯定或多或少的了解和尝试过一些HTML5的特性和编程。还记得以前我们介绍过的HTML5新标签。 作为未来前端开发技术的潮流和风向标,HTML5绝对不容忽视。 在今天这篇技术分享文章中,我们将介绍几个HTML5的重要特性,能够帮助你提高整个web应用的使用体验和开发效率,相信大家会感兴趣的! 特性一:正则表达式 相信大家都会非常喜欢这个特性,无须服务器端的检测,使用浏览器的本地功能就可以帮助你判断电子邮件的格式,URL,或者是电话格式,防止用户输入错误的信息,通过使用HTM

    阅读全文>>

作者:coody分类:【_HTML5浏览(2143

2019-09-27
上一页 1/61页 下一页