随笔分类 - 进阶
主要记录TypeScript，Three.js，RxJS，Node.js以及Python
摘要：CSS 新属性 content-visibility 主要用来提高页面渲染性能，它可以控制一个元素是否渲染其内容，并且允许浏览器跳过这些元素的布局与渲染 visible：默认值，没有效果。元素的内容被正常布局和呈现。 hidden：元素跳过它的内容。跳过的内容不能被用户代理功能访问，例如在页面中查找
阅读全文
摘要：useState setState 可以设置具体的值，也可以通过函数，利用先前的值计算得出 setState(prevState => { // 也可以使用 Object.assign return {...prevState, ...updatedValues}; }); useEffect 若在
阅读全文
摘要：代码分割，使首屏页面加载的更快 根据情况采用代码分割（比如某个体积相对比较大的第三方库或插件（比如JS版的PDF预览库）只在单页应用（SPA）的某一个不是首页的页面使用了，这种情况就可以考虑代码分割，增加首屏的加载速度） React 的懒加载 import React, { Suspense } f
阅读全文
摘要：图片预览功能可直接使用Antd4中的Image组件 upload组件不再需要手动添加uid了，Antd4中组件默认添加uid 文本超过范围显示... 不需通过css样式实现，可直接用Typography组件中的Text组件 form组件写法改成antd4写法，用useForm()，使代码量更简洁 徽
阅读全文
摘要：React 介绍 它是一个用于构建用户界面的JavaScript库，通过组件化的方式解决视图层开发复用的问题，本质是一个组件化框架。 声明式、组件化、通用性（一次学习，随处编写） 声明式？ 组件化？ 通用性？ 为什么React要用JSX JSX 是一个 JavaScript 的语法扩展，或者说是一个
阅读全文
摘要：操作： 在项目中的任意位置新建一个文件夹并进入该文件夹 mkdir zppsakura-npm-demo 初始化一个 package.json npm init --yes (--yes 表明用默认的配置信息，可不加) { "name": "zppsakura-npm-demo", // 包名 "v
阅读全文
摘要：TypeScript之接口&函数 一、什么是接口？ 在面向对象语言中，接口（Interfaces）是一个很重要的概念，它是对行为的抽象，而具体如何行动需要由类（classes）去实现（implements）。 TypeScript 中的接口是一个非常灵活的概念，除了可用于对类的一部分行为进行抽象以外
阅读全文
摘要：一、什么是弱类型语言？强类型语言？ 强类型是指不允许隐式变量类型转换，弱类型则允许隐式类型转换。 换句话说： 强类型语言，当你定义一个变量是某个类型，如果不经过代码显式转换（强制转化）过，它就永远都是这个类型，如果把它当做其他类型来用，就会报错 —编译型 弱类型语言，你想把这个变量当做什么类型来用，
阅读全文
