网络视频（Web 视频）是指利用 HTML5 技术在浏览器中播放的视频，这类视频资源通常可以被随意下载，某些行业（比如教培行业）如果希望保护自己的视频资源不被下载，就需要对视频做防盗链处理。

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

前端周刊：2022-7 期前端开发videojs-plugin-source-switchervideojs 视频源切换插件前端工具箱-免费的 SVG 图像和图标所有内容均在 Creative Commons CC0 下发布es6-模块与-commonjs-模块的差异CommonJS 模块输出的是一个值的拷贝，ES6 模块输出的是值的引用。打包工具 rollup.js 入门教程简明易懂的 rollup.js 入门教...

基于 videojs-marker-plugin 项目二次开发，支持 marker 点更新和 marker 点击事件；更换构建工具为 Vite。

.基于 videojs-resolution-switcher 项目二次开发, 支持 videojs^7.0.0; 更换构建工具为 Vite.

前端周刊：2022-4期前端开发npm audit的理想与现实本文介绍了npm audit的工作原理以及现实中有什么缺陷。在npm如此流行的今天属于必读科普文。fingerprintjs-浏览器指纹生成库很方便，但拿不到绝对有效的指纹，只能作为辅助验证手段，比如两台同样型号手机用同样浏览器得到的指纹就是相同的。driver.js--用于实现页面引...

前端周刊：2022-3期前端开发Animater: 基于Vue的动画场景编排组件轻松实现元素进场、退场动画FLUTTER添加水印、添加自定义水印、禁止截屏“现实生活中，我们想要对应用的开发程序内容进行管控，避免暴露出敏感信息”FinClip - 通用小程序容器方案完全兼容微信小程序的私有化小程序方案学习Web开发“Web 入门是一门介绍 Web ...

前端周刊：2022-2期前端开发利用 Promise 的 cache 特性实现前端缓存这应该是最简单的前端请求缓存实现思路项目推荐：@tower1229/axiosAxios的升级替代品，与Axios完全相同的API，仅仅为Instance.get()方法扩展缓存功能项目推荐：@tower1229/vue-store更简单的vue状态管理插件，如果你也觉得vuex有点复杂，那么你需要这...

前端周刊：2021-15期前端开发Gitbook install出现TypeError: cb.apply is not a function解决办法这个远古项目还是有点坑小程序开放平台架构指南(上)介绍了小程序开放平台的核心价值点与开发路线图；小程序开放平台架构指南(下)对小程序开放平台中两个关键问题: 跨端通信与跨端构建响应式 Dom 界面的解决思路进行了介绍...

前端开发用require.context批量引入vue组件最近知道的webpack api，需要批量引入组件的时候非常好用使用Jenkins+Gitlab集成Flutter自动化打包(Android)，并发布到蒲公英开发/测试环境Flutter APP 自动打包在 Linux 操作系统上安装和配置 Flutter 开发环境上一篇的附属，因为开发服务器一般是Linux 操作系统CSS属性：acce...

前端开发百度上线开发者版搜索终于，还在用百度搜索的人就剩下新手程序员了微信公众号文章markdown编辑器免费在线微信编辑器，可以很方便的自定义样式，默认样式也不错HTML与JSON格式互转一个使用场景是：把这个库做为富文本编辑器与数据库之间的转换层，可以在富文本编辑场景彻底摆脱对特定富文本编辑器的依赖。一个Win...

前端周刊：2021-12期前端开发CSS中content属性的妙用本文讲解CSS中使用频率并不高的content属性，通过多个实用的案例，带你由浅入深的掌握content的用法，让代码变得更加简洁、高效。各支付场景下前后端交互流程这篇文章主要理清常见场景下各个支付的流程和api，后续一旦有新业务接入支付，能起到一个引导作用，少走弯路...

前端周刊：2021-11期前端开发25个你不得不知道的数组reduce高级用法原以为reduce只能做累加，看完25个例子深入理解了reduce方法的实质计算机时间到底是怎么来的？我以为网络对时有更好的方式，没想到这么朴素如何编写有用的错误消息？行文很水，全文能提炼出五句有用的Object.keys() 的顺序是如何定义的？有数字按数字升...

前端开发为什么模仿设备变得几乎不可能【英文】介绍了前端如何识别设备的真实性vue-cli如何正确关闭prefetch因为依赖版本不同，直接抄代码可能不好使，需要自己观察一下console信息再决定IconPark资源站字节跳动开放图标库nutui发布3.x京东的面向移动端的UI库，感觉比Vant的“私货”少点业务前端的出路据我观察，能做到的...

如何开发第三方小程序组件 最近开发了一个小程序动态仪表盘组件，并以第三方小程序组件的形式发布到npm，任意小程序项目都可以安装这个模块，从而获得仪表盘功能。 组件功能目前还非常简单，先来预览一下效果： 项目源码及使用介绍可参考项目主页：[链接] 开发第三方小程序自定义组件的方法，微信官方文档有一个简单的介...

程序员是一个整体偏理性的群体，凡事都喜欢问个 WhyHowWhat？但是因为种种原因，我发现身边很多同事朋友对【保险】这件事的认识比少，或者存在一些思想误区。我个人从两年前开始关注保险行业，经过持续的学习和认识，发现保险对于绝大多数个人和家庭来说都是非常重要的一项资产配置，我自己也在过去的一年中逐步完成了个...

经过最开始的热闹和喧嚣，如今微信小程序热度大减，但随着不断迭代，如今小程序的功能已经很完善了，可用性也高了很多，主要是经过一段时间的摸索，开发者已经能够冷静的看待小程序了，不适合的项目自动离场，适合的项目陆续进驻。小程序搜索功能开放后，越来越多的优秀小程序项目得到了曝光，近期微信也在运营上加大力...

Hexo是静态页博客生成利器，同很多博主一样，前端路上原创技术博客也是使用Hexo生成并托管在Github Page上的，但在使用Hexo的过程中遇到一个小问题，Hexo默认会对/source/里的所有页面应用主题模板渲染，但有一些前端作品或demo页我们不希望经过渲染，而是能保持完全自定义的样子，那该怎么用Hexo添加自定义的web页面呢？

 Nodejs将JavaScript语言带到了服务器端，作为js主力用户的前端们，因此获得了服务器端的开发能力，但除了用express搭建一个博客外，还有什么好玩的项目可以做呢？不如就做一个网络爬虫吧。据说互联网上的流量90%以上都是爬虫贡献的，不知道真假，但起码证明了，爬虫是一种用途广泛的东西，尤其在电商比价领域，整个就是...

通常我们所说的组件往往是包含业务逻辑的前端组件，而这类组件实际上很难实现广义上的复用，顶多能在同一条业务线上复用一下，但UI组件就不一样了，没有了业务的约束，只在UI层面上实现复用，那想象空间就很大了，所以这里我们只讨论UI组件。

贪吃蛇游戏想必没人会感到陌生，这个游戏的js版本在网上也是一搜一大把，今天我要介绍的仍然是如何用js做一个贪吃蛇游戏，但在关键一步，蛇的运动的实现上略有不同。