React中的CSS方案 内联样式 内联样式是官方推荐的一种css样式的写法 style 接受一个采用小驼峰命名属性的 JavaScript 对象，而不是CSS 字符串 并且可以引用state中的状态来设置相关的样式 内联样式的优点 内联样式，样式之间不会有冲突 可以动态获取当前state中的状态 内联样式的缺点 写法上都需要使用驼峰标识 某些样式没有提示 大量的样式， 代码混乱 某些样式无法编写(比如伪类 2023-02-12 CSS React
React生命周期总结 生命周期（新）先看图 对比 （旧）生命周期对比俩张图发现，旧版的废弃了三个”will”,引来了俩个”get” 废弃： componentWillMount componentWillReceiveProps componentWillUpdate 新增： getDerivedStateFromProps getSnapshotbeforeUpdate getDerivedStateFro 2023-02-11 React
toTixed四舍五入不准的问题的解决 项目中发现用toFixed来实现四舍五入与预期出现了不一致的BUG，经过搜索发现tofixed不是严格按照四舍五入来的，通过重写原型方法的方式解决了该问题，将修改方法记录如下方便之后使用： 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657 2022-11-08 JavaScript
TypeScript学习总结之泛型 泛型在像 C#和 Java 这样的语言中，可以使用泛型来创建可重用的组件，一个组件可以支持多种类型的数据。 这样用户就可以以自己的数据类型来使用组件。 123456// T : 泛型变量 | 类型变量function identity<T>(arg: T): T { return arg;}identity(123);identity('123& 2022-10-06 JavaScript TypeScript
TypeScript学习总结之接口 接口 interface 在 TypeScript 学习总结之基础类型 那一章节中，我稍微学习了一下 接口 interface， 对它有了初步了解， 接下来总结的是 TS 文档接口这一章节。 函数类型以官方文档代码为例， 我分析了几种函数注解的方式： 方式一: （最常见的） 123456789interface SearchFunc { (source: string, su 2022-10-05 JavaScript TypeScript
TypeScript学习总结之函数 函数的注解方式函数声明的注解方式 注解 参数和返回值 123456789101112function test(a: number, b: number): number { return a + b;}function test1(a: number, b: number): void { console.log(a + b);}func 2022-10-03 JavaScript TypeScript
TypeScript学习总结之类 类的注解方式123456789class Animal { name: string; constructor(theName: string) { this.name = theName; } move(distanceInMeters: number = 0) { console.log(`$ 2022-10-03 JavaScript TypeScript
TypeScript学习总结之基础类型 对 TypeScript 的认识TypeScript 是什么？ TypeScript 是 JavaScript 的超集，他扩展了 JavaScript 的语法，所以任何现有的 JavaScript 程序可以不加改变的在 TypeScript 下工作 TypeScript 是开发大型应用的基石。 TypeScript 提供了更丰富的语法提示， 在编写阶段能够检查错误。 与 JavaScrip 2022-10-02 JavaScript TypeScript
浏览器的运行原理 浏览器工作原理先考虑一个常见的问题：页面输入 url 到页面渲染，发生了什么？ 比如我输入一个 baidu.com 然后敲下回车 浏览器会通过 DNS 服务器，将 url 解析为 IP 地址 会通过 IP 地址，找到相应的服务器，建立 TCP 连接，（就是三次握手），向服务器发送 http 请求 服务器接收请求，返回 http 报文、浏览器接收后，得到 html 代码 浏览器解析 html 代码 2022-07-27 JavaScript 浏览器
强缓存与内容协商 强缓存强缓存：不用请求服务器，直接使用本地的缓存。 强缓存是利用 http 响应头中的Expires或Cache-Control实现的。 浏览器第一次请求一个资源时，服务器在返回该资源的同时，会把上面这两个属性放在 response header 中。比如： 注意：这两个 response header 属性可以只启用一个，也可以同时启用。当 response header 中，Expires 2022-07-25 http https 缓存
