肌G

大家好，我是沐华。最近一个粉丝公司项目由 Vue2 升级到 Vue3 了，他有好多不会用的，所以我就写了这篇开发文档，包含了 Vue3 开发中使用的所有语法，助他快速上手 Vue3 项目开发

通过face-api.js，快速获取到人脸数据，快速求出人脸左右倾斜，从而做到通过左右歪头趣味选择图片

今天，有在群里看到这样一个问题：有一个动画，一开始静止处于第一帧，只在用户 hover 的时候运行动画，在运行一次后停止，并且停留在最后一帧，使用 CSS 可以完成么？ 像是这样： 一个非常有意思的问

你知道当一个人的头像从一个圆圈或洞里伸出来时的那种效果吗？本文将使用一种很简洁的方式实现该悬停效果，只用了一个img元素和不到20行的CSS技巧实现一个炫酷的头像悬停效果

元素拖拽是一个比较典型的前端学习案例，需要对 JavaScript 的事件有一定的了解，我也是在最近的工作中才重新拾起了这块内容，通过在 Vue3 这种声明式编程风格的框架中把元素拖拽一次讲清楚。

Vue3 发布（2020年09月18日）至今其实有一段时间了，虽然之前关注过许多关于 Vue3 的介绍，心理也一直很痒痒，寻思有一天一定要亲自试试，没想到一拖就拖了 1 年多 🤦 我上家公司是在使用

在前端开发中，设计模式是解决特定问题的经验总结和可复用的解决方案。设计模式可以提高代码的复用性、可维护性和可读性，是提高开发效率的重要手段。我们一起来看下7种前端开发中必须掌握的设计模式🚀。

针对移动端 web 而设计 类似原生 APP 应用，小程序应用的导航体验，即前进刷新后退不刷新 保存滚动位置（默认为 `true`），在离开该页面时自动保存滚动位置，待返回后恢复保存的滚动

不要用vue2.x的思维去写vue3.x，两者虽是同源，但是sfc与setup的代码组织方式有一定的差别。