分类: JavaScript

文章分类
CSS 15 Git 4 Axios 4 hexo 1 JavaScript 11 Vue3 3 Web 1 Vue 1 插件&工具使用 1 TypeScript 4 HTML 2 vuex4 1 Vite 1
                            
                            类class（JS & TS）
                        
                                1. 类的定义
使用class关键字；
在严格模式下，需要给属性初始化。
直接初始化，或在constructor中初始化都可以。

class Person {
    name: string = '',  //
                            
                                2022-11-12
                            
                                    JavaScript
                                
                            JavaScript
                        
                            更新中
                        
                            TypeScript
                        
                            JavaScript中的操作符
                        
!! 和 ??

1.1  !!的含义：
在JS中，当想把一个数据转为布尔类型时：

可以直接取反，这样返回的就是布尔类型；但这样值也就反了，所以再取反得到正确的值。

类似于 Boolean(变量) 的方式。

1.2  ??  
                            
                                2022-11-06
                            
                                    JavaScript
                                
                            JavaScript
                        
                            JSX基本语法&使用
                        
JSX文档：https://zh-hans.reactjs.org/docs/introducing-jsx.html
PS：我只记录了一些注意点，前置的使用示例&语法未在本篇笔记中。

1. jsx使用配置
babel配置 ：

                                2022-10-16
                            
                                    JavaScript
                                
                            JavaScript
                        
                            JSX
                        
                            JS获取视频任意进度
                        
利用视频的 duration 获取视频相关信息。

利用 addEventListener 事件监听的相关事件👇🏻，可以获取各个播放进度&在不同阶段操作数据。

play： 视频开始播放 。
playing： 视频播放过程中 
                            
                                2022-09-16
                            
                                    JavaScript
                                
                            JavaScript
                        
                            JS精度丢失&解决
                        
0.1 + 0.2 !== 0.3;

精度丢失的原因：

计算机中所有的数据都是以二进制存储的，所以在计算时计算机要把数据先转换成二进制进行计算，然后在把计算结果转换成十进制。
二进制计算发生了精度丢失，导致再转换成十进制后和预计的结果
                            
                                2022-09-06
                            
                                    JavaScript
                                
                            JavaScript
                        
                            更新中
                        
                            重绘&回流(重排)
                        
重绘：repaint；
回流/重排：reflow。

重绘：不影响任何布局的style变化。
color、text-align、a: hover、
重绘的速度会明显快于回流。

回流：引起布局改变的style变化。
长/宽/高、bor
                            
                                2022-09-05
                            
                                    JavaScript
                                
                            JavaScript
                        
                            更新中
                        
                            JS深拷贝
                        
                                拷贝的对象可能是多层级的，要确保深层嵌套也一样，可以使用递归，所以：

如果是原始类型 =》 直接返回，无需继续拷贝。
如果是引用类型 =》 创建新对象，遍历要克隆的对象&将对象属性深拷贝后依次放入新对象中。

完善过程：（最终版拉
                            
                                2022-08-17
                            
                                    JavaScript
                                
                            JavaScript
                        
                            更新中
                        
                            如何终止多层循环
                        
                                1. 使用for的情况下
给外层和内层循环分别使用标签语句起个名字   (红宝书P167，3.6.7章节。)
通过 break 标签语句    的形式选择中止哪一层循环。

具体代码示例：

其他方法：外层循环条件表达式里加一个布尔值与运算
                            
                                2022-08-07
                            
                                    JavaScript
                                
                            JavaScript
                        
                            更新中
                        
                            事件循环event loop
                        
从浏览器多进程到 JS 单线程，JS 运行机制最全面的一次梳理：https://segmentfault.com/a/1190000012925872#articleHeader17
参考自：晓舟的系列视频 前端面试题：JavaScri
                            
                                2022-05-06
                            
                                    JavaScript
                                
                            JavaScript
                        
                            更新中
                        
                            Promise总结
                        
                                关联笔记：Promise补充    事件循环event loop

1. 一些需要知道的前置内容1.1 实例对象与函数对象
实例对象：new函数产生的对象，称为实例对象，简称对象。
函数对象：将函数作为对象使用时，简称函数对象。

看以下对
                            
                                2022-02-27
                            
                                    JavaScript
                                
                            JavaScript
                        
                            更新中
                        
                            JS小总结
                        
                                1. 函数
在实际开发中，经常会使用一个变量来接收函数返回的结果。
return 有终止函数的作用，return 后的语句不会被执行。
return 只能返回一个值。（有多个时返回最后一个）
所以当要 return 返回多个时，可以使用数组
                            
                                2021-09-11
                            
                                    JavaScript
                                
                            基础回顾
                        
                            JavaScript