
H5
十年 lius
前端
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
js-2闭包
1闭包 1环境与作用域 1.全局环境变量不会被回收 2.全局变量全局可用。 3.局部变量也可以被保留 ,在被外部使用,被调用的情况下。 函数被return,且结果被a接收,则不被回收,发生累加。 function hd() { let n = 1; return function () { console.log(++n); ...原创 2020-02-13 10:33:07 · 191 阅读 · 0 评论 -
文章内容用css控制:分栏,列宽,列数
1. 2.column-width:列宽 3.column-count:n定义列数。 4.column-gap:3em:定义栏边距。 5.column-rule:dashed...页分栏线的样式。 6.定义显示方式:box, 定义显示顺序:盒子 ......box-ordinal-group 排列方向:默认水平 vertical垂直 模...原创 2020-02-13 10:30:34 · 411 阅读 · 0 评论 -
css 字体边框阴影,背景半透明效果,背景图片新属性,2D变化
1.阴影:文字阴影:text-shadow 边框阴影: box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px; 2.半透明效果:rgba单个属性 opacity整体属性 aslh第四个属性标识透明度。 3.不允许文本换行 4.Border-image:边框图片: <—— 5.border-radius:圆角...原创 2019-07-21 21:23:26 · 2888 阅读 · 0 评论 -
h5--canvas2
1.ctx.rotate(阿尔法旋转角度)旋转坐标原点。 ctx.rotate(Math.PI*(2/4+i/4)) 应用:画旋转小伞。 2.scale(a,b)缩放图形:a:x轴缩放因子,b:y轴缩放因子。放大因子大于1,缩小因子小于1. ctx.scale(0.95,0.95); 旋转缩小的蓝色透明度为0.4圆球: 3.teansform矩阵变换:用于坐标变化不能...原创 2019-07-18 15:05:56 · 246 阅读 · 0 评论 -
h5--新增标签详细的学习--canvas
1.canvas简单绘制一个框,注意给canvas加专属id,用来定义样式css。 <canvas id="myCanvas" style="border:1px solid;" width="200" height="100"></canvas> 2.简单图形的绘制: 其实canvas不能画图,它只是画布,画布框,相当于table,form,ol,li一样,只是一个...原创 2019-07-17 16:43:15 · 352 阅读 · 0 评论 -
h5--新增标签详细的学习--canvas!!!
1.canvas简单绘制一个框,注意给canvas加专属id,用来定义样式css。 <canvas id="myCanvas" style="border:1px solid;" width="200" height="100"></canvas> 2.简单图形的绘制: 其实canvas不能画图,它只是画布,画布框,相当于table,form,ol,li一样,只是一个...原创 2020-02-13 10:31:29 · 220 阅读 · 0 评论 -
h5--新增标签详细的学习
1.设计导航信息nav:页面导航。文章内部进行导航。nav,draggable:可拖动。menu用在交互式菜单中,也可导航 2.设计辅助信息aside侧边栏,友情链接,广告: 3.设计微格式:专用的标签,方便抓取信息 使用span和class进行界定 time元素:定义日期时间,实现信息动态更新。 发布日期属性pubdate,方便引擎知道文章发布时间,信息时效性很重要: ...原创 2019-07-17 15:24:09 · 832 阅读 · 0 评论 -
h5入门3--h5其他功能,API,文档结构认识,
1.querySelector(“选择块”,"选择范围")方法,时document下的方法,根据制定规则返回找到的第一个符合规则的元素 2.querySelectorAll()方法:同上,返回所有匹配元素。 3.访问json:window.JSON 4.较完善的文档结构 ...原创 2019-07-17 11:25:48 · 150 阅读 · 0 评论 -
html5入门2了解文档头,新增元素,废弃元素
1.xmlns名字空间 2.dtd:文档类型定义 3.xhtml开头必须进行定义文档类型,属性需有值,无值写自身,属性值必须加引号,标签需封闭, html5与4区别,新增元素: 1.类型元素:均可通过css定制样式。audio,canvas,iframe在使用时往往要和其他API元素进行配合。 hgroup:用于对于整个页面或一个页面得标题进行组合,替代div元素 figure:一...原创 2019-07-17 10:33:19 · 169 阅读 · 0 评论 -
使用websql数据库
如果简单的数据存储就使用localStorage或SessionStorage,很复杂的数据才使用database。目前大部分浏览器都支持。 打开或没有则创建一个数据库: db = openDatabase("ToDo","0.1","A list of to do items.", 200000); if(!db) ale...原创 2019-07-19 20:34:20 · 517 阅读 · 0 评论 -
H5入手
孤立标签也要加斜杠来自我封闭,如<br />。 一些标签之中写属性,属性可选。 如body标签的title属性(属性名=“属性值”):<body title="信息主体"></body> 标签可以嵌套如<div><h1>...</h1></div> 首行定义文档类型版本和规范解析文档 <meta&g...原创 2019-07-16 21:18:22 · 170 阅读 · 0 评论 -
信息在本地存储和跨页面传递---webStrStroage的方法
1.浏览器的支持性: 2.设置获取数据sessionStorage:用户会话期间有效关闭浏览器就会清除,实现跨页面访问,不存在客户机,不会泄露机密 localStorage:用户本地存储,比sessionStorage有效时间长 3.webStrStroage的方法: 4.实现设计二次打开记忆曾选择的皮肤功能 <!DOCTYPE HTML> <ht...原创 2019-07-19 10:08:39 · 257 阅读 · 0 评论 -
javascript
1.canPlayType():用JavaScript检测浏览器是否支持音频 <script type/javascript> function checkAudio(){ var myAudio = document.createElement("audio"); if(myAudio.canPlayType){ //返回是或非或maybe if("" != myA...原创 2019-07-18 19:43:45 · 244 阅读 · 0 评论