前端学习笔记

使用 css 新功能 timeline-scope，实现导航栏高亮状态根据页面位置变化，同时导航栏点击事件后页面位置随之改变，即实现双向绑定。

如果在使用 a-form 来实现表单填写时，ref="formRef"必不可少！ 而且，ref 绑定的字段，和model 绑定的字段不能一样！

想在在父子组件中实现数据的 sync ， 需要借助计算属性 computed 的读写方法 和 update: 修饰。

提供基于 Vue2 + elementUI 和 Vue3 + arco-design 这2种情况下，带文本溢出检测的 tooltip 组件封装方式。

通过 JavaScript 获取浏览器内各类高度和事件触发位置相对各个层级的位置，主要通过系统提供的window中的属性获取，其中视窗对应client、页面对应page、DOM对应offset。

浅谈4中禁止选中的情况，包括 cursor（鼠标样式） 、user-select（禁止选择） 、 -webkit-userdrag（禁止拖动）、tabindex（禁止Tab键focus）。

动态绑定类名 :class 与对象类型数据结合时一个有趣的现象：value 为 true 的属性 key 会绑定到元素作为类名。因此，衍生出控制一组元素的 focus/active 功能。

JavaScript 中运算符优先级： ** 幂运算符的优先级 经测试，幂运算符 ** 优先级在 * 等之前，++ 等之后。 连续 ** 幂运算顺序是从右往左进行的。

实现 el-radio 的取消选择功能，同时保留原有单选效果。 修改样式时 focus 自带样式的修改。

1 一般SVG图标颜色可以直接通过 color 属性修改; 2 image类的SVG则通过添加阴影和偏移量实现。

vue2.0 的computed 中使用 this，一般函数可以直接调用，箭头函数要用第一个参数代替。

通过添加 mousedown、mouseup、mousemove事件，用简单的代码为 DOM 添加拖拉拽功能。

在 THREE.js 的 GUI 控件中直接操作 Vue3 的数据，直接把用 `ref()` 定义的数据直接当对象使用，其 `value` 当属性使用。

? 运算符一般有3个用法：条件运算（? :）、熔断（?.）、判断保护（??），本质是在判断前序 值/表达式 的状态，判“非”、判“存在”、判“空”等等。

按照需要居中的元素种类，将元素居中的方法分为文字、块级元素和脱离文档流元素三类。掌握这三类元素的居中，基本就能应对超90%的使用场景。

Map对象的遍历方法：for of直接使用，或与 entries、keys、values方法结合；forEach的使用，回调函数参数value、key、map。

简介 二分查找算法时间复杂度 o(log(n))，空间复杂度 o(1)，从使用场景上可以大致分为4种：1.查找有序序列中目标值；2.在有序序列中找到目标值的插入位置；3.找边界；4.旋转数组找极值。

JS中数组 Array 的方法汇总，已分类并可通过目录查询，包含数组创建、取值、操作、遍历等等，对方法逐一分解介绍。