React | 浏览器刷新，会执行 useEffect 的 卸载函数吗？
React | 浏览器刷新，会执行 useEffect 的 卸载函数吗？ 需求描述 后端在跑一个长期的异步上传任务，在任务执行过程中，用户刷新页面（f5），此时产品希望能够发送一个 kill 任务，杀掉这个任务。 拆解 需求合理性 其他情况是否存在类似：比如关闭 tab，关闭浏览器，突然断网等操作，等浏览器层级或者异常的用户行为 前端是否应该响应这种行为：对于更深层次的需求处理 根本问题点，或者说为什么会存在这个需求：上一个任务会加锁，...
shadcn-ui 一个真·灵活的组件库
当前主流组件库的问题 我之前使用过很多组件库，比如 MUI，AntDesign，ElementUI，等等。他们都是很出名的组件库。 优点就不说了。他们的缺点是不灵活。 不灵活有 2 个原因。 生态不开放 第 1 个不灵活的原因是我感觉选了一家之后，就得一用到底，没有办法使用其他派系的组件了，比如我觉得 MUI 中的表格不好，Ant Design 的表格好，但是我无法在 MUI 中使用 AntDesign 的表格组件，因为在一个项目中无法...
uni-app小程序超过2M怎么办
开发版可以调整上限为4M 开发者工具 详情 本地设置 预览及真机调试时主包、分包体积上限调整为4M 勾选 上传代码时，主包必须在2M以内。 小程序tabbar页面必须放在主包。 推荐除了tabbar页面以外，其余的都放在分包。其实只要这样做了，再复杂的小程序，主包代码都很难超过2M，但如果是 uni app 开发的，那就不一定了。 开发环境压缩代码 使用cli创建的项目 在 ， 中设置压缩：在命令中加入 使用hbuilderx创建的项目...
一个 API,带你打开前端摄像头之门
当然不想了解就直接跳转看完整代码 获取设备列表 获取视频流 需要注意的是,此功能仅在本地环境或者线上的安全环境（HTTPS）下可用 言归正传,在日常业务开发中,我们经常会遇到调用摄像头的场景 最常见的就是前端调用摄像头,然后生成一张照片,用于业务开发 常规开发 首先我们来看看常规开发模式 代码其实非常简单,直接上代码(已附上完整注释) 渲染视频流 拍照功能 常规的思路,我们肯定是截取 video 的某一帧,然后渲染到 canvas 上面...
不会才知道并不是所有的mp4视频都能被video标签播放吧？
今天遇到个奇怪的bug，好好一个mp4视频在本地所有设备均可正常播放，但是上传至cos之后插入富文本，发现video标签只能识别出音频，并无视频。排查半天才找出问题所在，特此记录一下！欢迎各位看官关注作者的微信公众号 ，获得最新技术分享。 首先video标签并不能解析所有视频编码格式，它只支持MPEG4，Ogg，WebM 三种视频格式。支持的视频格式及编码格式如下： 但是，video标签对这三种视频格式是有具体要求的 Ogg = 带有...
你不知道到的 CSS - 纯 CSS 获取浏览器宽度
先看效果： 众所周知，我们平时获取获取窗口的宽高都是 获取的，要不然直接通过 的 监听页面宽高变化。 但现在不一样了！我们可以直接通过 获取 的尺寸，并且可以通过变量来进行使用。 在我第一眼看到这个消息的感觉是不可置信！但这是真的，下面我将带大家复习一下在 Vue、React、Svelte 以及原生 中如何获取 尺寸，然后带大家一览新的获取方案！ 示例 点击马上掘金中间的左右箭头，可以查看高度的监听。 本来是先写的传统方案获取尺寸，但想...
你知道的H5屏幕的适配方案有哪些？
1\. @media媒体查询适配 利用html标签为基准，然后用rem设配页面 2\. 插件postcss pxtorem 他是postcss插件 配置如下： 在我们的 文件里面，你可以自由的使用 ，在打包的时候 插件，他会自动将 转化成 3\. 利用js动态修改根元素的 利用js，无论视口宽度如何变化，页面元素都会根据基准值动态调整大小，确保良好的适配效果。在加上px转化为rem的技术更是提高了适配的灵活性。 工具函数 app 组件使...
使用 uni-app 开发 APP 并上架 IOS 全过程
介绍 本文记录了我使用uni app开发构建并发布跨平台移动应用的全过程，旨在帮助新手开发者掌握如何使用uni app进行APP开发并最终成功上架。通过详细讲解从注册开发者账号、项目创建、打包发布到应用商店配置的每一步骤，希望我的经验分享能为您提供实用的指导和帮助，让您在开发之旅中少走弯路，顺利实现自己的应用开发目标。 环境配置 IOS 环境配置 注册开发者账号 如果没有开发者账号需要注册苹果开发者账号，并且加入 “iOS Develo...
前端安全领域
在前端开发领域，前端安全经常被公司忽视，这些公司大部分都是以业务为中心的公司，认为前端只是页面仔，画个页面调个接口，能有多大安全隐患？下面我将举几个前端安全相关的例子！ 下面这些内容都还是基于前端开发层面的思考和总结，在处理安全漏洞方面，前端是存在一定的局限性，所以前端的防护措施只是第一道防线，后端的安全验证和防护同样很重要。 ### 什么是XSS 它指的是攻击者通过在网页中注入恶意的脚本代码（一般是 JavaScript 代码），当其...