核心就是 navigator.mediaDevices.getUserMedia API调用摄像头获取视频流，在video DOM上播放，再截取video视频画面 绘制到canvas上。 其实这个功能实现也是很简单的，记录的主要在于后面的坑。 现在的Chrome和其他大部分的现…

禁止浏览器的自动填充账号密码功能。 用type="text"的输入框模拟实现password,彻底告别浏览器对password的检测

这样的项目结构在现在看来很多项目都有在使用，比如 Vue、Vite 等，它们共同使用到的 PNPM 的包管理器来组织这样的项目。同时我也在 B 站发现有伙伴使用 PNPM 组建了包含 PC 前端、PC

前言 大家好，我是林三心，用最通俗的话讲最难的知识点是我的座右铭，基础是进阶的前提是我的初心，今天跟大家来唠唠嗑，如果后端真的返回给前端10万条数据，咱们前端要怎么优雅地展示出来呢？（哈哈假设后端真的

5w字长文讲述一个前端小白如何从零开始搭建项目，来感受小白首次使用这些令人眼花缭乱的技术时的艰辛与坎坷。

因为在2.6.0中，具名插槽 和 作用域插槽 引入了一个新的统一的语法 (即v-slot 指令)。它取代了 slot 和 slot-scope，并且现在网上都说的是一些老版本的内容，官方文档不太容易理解，所以就整理了一篇有关于插槽(slot)使用的文章 如果<test>中没有包…

封装思路 index.ts 我们需要在src的根目录下创建一个axios文件夹，其中创建一个index.ts文件，这个文件主要用来封装axios的配置（实例化请求配置、请求拦截器、相应拦截器）及相应的

平时小项目中有可能需要一些全局共享的响应式数据，使用vuex可能会稍微麻烦一点。下面分享一个个人在平时小项目中的使用替代vuex的代码段。 在main.js中引入自定义store到此，水完了这篇文章~

Pinia是一个vue的状态管理方案，是vuex团队成员开发，更加轻量化以及优秀的上手体验，开箱即用的typescript支持