heyheyian

使用antd的upload组件上传图片坑多，这篇文章分享的就是通过next.js前端使用antd的upload组件上传，并在next.js的api目录下实现后端的接口把前端上传的图片传给阿里云oss

前言 最近看到小米 12S Utra 的发布，看了下详情页面，发现演示的照片都好看的，包含了品牌、设备、镜头、位置等信息，如下图所示： 作为一个摄影爱好者，也希望把自己的照片也输出这些信息。 但目前此

在一些直播场景，或者屏幕录制场景，希望可以把自己的头像通过摄像头放在桌面显示，增加互动性。 一些会议软件是支持这个能力的，但通常会把摄像头的内容放在一个方框里，显得不太好看，而且还得额外打开一个会议软

写之前，我回头看了我2021年的年终总结——《# 回望我的前端之路，无愧 —— 2021年终总结》。 看看那时候立的Flags，很开心我用了半年，就完成了最艰难的一条：跳槽到更好的地方。 嗯，我一个三

大家好，我是 Steven。 如果是单纯的逐个图标放大，其实就没什么难度。不过我们的作风是，要做就做得够细致，当游标在同一个图标上左右移动时，都会影响到左边和右边的图标大小的，达到一个很连贯的效果，这个就是今次的难度所在。 好了，那我们就开始吧。 打开 CodePen 编辑器，…

通过混合模式 `mix-blend-mode` 巧妙的实现文字的镂空波浪效果，简单且有趣的小技巧~~

通过递归的方式去过滤去用户的路由权限，通过router.addRoutes()动态添加所有符合权限的路由，当然这种方式需要依赖后端。对于不同角色的用户，是由后端将路由列表告诉给前端注册 拦截器拦截接口返回结果，比如401没有登录权限。

目前版本单元测试相关情况 vue-next-coverage。 Vue 的核心之一就是响应式系统，通过侦测数据的变化，来驱动更新视图。 通过可响应对象，实现对数据的侦测，从而告知外界数据变化。实现可响应对象的方式： API 本身存在较多问题。 Vue2.x 中，实现数据的可响应…

TypeScript 是一种由微软开发的自由和开源的编程语言。它是 JavaScript 的一个超集，而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。 TypeScript 提供最新的和不断发展的 JavaScript 特性，包括那些来自 2015 年的 ECM…