-
HTML5新增的标签和属性归纳总结
所属栏目:[建站] 日期:2020-05-12 热度:197
收集总结的HTML5的新特性,基本除了IE9以下都可以使用。 HTML5语法 大部分延续了html的语法不同之处:开头的 !DOCTYPE html html lang=zh-CNmeta charset=utf-8 字符编码变得简洁, 不区分大小写, 添加了布尔值,类似checked,selected 引号可以省略,但[详细]
-
详解通过变换矩阵实现canvas的缩放功能
所属栏目:[建站] 日期:2020-05-11 热度:62
这篇文章主要介绍一种通过设置canvas的变换矩阵来实现canvas的缩放。 第一步就是监听鼠标的滚轮事件,在滚轮事件中根据鼠标的滚动以及基于前一次的变换,重新设置context的缩放和平移,核心代码如下: let delta = this.deltaInst; delta.bind('zoom', (da[详细]
-
HTML5实时语音通话聊天MP3压缩传输3KB每秒
所属栏目:[建站] 日期:2020-05-11 热度:145
自从Recorder H5 GitHub开源库优化后,对边录边转码成小语音片段文件实时上传服务器这种操作支持非常良好,因此以前不太好支持的H5语音通话已经有了更好的突破空间。因此花了两晚时间打造了一个H5语音通话聊天的demo。 欢迎在线把玩: https://xiangyuecn.[详细]
-
浅谈cookie和localStorage那些事
所属栏目:[建站] 日期:2020-05-11 热度:77
一、localStorage、cookie、sessionStorage的区别与练习 1、cookie 小甜饼。它的大小限制为4KB左右,是网景公司的前雇员 Lou Montulli 在1993年3月的发明。它的主要用途有保存登录信息,比如你登录某个网站市场可以看到记住密码,这通常就是通过在Cookie中[详细]
-
基于Canvas+Vue的弹幕组件的实现
所属栏目:[建站] 日期:2020-05-11 热度:175
副标题#e# 最近由于项目需要定制化一个弹幕功能,所以尝试使用canvas来开发组件。经过测试在一些低端机的效果也没有明显的卡顿,和大家交流一下 弹幕效果 功能介绍 支持循环弹幕 弹幕不重叠 支持选择轨道数 支持弹幕发送 使用 npm i vue-barrage 参数配置 n[详细]
-
HTML5 WebGL 实现民航客机飞行监控系统
所属栏目:[建站] 日期:2020-05-11 热度:94
副标题#e# 前些日子出差,在飞机上看到头顶的监控面板,除了播放电视剧和广告之外,还会时不时的切换到一个飞机航行的监控系统,不过整个监控系统让人感到有一点点的简陋,所以我就突发奇想制作了一个采用 HT for Web 的升级版监控系统,demo 的效果还行,[详细]
-
把富文本的回车转为br标签
所属栏目:[建站] 日期:2020-05-11 热度:151
例如:我家孩子在SayABC小班课跟小伙伴们一起互帮互助,合作竞争,学习更加有动力!从简单的单词到句型和场景对话,孩子越来越敢于开口说英语啦![耶]扫码立即领取外教课[爱心]让孩子从小与世界接轨~ 需要转为才能被html识别,并且换行。可以这样做。 是回[详细]
-
HTML5之多线程(Web Worker)
所属栏目:[建站] 日期:2020-05-11 热度:117
提到 HTML5 总是让人津津乐道,太多的特性和有趣的 API 让人耳目一新。但是很多童鞋还停留在语义化的阶段,忽视了 HTML5 的强劲之处。 这节我们来探讨一下多线程 Web-Worker。 一、明确 JavaScript 是单线程 JavaScript 语言的一大特点就是单线程,也就是[详细]
-
关于前端上传文件全面基础扫盲贴(入门)
所属栏目:[建站] 日期:2020-05-11 热度:68
副标题#e# 为什么分章节写呢?因为覆盖的知识点比较多,也可能我力尽详细介绍,照顾下基础不好的人,温故而知新。 刚开始的确是打算一篇搞定的,写道一半发觉已经相当长篇大论了,好多人例如我一进来看到这么多内容就已经怕了,而且不是每个人都需要了解全[详细]
-
详解Html5中video标签那些属性和方法
所属栏目:[建站] 日期:2020-05-11 热度:54
最近在写一个自定义播放器, 写之前我们肯定要把播放器的属性和方法全部过一遍,知彼知己,方能百战不殆嘛...后面会把自己写的播放器和踩过的一些坑也上传上来 video标签行内属性 src:视频的URL poster:视频封面,没有播放时显示的图片 preload:预加载 aut[详细]
-
HTML5通过navigator.mediaDevices.getUserMedia调用手机摄像头问题
所属栏目:[建站] 日期:2020-05-11 热度:113
副标题#e# navigator.mediaDevices.getUserMedia 应项目要求,需要实现移动端app嵌入H5页面完成实人认证的功能。打开getUserMedia文档,链接如下: https://developer.mozilla.org/zh-CN/docs/Web/API/MediaDevices/getUserMedia 看上去很简单,最终却写的[详细]
-
就在明天 雷神将在线上举办新品发布会
所属栏目:[建站] 日期:2020-05-11 热度:181
近日,雷神官宣将于5月11日晚19:00-21:00召开主题为“无限竞迹”的2020雷神线上新品发布会,届时将发布包括笔记本、台式机、外设周边在内的雷神电竞全场景系列新品精彩亮相。 在发布会上,你可以看到颜值与性能兼备的游戏笔记本新品;还可以看到新一代“无[详细]
-
ASP.NET中AJAX的异步加载(Demo演示)
所属栏目:[建站] 日期:2020-05-11 热度:166
此次的Demo是一个页面,页面上有两行字,然后后面用AJAX,使用一个下拉框去替换第一行文字[/code] 第一个是被替换的网页 !DOCTYPE htmlhtmlhead meta charset="utf-8" / title/title script type="text/javascript"var xmlHttpRequest;function createXmlH[详细]
-
ASP.NET Core MVC获取请求的参数方法示例
所属栏目:[建站] 日期:2020-05-11 热度:101
副标题#e# 一次HTTP请求,就是一次标准IO操作。请求是I,是输入;响应式O,是输出。任何web开发框架,其实都是在干这两件事: 接受请求并进行解析获取参数 根据参数进行渲染并输出响应内容 所以我们学习一个框架,我认为最首要的是知道如何从请求中获取参数[详细]
-
使用VSCode开发和调试.NET Core程序的方法
所属栏目:[建站] 日期:2020-05-11 热度:140
副标题#e# 电脑不想装几十个G的 VS2017,那就用 VS Code 吧 目标: 创建一个类库项目 Skany.Core,并用 Nuget 引用第三方组件 Hash 实现加密算法 创建一个单元测试项目 Skany.Tests,引用类库 Skany.Core,并测试其中的方法 创建一个控制台应用程序项目 Ska[详细]
-
ASP.NET通过更改Url进行页面传值的实现代码
所属栏目:[建站] 日期:2020-05-11 热度:200
这里,通过假数据,手动创建的一个类,然后创建的一个集合,放入下拉框,选好值以后,点确定 会在另一个页面产生对应的id 创建一个类: using System;using System.Collections.Generic;using System.Linq;using System.Web;namespace WebApplication1{ pu[详细]
-
c# 操作符?? null coalescing operator
所属栏目:[建站] 日期:2020-05-11 热度:89
我们可以看下下面的这几个示例来看看这个操作符的使用方法: 复制代码 代码如下: string message = "Hello World"; string result = message ?? "null"; //这里的result的内容是 Hello World 再看下面的这个例子子: 复制代码 代码如下: string message = n[详细]
-
iframe标签用法详解(属性、透明、自适应高度)
所属栏目:[建站] 日期:2020-05-11 热度:61
副标题#e# 1、iframe 定义和用法 iframe 元素会创建包含另外一个文档的内联框架(即行内框架)。 HTML 与 XHTML 之间的差异 在 HTML 4.1 Strict DTD 和 XHTML 1.0 Strict DTD 中,不支持 iframe 元素。 提示和注释: 提示:您可以把需要的文本放置在 iframe[详细]
-
HTML 几种特别分割线特效
所属栏目:[建站] 日期:2020-05-11 热度:185
二、特效(效果并不是孤立的,可相互组合) 1、两头渐变透明: HR style=FILTER: alpha(opacity=100,finishopacity=0,style=3) width=80% color=#987cb9 SIZE=3 2、纺锤形: HR style=FILTER: alpha(opacity=100,finishopacity=0,style=2) width=80% color[详细]
-
详解如何用canvas画一个微笑的表情
所属栏目:[建站] 日期:2020-05-11 热度:81
实习期间让我用canvas画一个表情,比较简单,话不多说直接上代码: bodydiv id=canvas-warpcanvas id=canvas style=display: block; margin: 200px auto;你的浏览器居然不支持Canvas!/canvas/divscriptwindow.onload = function () {var canvas = document[详细]
-
使用HTML5原生对话框元素并轻松创建模态框组件
所属栏目:[建站] 日期:2020-05-11 热度:164
副标题#e# HTML 5.2草案加入了新的dialog元素。但是是一种实验技术。 以前,如果我们想要构建任何形式的模式对话框或对话框,我们需要有一个背景,一个关闭按钮,将事件绑定在对话框中的方式安排我们的标记,找到一种将消息传递出去的方式对话......这真的[详细]
-
canvas学习笔记之2d画布基础的实现
所属栏目:[建站] 日期:2020-05-11 热度:93
canvas 是一个可以使用脚本(通常是js)来绘图的HTML元素 canvas 最早由Apple引入WebKit,用于Mac OS X 的 Dashboard和 Safari 如今,所有主流的浏览器都支持它(IE9+,更低版本需引入Explorer Canvas来支持) 1. 开始画图(渲染上下文) canvas 元素创造了[详细]
-
Canvas 文本转粒子效果的实现代码
所属栏目:[建站] 日期:2020-05-11 热度:189
副标题#e# 通过粒子来绘制文本让人感觉很有意思,配合粒子的运动更会让这个效果更加酷炫。本文介绍在 canvas 中通过粒子来绘制文本的方法。 实现原理 总的来说要做出将文本变成粒子展示的效果其实很简单,实现的原理就是使用两张 canvas,一张是用户看不到[详细]
-
web页面录屏实现
所属栏目:[建站] 日期:2020-05-11 热度:164
副标题#e# 在看到评论后,突然意识到自己没有提前说明,本文可以说是一篇调研学习文,是我自己感觉可行的一套方案,后续会去读读已经开源的一些类似的代码库,补足自己遗漏的一些细节,所以大家可以当作学习文,生产环境慎用。 录屏重现错误场景 如果你的应[详细]
-
canvas学习笔记之绘制简单路径
所属栏目:[建站] 日期:2020-05-11 热度:118
绘制线段一般步骤: moveTo(x,y) 移动画笔到指定的坐标点(x,y) lineTo(x,y) 使用直线连接当前端点和指定的坐标点(x,y) stroke() 根据当前的画线样式,绘制当前或已经存在的路径 2 矩形路径 绘制矩形路径一般步骤: rect(x, y, width, height) 矩形路径,坐标[详细]
