-
简单聊聊H5的pushState与replaceState的用法
所属栏目：[建站] 日期：2020-05-12 来源：DaWei
HTML5引入了 和 方法，它们分别可以添加和修改历史记录条目。这些方法通常与window.onpopstate 配合使用。 二、pushState() 方法的例子 假设在 中执行了以下 JavaScript 代码: var stateObj = { foo: bar };history.pushState(stateObj, page 2, bar.html)[详细]
-
HTML5 拖拽批量上传文件的示例代码
所属栏目：[建站] 日期：2020-05-12 来源：DaWei
该组件基于 Vue.js 实现，UI 框架是 elementUI,完整的 demo 地址在https://github.com/Msxiaoma/upload-folder. 拖拽上传文件夹(仅仅chrome支持) 一、组件描述 同时拖拽多个文件夹 删除指定文件夹 显示当前文件夹的上传进度条 超过5M的文件夹分片上传 效果[详细]
-
在HTML5 canvas里用卷积核进行图像处理的方法
所属栏目：[建站] 日期：2020-05-12 来源：DaWei
就跳过一些用专业属于描述专业术语看完懵逼的解释了， 语文成绩很差的我尝试从字面解释什么是卷积... 卷，理解成一种压缩；积，乘积，积累； 卷积需要一个卷积核，通常是3x3或5x5的方阵， 例如这样 // 一个3x3卷积核 0 0 0 0 1 0 0 0 0 我们要怎么用卷积核[详细]
-
HTML5新增的标签和属性归纳总结
所属栏目：[建站] 日期：2020-05-12 来源：DaWei
收集总结的HTML5的新特性，基本除了IE9以下都可以使用。 HTML5语法 大部分延续了html的语法不同之处：开头的 !DOCTYPE html html lang=zh-CNmeta charset=utf-8 字符编码变得简洁， 不区分大小写， 添加了布尔值，类似checked，selected 引号可以省略，但[详细]
-
html5调用摄像头功能的实现代码
所属栏目：[建站] 日期：2020-05-12 来源：DaWei
副标题#e# 前些天，线上笔试的时候，发现需要浏览器同意开启摄像头，感觉像是 js 调用的，由于当时笔试，也就没想到这么多问题。今天闲来无事，看了下自己的 todo，发现有这个调用摄像头的todo，才想到。网上查了一下，果然 js 有调用摄像头的 api，为此自[详细]
-
如何使用localstorage代替cookie实现跨域共享数据问题
所属栏目：[建站] 日期：2020-05-12 来源：DaWei
副标题#e# 因为网站系统的日益庞大，不同域名业务，甚至不同合作方网站的cookie可能或多或少需要进行共享使用，遇到这个情况的时候，大家一般想到的是使用登录中心分发cookie状态再进行同步进行解决，成本较高而且实施起来比较复杂和麻烦。 因为cookie在跨[详细]
-
MPEG-5 EVC编码落地 比H.265更出色
所属栏目：[建站] 日期：2020-05-12 来源：DaWei
编码标准迭代对于数字视频发展有着极大的影响。随着H.264编码临近尾声，H.265编码近年来被广泛应用于4K、HDR（高动态范围）、WCG视频（宽色域）等领域，不过，相对于H.265编码来说，MPEG-5或许在未来的4K、8K领域更有作为。 MPEG-5 EVC是继1993年的MPEG-1[详细]
-
完全模块化笔记本上架 啥都能换售价1300美元
所属栏目：[建站] 日期：2020-05-12 来源：DaWei
很多朋友在购买笔记本的时候，还是比较看重升级性，比如内存是否支持升级、是否可以增加硬盘。不过随着笔记本越来越轻薄，很多笔记本只支持更换硬盘。不过一款终极可升级的笔记本出来了，其采用模块化设计，什么都能升级，它就是MNT Reform。 苹果MacBook[详细]
-
详解通过变换矩阵实现canvas的缩放功能
所属栏目：[建站] 日期：2020-05-12 来源：DaWei
这篇文章主要介绍一种通过设置canvas的变换矩阵来实现canvas的缩放。 第一步就是监听鼠标的滚轮事件，在滚轮事件中根据鼠标的滚动以及基于前一次的变换，重新设置context的缩放和平移，核心代码如下： let delta = this.deltaInst; delta.bind('zoom', (da[详细]
-
HTML5实时语音通话聊天MP3压缩传输3KB每秒
所属栏目：[建站] 日期：2020-05-12 来源：DaWei
自从Recorder H5 GitHub开源库优化后，对边录边转码成小语音片段文件实时上传服务器这种操作支持非常良好，因此以前不太好支持的H5语音通话已经有了更好的突破空间。因此花了两晚时间打造了一个H5语音通话聊天的demo。 欢迎在线把玩： https://xiangyuecn.[详细]
-
浅谈cookie和localStorage那些事
所属栏目：[建站] 日期：2020-05-12 来源：DaWei
一、localStorage、cookie、sessionStorage的区别与练习 1、cookie 小甜饼。它的大小限制为4KB左右，是网景公司的前雇员 Lou Montulli 在1993年3月的发明。它的主要用途有保存登录信息，比如你登录某个网站市场可以看到记住密码，这通常就是通过在Cookie中[详细]
-
基于Canvas+Vue的弹幕组件的实现
所属栏目：[建站] 日期：2020-05-12 来源：DaWei
副标题#e# 最近由于项目需要定制化一个弹幕功能，所以尝试使用canvas来开发组件。经过测试在一些低端机的效果也没有明显的卡顿，和大家交流一下 弹幕效果 功能介绍 支持循环弹幕 弹幕不重叠 支持选择轨道数 支持弹幕发送 使用 npm i vue-barrage 参数配置 n[详细]
-
HTML5 WebGL 实现民航客机飞行监控系统
所属栏目：[建站] 日期：2020-05-11 来源：DaWei
副标题#e# 前些日子出差，在飞机上看到头顶的监控面板，除了播放电视剧和广告之外，还会时不时的切换到一个飞机航行的监控系统，不过整个监控系统让人感到有一点点的简陋，所以我就突发奇想制作了一个采用 HT for Web 的升级版监控系统，demo 的效果还行，[详细]
-
把富文本的回车转为br标签
所属栏目：[建站] 日期：2020-05-11 来源：DaWei
例如：我家孩子在SayABC小班课跟小伙伴们一起互帮互助，合作竞争，学习更加有动力！从简单的单词到句型和场景对话，孩子越来越敢于开口说英语啦！[耶]扫码立即领取外教课[爱心]让孩子从小与世界接轨~ 需要转为才能被html识别，并且换行。可以这样做。 是回[详细]
-
HTML5之多线程(Web Worker)
所属栏目：[建站] 日期：2020-05-11 来源：DaWei
提到 HTML5 总是让人津津乐道，太多的特性和有趣的 API 让人耳目一新。但是很多童鞋还停留在语义化的阶段，忽视了 HTML5 的强劲之处。 这节我们来探讨一下多线程 Web-Worker。 一、明确 JavaScript 是单线程 JavaScript 语言的一大特点就是单线程，也就是[详细]
-
关于前端上传文件全面基础扫盲贴（入门）
所属栏目：[建站] 日期：2020-05-11 来源：DaWei
副标题#e# 为什么分章节写呢？因为覆盖的知识点比较多，也可能我力尽详细介绍，照顾下基础不好的人，温故而知新。 刚开始的确是打算一篇搞定的，写道一半发觉已经相当长篇大论了，好多人例如我一进来看到这么多内容就已经怕了，而且不是每个人都需要了解全[详细]
-
详解Html5中video标签那些属性和方法
所属栏目：[建站] 日期：2020-05-11 来源：DaWei
最近在写一个自定义播放器, 写之前我们肯定要把播放器的属性和方法全部过一遍,知彼知己,方能百战不殆嘛...后面会把自己写的播放器和踩过的一些坑也上传上来 video标签行内属性 src：视频的URL poster：视频封面，没有播放时显示的图片 preload：预加载 aut[详细]
-
HTML5通过navigator.mediaDevices.getUserMedia调用手机摄像头问题
所属栏目：[建站] 日期：2020-05-11 来源：DaWei
副标题#e# navigator.mediaDevices.getUserMedia 应项目要求，需要实现移动端app嵌入H5页面完成实人认证的功能。打开getUserMedia文档，链接如下： https://developer.mozilla.org/zh-CN/docs/Web/API/MediaDevices/getUserMedia 看上去很简单，最终却写的[详细]
-
HTML5中的网络存储实现方式
所属栏目：[建站] 日期：2020-05-11 来源：DaWei
随着互联网的快速发展，基于网页的应用越来越普遍，同时也变得越来越复杂，为了满足日益更新的需求，会经常性的在本地设备上存储数据，例如记录历史活动信息。传统方式使用document.cookie来进行存储，但是由于其存储的空间只有4KB左右，并且需要复杂的操[详细]
-
H5离线存储Manifest原理及使用
所属栏目：[建站] 日期：2020-05-11 来源：DaWei
离线存储可以将站点的文件储存在本地，在没有网络的情况下还是可以访问到存储的对应的站点的页面，这些文件可以包括html，js，css，img等等文件。但其实即使在有网络的时候，浏览器也会优先使用已离线存储的文件。 什么是Manifest： Manifest是一个简单的[详细]
-
禁止直接访问php文件代码分享
所属栏目：[建站] 日期：2020-05-11 来源：DaWei
如何禁止别人直接访问php文件 可以通过判断某一个常量是否被定义或定义的值是否相同，如果未被定义或值不相同则停止脚本运行。 defined('IS_ALLOW') or die('禁止访问！'); 访问结果：禁止访问！ 如果需要在其它php文件中进行引用，可以先将常量定义后在进[详细]
-
如何通过PHP实现Des加密算法代码实例
所属栏目：[建站] 日期：2020-05-11 来源：DaWei
副标题#e# 如何通过PHP实现Des加密算法代码实例 注：php7以上不支持了，因为php7去掉了某些函数， 另外变量的{}要改为[] phpclass Des{ /** * 加密方法 * * @param string $str 需要加密的内容 * @param string $key 密钥 * @param bool $toBase64 是否base[详细]
-
5个HTML5的常用本地存储方式详解与介绍
所属栏目：[建站] 日期：2020-05-11 来源：DaWei
副标题#e# 在 HTML5 规范之前，存储主要是用 cookies 。但cookies也有缺点： 在请求头上带着数据； 大小是 4k 之内； 主 Domain 污染； cookies 的主要应用：购物车、客户登录。 由于存在这么多缺点，因此我们需要解决以下问题： 解决 4k 的大小问题； 解决[详细]
-
CSS代码检查工具stylelint的使用方法详解
所属栏目：[建站] 日期：2020-05-11 来源：DaWei
副标题#e# CSS不能算是严格意义的编程语言，但是在前端体系中却不能小觑。 CSS 是以描述为主的样式表，如果描述得混乱、没有规则，对于其他开发者一定是一个定时炸弹，特别是有强迫症的人群。CSS 看似简单，想要写出漂亮的 CSS 还是相当困难。所以校验 CSS[详细]
-
webpack高级配置与优化详解
所属栏目：[建站] 日期：2020-05-11 来源：DaWei
副标题#e# 所谓打包多页面，就是同时打包出多个 html 页面，打包多页面也是使用 html-webpack-plugin，只不过，在引入插件的时候是创建多个插件对象，因为一个html-webpack-plugin 插件对象只能打包出一个 html 页面。如: module.exports = { entry: { inde[详细]
