天马3798 - 博客园

2020年8月29日

摘要：一、 ArrayBuffer ArrayBuffer对象、TypedArray视图和DataView视图是 JavaScript 操作二进制数据的一个接口。这些对象早就存在，属于独立的规格（2011 年 2 月发布），ES6 将它们纳入了 ECMAScript 规格，并且增加了新的方法。它们都是以数阅读全文

posted @ 2020-08-29 14:57 天马3798 阅读(4422) 评论(0) 推荐(0)

JS DataURL 整理(二) DataURL 和图片

摘要：一、Data URL 和图片 Data URL给了我们一种很巧妙的将图片“嵌入”到HTML中的方法。跟传统的用img标记将服务器上的图片引用到页面中的方式不一样，在Data URL协议中，图片被转换成base64编码的字符串形式，并存储在URL中，冠以mime-type。本文中，我将介绍如何巧妙的使阅读全文

posted @ 2020-08-29 14:39 天马3798 阅读(3342) 评论(0) 推荐(0)

JS DataURL 整理(一)

摘要：一、初识Data URL 数据URL是带有前缀的URL，data:可以将小文件直接嵌入文档中。 data URL是一种特殊格式的url，它的前缀是data: data URL允许内容的创建者将小文件嵌入在documents中过去被叫做data URIs，直到WHATWG将其更名为data URL( 阅读全文

posted @ 2020-08-29 14:21 天马3798 阅读(1728) 评论(0) 推荐(0)

JavaScript 与 ECMAScript 的关系

摘要：一、JavaScript 与 ECMAScript 的关系 JavaScript 是 ECMAScript 语法的一种最为流行的具体实现（除此之外比如 Flash 里的 ActionScript 也是一种实现）； JavaScript 有浏览器、Node.js 等多种宿主环境，是一种日常的通称，各种阅读全文

posted @ 2020-08-29 12:18 天马3798 阅读(1060) 评论(0) 推荐(0)

2020年8月22日

HTML5 多媒体之<svg>标签使用

摘要：一、HTML5 多媒体之<svg>标签使用矢量图，可用作字体什么是SVG？ SVG 指可伸缩矢量图形 (Scalable Vector Graphics) SVG 用于定义用于网络的基于矢量的图形 SVG 使用 XML 格式定义图形 SVG 图像在放大或改变尺寸的情况下其图形质量不会有损失 S 阅读全文

posted @ 2020-08-22 13:57 天马3798 阅读(633) 评论(0) 推荐(0)

HTML5 多媒体之<canvas>标签使用

摘要：一、HTML5 多媒体之<canvas>标签使用 <canvas id="myCanvas" style="border: 1px solid blue;"></canvas> <script type="text/javascript"> var canvas = document.getEle 阅读全文

posted @ 2020-08-22 12:20 天马3798 阅读(276) 评论(0) 推荐(0)

HTML5 多媒体之<video>标签使用

摘要：一、HTML5 多媒体之<video>标签使用 <video> 标签定义视频，比如电影片段或其他视频流。 <video src="../../img/video/1.mp4" controls></video> 注释：Internet Explorer 8 以及更早的版本不支持 <video> 标阅读全文

posted @ 2020-08-22 11:50 天马3798 阅读(987) 评论(0) 推荐(0)

audio.1.html:39 Uncaught (in promise) DOMException: play() failed because the user didn't interact with the document first.

摘要：一、audio.1.html:39 Uncaught (in promise) DOMException: play() failed because the user didn't interact with the document first. Audio 标签的 autoplay 自动播放功阅读全文

posted @ 2020-08-22 10:42 天马3798 阅读(9350) 评论(0) 推荐(0)

HTML5 多媒体之<audio>标签使用

摘要：一、HTML5 多媒体之<audio>标签使用 <audio> 标签定义声音，比如音乐或其他音频流。 <audio controls> <source src="horse.ogg" type="audio/ogg"> <source src="horse.mp3" type="audio/mpe 阅读全文

posted @ 2020-08-22 09:52 天马3798 阅读(1115) 评论(0) 推荐(0)

2020年8月17日

新版本chrome浏览器(80版本以后)带来的跨域请求cookie丢失问题

摘要： chrome升级到80版本之后(准确的说是78版本之后，灰度测试，如上图，即也可能存在同一版本不同人的浏览器表现不同) cookie的SameSite属性默认值由None变为Lax 此时可以尝试显式声明 Cookie 的SameSite属性为None，并设置Secure (不然无效)。 Cookie 阅读全文

posted @ 2020-08-17 14:33 天马3798 阅读(9719) 评论(0) 推荐(0)

谷歌浏览器 Cookie 的 SameSite 属性 (转)

摘要： Chrome 51 开始，浏览器的 Cookie 新增加了一个SameSite属性，用来防止 CSRF 攻击和用户追踪。一、CSRF 攻击是什么？ Cookie 往往用来存储用户的身份信息，恶意网站可以设法伪造带有正确 Cookie 的 HTTP 请求，这就是 CSRF 攻击。举例来说，用户登陆阅读全文

posted @ 2020-08-17 14:13 天马3798 阅读(3594) 评论(0) 推荐(0)

2020年8月15日

JavaScript Image对象整理

摘要：一、JavaScript Image对象整理 Image 对象 Image 对象代表嵌入的图像。 <img> 标签每出现一次，一个 Image 对象就会被创建。 Image 对象属性 W3C: W3C 标准。属性描述W3C align 设置或返回与内联内容的对齐方式。 Yes alt 设置或返回阅读全文

posted @ 2020-08-15 14:58 天马3798 阅读(2000) 评论(0) 推荐(0)

HTML5 多媒体之<img>标签使用

摘要：一、HTML5 多媒体<img>标签 <img src="/i/eg_tulip.jpg" alt="上海鲜花港 - 郁金香" /> 定义和用法 img 元素向网页中嵌入一幅图像。请注意，从技术上讲，<img> 标签并不会在网页中插入图像，而是从网页上链接图像。<img> 标签创建的是被引用图像的阅读全文

posted @ 2020-08-15 14:38 天马3798 阅读(653) 评论(0) 推荐(0)

HTML5 a标签常用整理

摘要：一、HTML5 a标签常用整理定义和用法 <a> 标签定义超链接，用于从一张页面链接到另一张页面。 <a> 元素最重要的属性是 href 属性，它指示链接的目标。在所有浏览器中，链接的默认外观是：未被访问的链接带有下划线而且是蓝色的已被访问的链接带有下划线而且是紫色的活动链接带有下划线而且阅读全文

posted @ 2020-08-15 14:31 天马3798 阅读(587) 评论(0) 推荐(0)

2020年8月12日

Asp.Net WebConfig全局配置跨域处理

摘要：一、Asp.Net WebConfig全局配置跨域处理相应报文头中增加对应跨域属性和值： <?xml version="1.0" encoding="UTF-8"?> <configuration> <system.webServer> <httpProtocol> <customHeaders> 阅读全文

posted @ 2020-08-12 22:21 天马3798 阅读(1557) 评论(0) 推荐(0)

2020年8月8日

HTML5 文档基础标签  html,head,body,base,meta,link,script,style

摘要：一、HTML5 注释标签  与之前版本没变化二、 HTML5 <html>标签 <html> 标签告知浏览器这是一个 HTML 文档。 html 元素是 HTML 文档中最外层的元素。 html 元素也可称为根元素。三、HTML5 <head>标签 head 元素是所有头部元阅读全文

posted @ 2020-08-08 12:01 天马3798 阅读(571) 评论(0) 推荐(0)

CSS3网页布局之文字布局和文字超出处理

摘要：一、Css 文本水平方向展示 direction样式 ltr：文本流从左到右。默认 rtl：文本流从右到左 .default { border: 1px solid blue; margin: 10px 0px; direction: ltr; /*默认，可以不需要设置*/ } .revert { 阅读全文

posted @ 2020-08-08 11:11 天马3798 阅读(799) 评论(0) 推荐(0)

2020年8月6日

asp.net core 中配合响应 html5 的音视频播放流，以及文件下载

摘要：一、asp.net core 中配合响应 html5 的音视频播放流，以及文件下载问题描述：目前测试了在 Windows（谷歌浏览器）、Android（系统浏览器、QQ、微信）、iOS 三个系统不同浏览器中对 html 5 页面 audio、video 标签的文件流输出 Windows（谷歌浏阅读全文

posted @ 2020-08-06 11:23 天马3798 阅读(3603) 评论(0) 推荐(0)

.Net Core 实现自定义Http的Range输出实现断点续传或者分段下载

摘要：一、Http的Range请求头，结合相应头Accept-Ranges、Content-Range 可以实现如下功能： 1.断点续传。用于下载文件被中断后，继续下载。 2.大文件指定区块下载，如视频、音频拖动播放，直接定位到指定位置下载内容。可以避免每次都读取、传输整个文件，从而提升服务端性能。 3. 阅读全文

posted @ 2020-08-06 11:19 天马3798 阅读(3533) 评论(0) 推荐(5)

2020年8月1日

HTML5 <form> 标签

摘要：一、HTML5 <form> 标签定义和用法 <form> 标签用于为用户输入创建 HTML 表单。表单能够包含 input 元素，比如文本字段、复选框、单选框、提交按钮等等。表单还可以包含 menus、textarea、fieldset、legend 和 label 元素。表单用于向服务器阅读全文

posted @ 2020-08-01 12:22 天马3798 阅读(318) 评论(0) 推荐(0)

公告