-
详解通过变换矩阵实现canvas的缩放功能
所属栏目：[建站] 日期：2020-05-12 热度：73
这篇文章主要介绍一种通过设置canvas的变换矩阵来实现canvas的缩放。 第一步就是监听鼠标的滚轮事件，在滚轮事件中根据鼠标的滚动以及基于前一次的变换，重新设置context的缩放和平移，核心代码如下： let delta = this.deltaInst; delta.bind('zoom', (da[详细]
-
HTML5实时语音通话聊天MP3压缩传输3KB每秒
所属栏目：[建站] 日期：2020-05-12 热度：150
自从Recorder H5 GitHub开源库优化后，对边录边转码成小语音片段文件实时上传服务器这种操作支持非常良好，因此以前不太好支持的H5语音通话已经有了更好的突破空间。因此花了两晚时间打造了一个H5语音通话聊天的demo。 欢迎在线把玩： https://xiangyuecn.[详细]
-
浅谈cookie和localStorage那些事
所属栏目：[建站] 日期：2020-05-12 热度：185
一、localStorage、cookie、sessionStorage的区别与练习 1、cookie 小甜饼。它的大小限制为4KB左右，是网景公司的前雇员 Lou Montulli 在1993年3月的发明。它的主要用途有保存登录信息，比如你登录某个网站市场可以看到记住密码，这通常就是通过在Cookie中[详细]
-
基于Canvas+Vue的弹幕组件的实现
所属栏目：[建站] 日期：2020-05-12 热度：93
副标题#e# 最近由于项目需要定制化一个弹幕功能，所以尝试使用canvas来开发组件。经过测试在一些低端机的效果也没有明显的卡顿，和大家交流一下 弹幕效果 功能介绍 支持循环弹幕 弹幕不重叠 支持选择轨道数 支持弹幕发送 使用 npm i vue-barrage 参数配置 n[详细]
-
HTML5 WebGL 实现民航客机飞行监控系统
所属栏目：[建站] 日期：2020-05-11 热度：136
副标题#e# 前些日子出差，在飞机上看到头顶的监控面板，除了播放电视剧和广告之外，还会时不时的切换到一个飞机航行的监控系统，不过整个监控系统让人感到有一点点的简陋，所以我就突发奇想制作了一个采用 HT for Web 的升级版监控系统，demo 的效果还行，[详细]
-
把富文本的回车转为br标签
所属栏目：[建站] 日期：2020-05-11 热度：192
例如：我家孩子在SayABC小班课跟小伙伴们一起互帮互助，合作竞争，学习更加有动力！从简单的单词到句型和场景对话，孩子越来越敢于开口说英语啦！[耶]扫码立即领取外教课[爱心]让孩子从小与世界接轨~ 需要转为才能被html识别，并且换行。可以这样做。 是回[详细]
-
HTML5之多线程(Web Worker)
所属栏目：[建站] 日期：2020-05-11 热度：189
提到 HTML5 总是让人津津乐道，太多的特性和有趣的 API 让人耳目一新。但是很多童鞋还停留在语义化的阶段，忽视了 HTML5 的强劲之处。 这节我们来探讨一下多线程 Web-Worker。 一、明确 JavaScript 是单线程 JavaScript 语言的一大特点就是单线程，也就是[详细]
-
关于前端上传文件全面基础扫盲贴（入门）
所属栏目：[建站] 日期：2020-05-11 热度：173
副标题#e# 为什么分章节写呢？因为覆盖的知识点比较多，也可能我力尽详细介绍，照顾下基础不好的人，温故而知新。 刚开始的确是打算一篇搞定的，写道一半发觉已经相当长篇大论了，好多人例如我一进来看到这么多内容就已经怕了，而且不是每个人都需要了解全[详细]
-
详解Html5中video标签那些属性和方法
所属栏目：[建站] 日期：2020-05-11 热度：100
最近在写一个自定义播放器, 写之前我们肯定要把播放器的属性和方法全部过一遍,知彼知己,方能百战不殆嘛...后面会把自己写的播放器和踩过的一些坑也上传上来 video标签行内属性 src：视频的URL poster：视频封面，没有播放时显示的图片 preload：预加载 aut[详细]
-
HTML5通过navigator.mediaDevices.getUserMedia调用手机摄像头问题
所属栏目：[建站] 日期：2020-05-11 热度：161
副标题#e# navigator.mediaDevices.getUserMedia 应项目要求，需要实现移动端app嵌入H5页面完成实人认证的功能。打开getUserMedia文档，链接如下： https://developer.mozilla.org/zh-CN/docs/Web/API/MediaDevices/getUserMedia 看上去很简单，最终却写的[详细]
-
HTML5中的网络存储实现方式
所属栏目：[建站] 日期：2020-05-11 热度：70
随着互联网的快速发展，基于网页的应用越来越普遍，同时也变得越来越复杂，为了满足日益更新的需求，会经常性的在本地设备上存储数据，例如记录历史活动信息。传统方式使用document.cookie来进行存储，但是由于其存储的空间只有4KB左右，并且需要复杂的操[详细]
-
H5离线存储Manifest原理及使用
所属栏目：[建站] 日期：2020-05-11 热度：131
离线存储可以将站点的文件储存在本地，在没有网络的情况下还是可以访问到存储的对应的站点的页面，这些文件可以包括html，js，css，img等等文件。但其实即使在有网络的时候，浏览器也会优先使用已离线存储的文件。 什么是Manifest： Manifest是一个简单的[详细]
-
禁止直接访问php文件代码分享
所属栏目：[建站] 日期：2020-05-11 热度：64
如何禁止别人直接访问php文件 可以通过判断某一个常量是否被定义或定义的值是否相同，如果未被定义或值不相同则停止脚本运行。 defined('IS_ALLOW') or die('禁止访问！'); 访问结果：禁止访问！ 如果需要在其它php文件中进行引用，可以先将常量定义后在进[详细]
-
如何通过PHP实现Des加密算法代码实例
所属栏目：[建站] 日期：2020-05-11 热度：155
副标题#e# 如何通过PHP实现Des加密算法代码实例 注：php7以上不支持了，因为php7去掉了某些函数， 另外变量的{}要改为[] phpclass Des{ /** * 加密方法 * * @param string $str 需要加密的内容 * @param string $key 密钥 * @param bool $toBase64 是否base[详细]
-
5个HTML5的常用本地存储方式详解与介绍
所属栏目：[建站] 日期：2020-05-11 热度：149
副标题#e# 在 HTML5 规范之前，存储主要是用 cookies 。但cookies也有缺点： 在请求头上带着数据； 大小是 4k 之内； 主 Domain 污染； cookies 的主要应用：购物车、客户登录。 由于存在这么多缺点，因此我们需要解决以下问题： 解决 4k 的大小问题； 解决[详细]
-
CSS代码检查工具stylelint的使用方法详解
所属栏目：[建站] 日期：2020-05-11 热度：200
副标题#e# CSS不能算是严格意义的编程语言，但是在前端体系中却不能小觑。 CSS 是以描述为主的样式表，如果描述得混乱、没有规则，对于其他开发者一定是一个定时炸弹，特别是有强迫症的人群。CSS 看似简单，想要写出漂亮的 CSS 还是相当困难。所以校验 CSS[详细]
-
webpack高级配置与优化详解
所属栏目：[建站] 日期：2020-05-11 热度：160
副标题#e# 所谓打包多页面，就是同时打包出多个 html 页面，打包多页面也是使用 html-webpack-plugin，只不过，在引入插件的时候是创建多个插件对象，因为一个html-webpack-plugin 插件对象只能打包出一个 html 页面。如: module.exports = { entry: { inde[详细]
-
html网页添加音乐视频的实现示例
所属栏目：[建站] 日期：2020-05-11 热度：169
支持firefox自动播放 谷歌、ie不支持自动播放 video controls=controls autoplay=autoplay name=mediasource src=http://www.jb51.net/web/./img/music.mp3 type=audio/mpeg/video 谷歌可以通过添加 muted 通过静音来实现自动播放 video controls=controls[详细]
-
HTML转PDF的纯客户端和纯服务端实现方案
所属栏目：[建站] 日期：2020-05-11 热度：196
用户填写表单，点击保存之后，可以直接下载pdf文档。 解决思路 服务端生成 思路 谷歌浏览器在17年自行开发了Chrome Headless特性，并与之同时推出了 puppeteer，它可以被理解为是无界面但是可以完成服务器功能特性的浏览器。 所以我们可以在服务端启动pupp[详细]
-
浅析html webpack plugin插件的使用教程
所属栏目：[建站] 日期：2020-05-11 热度：83
使用html-webpack-plugin插件来启动页面 可将html页面放入内存 以提升页面的加载速度 并且还能自动设置index.html页面中JS文件引入的路径 使用前提：项目中安装了Webpack使用步骤： 步骤一、在项目的根目录下输入cnpm i html-webpack-plugin -D 将html-web[详细]
-
HTML 几种特别分割线特效
所属栏目：[建站] 日期：2020-05-11 热度：175
二、特效（效果并不是孤立的，可相互组合） 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[详细]
-
iframe标签用法详解(属性、透明、自适应高度)
所属栏目：[建站] 日期：2020-05-11 热度：189
副标题#e# 1、iframe 定义和用法 iframe 元素会创建包含另外一个文档的内联框架（即行内框架）。 HTML 与 XHTML 之间的差异 在 HTML 4.1 Strict DTD 和 XHTML 1.0 Strict DTD 中，不支持 iframe 元素。 提示和注释： 提示：您可以把需要的文本放置在 iframe[详细]
-
母亲节送啥礼物好？这份走心礼包请收好
所属栏目：[建站] 日期：2020-05-11 热度：55
副标题#e# 你养我小，我养你老，世界上最美好的事情莫过于此，今天就是2020年的母亲节了，你们都准备好送妈妈什么礼物了吗？尤其是那些无法经常陪在父母身边的朋友，如果还没有想好，那么可以为母亲挑选一款笔记本电脑，可以用来购购物、看看电视剧，或是玩[详细]
-
ASP.NET Core MVC获取请求的参数方法示例
所属栏目：[建站] 日期：2020-05-11 热度：157
副标题#e# 一次HTTP请求，就是一次标准IO操作。请求是I，是输入；响应式O，是输出。任何web开发框架，其实都是在干这两件事： 接受请求并进行解析获取参数 根据参数进行渲染并输出响应内容 所以我们学习一个框架，我认为最首要的是知道如何从请求中获取参数[详细]
-
使用VSCode开发和调试.NET Core程序的方法
所属栏目：[建站] 日期：2020-05-11 热度：98
副标题#e# 电脑不想装几十个G的 VS2017，那就用 VS Code 吧 目标： 创建一个类库项目 Skany.Core，并用 Nuget 引用第三方组件 Hash 实现加密算法 创建一个单元测试项目 Skany.Tests，引用类库 Skany.Core，并测试其中的方法 创建一个控制台应用程序项目 Ska[详细]
