Ainz

以下内容是2023年7月17~10月16日自己每周学习的记录，偶尔穿插一些个人的思考，希望可以和大家共同进步。

去年，23年10月中旬写了“我最近3个月的前端专业学习记录”，今天我掐指一算，完蛋，超时了，说好一季度一总结的，结果都4个月了，赶快补上。 时间范围是23年10月16日-24年2月18日，以周为单位。

花了大半天的时间，从研究数据的结构，手动录入数据，到算法的实现，ts类型的定义，实现了属于自己的 原神圣遗物计算器， 可以根据提供的需求，计算出合适的套装

本篇介绍了各类弹层开发过程的体验注意点，同时给出了示例代码。随着沉浸式体验的推动，弹层会越来越多，建议各位开发同学也能够多多思考弹层如何改善用户体验。

手撕轮播图可能是很多前端初学者的噩梦，很多公司为了考察考生的基础知识掌握情况，通常会出一道手撕轮播图的题。虽然很多人看不起这道面试题，但是却很多人都无法写出正确的代码，甚至是已经工作一段时间的开

当被问到 Vue 数据双向绑定原理的时候，大家可能都会脱口而出：Vue 内部通过 Object.defineProperty方法属性拦截的方式，把 data 对象里每个数据的读写转化成 getter/setter，当数据变化时通知视图更新。虽然一句话把大概原理概括了，但是其…

排序算法是面试中的高频考察点，我们需要熟练掌握。本文整理了最经典、最常用的排序算法并且搭配了动图和视频，希望能够帮助你更加轻松的理解它们。 顾名思义，比较类排序是通过元素间的比较进行排序的，非比较类则不涉及元素之间的比较操作。 比较类排序的时间复杂度不能突破 O(nlogn)，…

在 Web 安全领域中，XSS 和 CSRF 是最常见的攻击方式。本文将会简单介绍 XSS 和 CSRF 的攻防问题。

在 Vue 的文档中介绍数据绑定和响应时，特意标注了对于经过 Object.freeze() 方法的对象无法进行更新响应。因此，特意去查了 Object.freeze() 方法的具体含义。 Object.freeze() 方法用于冻结对象，禁止对于该对象的属性进行修改（由于数组…