刷新
前端周刊:2022-10 期

博主头像 前端周刊:2022-10 期 前端开发 现在 vue3+vite2 成熟了吗,可以用在生产环境吗? Vue3 确实还是有问题 百度统计支持单页应用啦 单页应用设置 首个彻底解决缓存和数据库一致性问题的方案 业务开发中能遇到的问题多数都是工程问题而不是技术问题,前后端都适用 微信公众号/小程序获取当前 ...

纯原生html编写的h5视频播放器

博主头像 #snail-player-native 一个纯原生代码编写的h5视频播放器, 功能完善,基本满足使用,仅供学习,禁止商用 演示 演示加速 Install 1. git clone https://github.com/snail-boy/snail-player-native.git 2. 拷贝l ...

前端周刊:2022-9 期

博主头像 前端周刊:2022-9 期 前端开发 网络视频的防盗与破解 网络视频(Web 视频)是指利用 HTML5 技术在浏览器中播放的视频,这类视频资源通常可以被随意下载,某些行业(比如教培行业)如果希望保护自己的视频资源不被下载,就需要对视频做防盗链处理。 Vue 组件复用问题的一个解决方法 关于 vue ...

js颜色调试器

博主头像 1 /* ColorTestViewer 颜色调试器 2 3 attribute: 4 onchange: Function; //颜色改变回调; 默认null 5 6 //以下属性不建议直接修改 7 rgb: RGBColor; //rgb模式颜色 8 hsv: Object{h,s,v}; // ...

前端周刊:2022-8 期

博主头像 前端周刊:2022-8 期 前端开发 为什么视频网站的视频链接地址是 blob? 很详细的讲解了如何实现视频流式传输,还能防盗链 实时 html5 的 mp3 播放。再次体验数据格式 arraybuffer。 音频防盗链 前端工具箱-css 动画缓动函数预览及生成 css 动画缓动函数预览及生成 前 ...

前端动画实现以及原理浅析

博主头像 背景 如今的前端是一个涉猎领域很广的职业。作为一名前端,我们不仅要开发管理系统、数据中台、还要应对年报开发、节日活动等场景。不仅要会增删改查,编写表单,还要具备开发动画、H5 游戏等能力。能做出很 Cool 的动画效果,也是一种前端特有的成就感。所以,我们从动画的实现方法入手,了解浏览器的渲染,以及 ...

部分Html元素汇总

博主头像 #部分HTML元素汇总 HTML4结构元素 中文释义 HTML4结构元素 中文释义 div 在文档中定义一块区域,既包含框、容器。 dd 对定义的词条进行解释。 ol 根据一定的排序进行列表。 hr 定义水平线。 ul 没有排序的列表。 p 定义段落结构。 li 每条列表项。 del 定义删除的文本 ...

前端周刊:2022-6 期

博主头像 前端周刊:2022-6 期 前端开发 videojs-plugin-marker--videojs 进度条打点插件 基于 videojs-marker-plugin 项目二次开发,支持 marker 点更新和 marker 点击事件;更换构建工具为 Vite。 @cutting-mat/direct ...

使用ffmpeg把mp4与m3u8相互转换的操作

FFmpeg 是一套可以用来记录、转换数字音频、视频,并能将其转化为流的开源计算机程序。它提供了录制、转换以及流化音视频的完整解决方案。 官方下载网站 http://www.ffmpeg.org/download.html,下载解压缩后请配置环境。 一、MP4 转 M3U8 M3U8 是 Unico ...

HTML5 Canvas 超逼真烟花绽放动画

各位前端朋友们,大家好!五一假期即将结束,在开启加班模式之前,我要给大家分享一个超酷超逼真的HTML5 Canvas烟花模拟动画。这次升级版的烟花动画有以下几个特点: 烟花绽放时,将展现不同的色彩,不像之前版本的一朵烟花只有一种色彩。 夜空的颜色会自动适配当前绽放的烟花颜色,效果更为逼真。 每一朵烟 ...

Q644F/Q645F气动三通球阀-上海凯利科阀门有限公司(图)

博主头像 Q644F/Q645F气动三通球阀是一种三通道的回转型球阀 用于介质分流、合流及流向切换,任何一个管道都可以作为入口或出口。气动三通球阀分有气动三通L型球阀和气动三通T型球阀两种,可以满足不同的生产工艺要求。气动三通L型球阀是对三条管道中的两条管道进行切断,气动三通T型球阀实现把三条连通管道进行合流... ...

HTML基础知识

博主头像 本篇文章由一个大二小白来给大家分享一下我的所学 HTML基础知识 1.B/S结构应用程序开发技术 B浏览器 S服务器 2.静态网页课程体系内容**【重点】** 3. 静态网页与动态网页的区别 (1)静态网页:指的就是站点的页面内容是“固定不变”的。无论客户浏览器请求多少次,从Web服务器返回的内容都 ...

超酷!!HTML5 Canvas 水流样式 Loading 动画

今天我们要分享另外一款基于HTML5 Canvas的液体流动样式Loading加载动画,这款Loading动画在加载时会呈现液体流动的动画效果,并且由于和背景颜色的对比,也略微呈现发光的动画效果。 效果预览 代码实现 HTML代码 接下来我们讲讲实现这个加载动画的大致思路和实现过程。 首先在页面上定 ...

websocket前后端数据实时更新(前端+后端)

博主头像 做的项目中需要将后端提供的数据展示在前端页面,一开始我是用JS的setInterval()方法,设置一个时间,每过时间发起一次ajax请求。虽然也能凑活着实现,但总感觉数据不是实时刷新的,而且还占用资源,所以学习WebSocke,并总结了一下,以下是本人总结的前后端WebSocke相关代码: 一、后 ...

Html5新增内容标签

博主头像 一、新增的语义化布局标签: 1. header和footer标签 页面中一个内容区块的头部和尾部布局 2. nav 导航区域 3. article标签 页面中独立的内容部分布局 4. aside标签 在独立内容之外,但是又与article有关联的部分布局 二、新增媒体标签 1. audio(音频) ...