随笔分类 - 1_html5
摘要：html5中的空格符 1，Html中空格 2，Css 的方式空格 CSS中当 white-space 属性取值为pre时，浏览器会保留文本中的空格和换行,例如： <div style="white-space:pre">AA BB<div> 显示效果为： AA BB CSS的 letter-spac
阅读全文
摘要：html5中的容器标签和文本标签 html中的容器级标签和文本级标签，css中的块级元素和行内元素是我们常常拿来比较的四个名词（行内块级暂时先不考虑）。 容器标签 文本标签 块级元素 行内元素 块级元素与行内元素 1.块级元素独占一行，行内元素不独占。 2.如果没有设置宽高，块级元素默认与父元素一致
阅读全文
摘要：HTML <button> 标签 目标 实现点击button跳转到一个新的界面 参考文档 实例 以下代码标记一个按钮： <button type="button">点我!</button> 尝试一下 » 浏览器支持 所有主流浏览器都支持 <button> 标签。 标签定义及使用说明 <button>
阅读全文
摘要：重复密码需一致的表单实例 截图 代码 25、自己添加的样式 53、type制定类型的话自己验证 65、当你发现是tp开头的类在主题切换中起作用的时候，先在这里找，然后去css里面找啊，你就能知道他们对基本样式做了哪些改变 92、这里type选botton是没法提交的，是为了配合下面密码验证的JS，如
阅读全文
摘要：前段实现图片懒加载 在实际的项目开发中，我们通常会遇见这样的场景：一个页面有很多图片，而首屏出现的图片大概就一两张，那么我们还要一次性把所有图片都加载出来吗？显然这是愚蠢的，不仅影响页面渲染速度，还浪费带宽。这也就是们通常所说的首屏加载，技术上现实其中要用的技术就是图片懒加载--到可视区域再加载。
阅读全文
摘要：htm、html、shtml网页区别 htm和html的区别 很多人会认为网页扩展名html和htm是等同的，但事实上他们还是有区别的。 包含HTML内容的文件最常用的扩展名是.html，但是像DOS这样的旧操作系统限制扩展名为最多3个字符，所以.htm扩展名也被使用。虽然现在使用的比较少一些了，但
阅读全文
摘要：html5--视频播放器实例 总结： 1、相对定位和绝对定位的区别，两者都是浮起来了 2、属性和方法都是有对象的，搞清楚对象之后，属性和方法就很好用了，我们一般可以用document.getElementById("video");来获取对象 3、在外部修改html属性的时候，innerHTML和s
阅读全文
摘要：8-30 音频视频专题 学习要点 掌握HTML5中音频视频的属性方法事件 基础知识回顾 video src 要播放的视频的 URL。 autoplay 如果出现该属性，则视频在就绪后马上播放。 controls 如果出现该属性，则向用户显示控件，比如播放按钮。 height/width 设置视频播放
阅读全文
摘要：html5音频视频专题 总结 1、 操作的就是video和audio两个对象，这两个对象有他们的属性和方法，通过对象的id就可以操作他们 <audio src="../video/琴箫合奏.mp3" controls="controls"></audio><br> <video id="video"
阅读全文
摘要：SVG可伸缩矢量图形 总结 1、svg就像普通标签那么使用 2、svg是xml 3、svg是矢量图，而canvas是位图 学习要点 对HTML5中的SVG有初步的了解 什么是SVG 简单的说SVG文档就是一些可以被直接嵌入到页面中的XML文档; SVG 指可伸缩矢量图形 (Scalable Vect
阅读全文
摘要：面向画布(Canvas)的JavaScript库 总结 每个库各有特色，根据需求选择 学习要点 面向画布(Canvas)的JavaScript库 EaselJS 是一个封装了 HTML5 画布(Canvas) 元素的 JavaScript 库。 jCanvaScript面向HTML5画布（canva
阅读全文
摘要：将canvas画布内容转化为图片（toDataURL()，创建url） 总结 1、现在的浏览器都支持右键另存为图片的方法来将canvas画布内容转化为图片 2、在代码里面可以通过toDataURL()来操作 学习要点 canvas画布内容导出为图像 toDataURL()这个方法能把画布里的图案转变
阅读全文
摘要：canvas上的像素操作(图像复制，细调) 总结 1、操作对象：ImageData 对象，其实是canvas的像素点集合 2、主要操作： var obj=ctx.getImageData(0,0,100,100); ctx.putImageData(obj,110,0) 3、操作图片要放在站点才能正
阅读全文
摘要：html5 canvas程序演示--P1197 [JSOI2008]星球大战 对应的题目 题目描述 很久以前，在一个遥远的星系，一个黑暗的帝国靠着它的超级武器统治者整个星系。某一天，凭着一个偶然的机遇，一支反抗军摧毁了帝国的超级武器，并攻下了星系中几乎所有的星球。这些星球通过特殊的以太隧道互相直接或
阅读全文
摘要：html5 弹性布局 一、移动开发常用技巧 Viewport基本知识 设置布局Viewport的各种信息1、width=device-width； 设置Viewport视口宽度等于设备宽度2、initial-scale=1； 网页默认缩放比为1(网页在手持设备上，不会进行默认缩放3、minimum-
阅读全文
摘要：在canvas上面绘制图片--drawImage实例 关键点： 1、图片居中 2、其它
阅读全文
摘要：8-15 globalCompositeOperation阶段练习二
阅读全文
摘要：8-13 canvas专题-阶段练习二（下)
阅读全文
摘要：8-12 canvas专题-阶段练习一（上）
阅读全文
摘要：8-23 canvas专题-了解外部框架的使用 学习要点 掌握画布内容的导出的toDataURL()方法 了解外部框架的使用 第八章内容介绍 在第八章中我们将对以前的知识进行简单的回顾，着重对canvas绘图和简单动画做进一步讲解； 将对音频视频做进一步的讲解； 将介绍其他HTML5的新增功能比如拖
阅读全文
浙公网安备 33010602011771号