ALKAOUA

在面试中难免会被问到 Vue2 和 Vue3 的相关知识点的实现原理和比较，面试官是步步紧逼，一环扣一环。 Vue2 的数据响应式原理是怎么样的？ Vue3 的数据响应式原理又是怎么样的？

前言 可乐是一名前端切图仔，最近他们团队需要做一个文章社区平台。由于人手不够，前后端部分都是由前端同学来实现，后端部分用的技术栈是 nest.js 。 某一个周一，领导希望做一个给文章点赞的功能，在文

vue实现双向绑定原理，主要是利用Object.defineProperty 来给实例data的属性添加 setter和getter. 并通过发布订阅模式（一对多的依赖关系，当状态发生改变，它的所有依赖都将被通知）来实现响应。 Observer 用来监听拦截data的属性为监察…

在 web 应用程序中性能至关重要。你可以拥有世界上最漂亮、最吸引人的网站，但如果它不能在浏览器上快速加载，人们会倾向于略过它。要想使你的网站表现得非常好，可能相当棘手。这是因为 web 开发中存在许多瓶颈，例如耗费性能的 JavaScript、解析缓慢的 web 字体显示、 …

这种写法可不用写死宽高，实现随内容改变而改变，简直完美。[doge][doge][doge][doge]

修改后的大致思路是这样的。 再有了上面nodejs的版本后，再通过Electron就可以打包成客户端的形式，如果在不集成到脚手架的情况下也可以享受更加便利的压缩图片。

前言（需求背景） 基于当前由后端压缩的图片，图片请求时会产生302的情况，导致页面加载速度变慢，以及前端传输未压缩的图片会占用服务器更多带宽等方面的考量。对前端实现图片压缩技术进行调研。

由于手机屏幕尺寸不一样，分辨率不一样，或者需要考虑横竖屏的问题，或者考虑到移动端兼容性。这时候你也就不得不解决在不同手机上，不同情况下的展示效果，所以就需要一个开箱即用并且行之有效的移的移动端适配方案

这里选用png图片来进行不同方案的比较。 png/jpg/webp的区别简介 算法 jpg是有损压缩，图片的视觉效果较差，压缩效果好，输出的图像体积很小 png是无损压缩，图片的视觉效果较好，压缩效果