随笔分类 - # HTML
摘要：角度canvassvg绘图方式通过绘制像素点来创建图像，绘制过程是即时的，绘制的元素不保留在 DOM 中，因此对于大量绘图以及动画效果更为适合。通过创建矢量图形来创建图像，绘制过程是基于 XML 的，绘制的元素是保留在 DOM 中的，因此对于静态图形、数据可视化等场景更为适合。分辨率由于是像素级别的
阅读全文
摘要：更多 input type 属性 number：数字； tel：电话； search：搜索； email：邮箱； url：地址； date：年月日； time：时分秒； month：月； week：周； time：时间； color：生成颜色选择表单； range：范围 原有 text：文本 rad
阅读全文
摘要：全屏是否可用：Document.fullscreenEnabled 开启全屏：Document.requestFullScreen() 该方法返回 promise 退出全屏：Document.exitFullscreen() 让当前元素退出全屏模式，会有一个全屏栈 获取元素全屏状态：Document
阅读全文
摘要：dom.offsetWidth 获取的是div的宽度 获取文本宽度 // 通过 measureText 计算 function getActualWidthOfChars(text, size = 14, family = "Microsoft YaHei") { const canvas = do
阅读全文
摘要：一个svg文件 <?xml version="1.0" standalone="no"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svg
阅读全文
摘要：对象方式引入 <object> 元素 data <embed> 元素 空元素 src 音频标签 <audio> controls <source> src type <audio controls="controls" height="100" width="100"> <source src="s
阅读全文
摘要：只是一个容器，有一个基于 JavaScript 的绘图 API SVG 和 VML 使用一个 XML 文档来描述绘图。 API 通过 Canvas 对象的 getContext( "2d"/"webgl") 方法获得canvas的上下文用以调用各种api。 Canvas接口参考手册 MDN Canv
阅读全文
摘要：CommonJS 的 require(‘path’) node 的模块化是基于 CommonJS 标准的webpack 打包工具，可以识别转化 CommonJS 标准Browserify 一种 CommonJS 的浏览器实现 node require(‘path’) 路径描述xxxnode核心模块(
阅读全文
摘要：每个浏览上下文（Browsing context）都有一个活动文档的源（origin =>dom树）和一个记录所有展示文档的有序历史（history） MDN iframe iframe 表示嵌套的浏览器上下文 应用场景 在网页中嵌套网页srcdoc 属性 原版的v-html 配置 属性作用src页
阅读全文
摘要：table 表格 <table> 规定表格 - <caption> 规定表头 - <tr> 规定行 table-row - <th>规定行列标题格 table-header - <td> 规定普通格 table-data 表格划分 <thead> 通常存放 标题格 <tbody 存放内容 <tfoo
阅读全文
摘要：<img src="图片地址" usemap="#mapname" alt="" /> <map name="mapname"> <area shape="circle / rect" coords="x,y,14 / x1,y1,x2,y2" href ="目标地址" target ="_blan
阅读全文
摘要： 常规标签 h1~6 标题标签 1~6 字体大小依次递减 p 段落标签 <p> 一般浏览器有默认边距 a标签 链接标签 属性功能href链接内容 ”URL 或 #锚点id“target跳转方式 _blank/_b 新页面跳转 _self 本页面跳转（默认） 锚点标签 a标签可以通过name属性设置
阅读全文
摘要：属性描述accesskey规定聚焦元素的快捷键。 配合Alt或Shift+Alt使用class规定元素的一个或多个类名（引用样式表中的类）。dir规定元素中内容的文本方向。 ltr / rtl 注id规定元素的唯一 id。lang规定元素内容的语言。style规定元素的行内 CSS 样式。tabin
阅读全文
摘要：请始终在文档的首行声明文档类型： <!DOCTYPE html> 使用小写元素名，不要大小写混用使用小写属性名，不要大小写混用不要遗漏闭合标签</xxx>关闭空元素 <meta charset="utf-8" /> //不要省去'/' 属性值加引号始终对图像添加 alt 属性请始终定义图像尺寸。这样
阅读全文
摘要：文档声明 声明HTML5文件 <!DOCTYPE html> 特殊格式 <abbr> 缩略词，title属性显示完整内容 <bdo dir="rtl/ltr"> 双向文本方向 配合全局属性dir实现文字正逆序 功能性标签 进度条标签 定义度量衡。 定义进度条 <meter value="2" min
阅读全文
