Vue3（其实从2 6开始）中引入了一个新的指令v-slot，用来表示具名插槽和默认插槽，可以在slot容器上使用v-slot来表示一个传入组件的插槽，通过指令参数来表示插槽的名称。 vue template中的slot插槽如何在JSX中实现呢？ ...

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

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

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

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

###效果图 ###组件介绍 原生小程序编写，简单轻便，拿来即用。 gitee地址：https://gitee.com/qq_connect-EC6BCC0B556624342/wx-calendar ###代码部分（这里可能不是最新的推荐去gitee克隆代码） calendar.wxml <!-- ...

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

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

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

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

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

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

这是一个系列博客，最终目的是要做一个基于 HTML Canvas 的、类似于微软 Office 的 Web Office 套件（包括：文档、表格、幻灯片……等等）。 博客园：《从零开始, 开发一个 Web Office 套件》系列博客目录 富文本编辑器 Github repo 地址：https:// ...

BIM模型轻量化显示地图引擎、BIM模型文件转换引擎、BIM在线编辑器是BIM模型轻量化的核心技术，具有一定的技术门槛。易景空间ESMap本着开放的精神，把核心技术提供给广大的BIM开发者，使得开发者即使没有掌握任何图形技术，也能轻松开发强大的BIM应用。 ...

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

参考资料 https://www.zhangxinxu.com/wordpress/2017/12/understand-svg-fedisplacementmap-filter/ 该文章已经讲的特别细致了，该篇仅以此记录动效过程中各点的计算。 feDisplacementMap feDisplac ...

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

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

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

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