Azbtt的博客

从项目的角度，项目都有写，但关于简历的项目还没有完全结尾，寒假收下尾。猿课堂教育（完结）小组招新系统（完结）青邮（小 bug+域名）小组官网（完善项目亮点填写）CoderHelper（功能没写完）​ 关注小组工作总结上，主要体现在大二和大三。

渲染就是将html字符串传成可以显示的一个个像素点的过程。//转换过程渲染进程将 HTML 内容转换为能够读懂的** DOM 树**结构。渲染引擎将 CSS 样式表转化为浏览器可以理解的，计算出 DOM 节点的样式。创建布局树，并计算元素的布局信息。对布局树进行分层，并生成分层树。为每个图层生成绘制列表，并将其提交到合成线程。合成线程将图层分成图块，并在光栅化线程池中将图块转换成位图。合成线程发送绘制图块命令 **DrawQuad **给浏览器进程。

个人生活上：遇到事情多思考，每天给自己至少20分钟来冥想与思考。继续锻炼身体，作息规律，保持充足的睡眠。短视频平台设置半小时时间锁，碎片化时间多用来信息与思考。学习计划上：每天按时完成自己定下的每日计划。做过的项目认真规则与总结，找出自己的亮点，学习别人的亮点。复习与巩固学习过的知识，面经在这学期结束前至少过一遍。愁思如潮涌心头，唯愿时光不负卿！一起共勉！一起成为别人想要成为的人！

最近在写的一个分布式调度系统，后端同学需要让我传入cron表达式，给调度接口传参。react+typescript+moment+semi-ui实现cron表达式，0 11 20 * * ?，时间转换函数，日期转换函数，组件完整代码，使用方法，实现效果，环境配置

react+IntersectionObserver实现渐进丝滑帧动画，效果展示， 技术实现：加入animation动画类，加入IntersectionObserver监听，监听dom元素的进入，加入class类。动态效果页面，普通的静态页面。

Next.js项目初始化。性能优化，SSR，SEO，github地址开源。脚手架搭建，目录介绍，reduxjs/toolkit集成，集成网络请求request封装，集成ant-design。

我也是有段时间没写过总结性的博客了。最近是很忙的，尤其是年会那两天，我甚至可以说那是我这辈子目前最忙的两天。但这段经历还是很值得我记录下来的，给后面有需要的人提供一些建议。我个人也是第一次筹办这种大型些的活动，这对我个人来说有不小的感触。

该md旨在给团队后面有需要维护学校官网任务的同学使用。

路由匹配优先级， 即预定义路由优先于动态路由，动态路由优先于捕获所有路由。来自资源：imooc。

Next.js 是一个React框架，支持CSR、SSR、SSG、ISR (Incremental Static Regeneration)等渲染模式。

关于SSR的概念和其优缺点，Node.js + Express + Vue3实现SSR的前端项目搭建，服务端server，client客户端渲染。Node服务器端渲染(SSR概念篇)，项目介绍，目录。。SSR的实现重点是在服务端生成页面的元素 DOM等返回给浏览器。用前端框架编写app.js脚本，引入框架的组件编写服务器端返回静态html页面的接口在静态html中，加入前端框架 的组件在静态html中，加入前端框架的客户端脚本，使静态页面加入前端框架，实现交互功能。

单页应用程序 (SPA) 全称是：Single-page application，SPA应用是在客户端呈现的（术语称：CRS）。Node服务器端渲染(SSR概念篇), 单页应用程序（SPA）,爬虫-工作流程搜索引擎的优化 静态站点生成（SSG）（SEO）服务器端渲染（SSR）SSR 解决方案

安全问题"很常见”，会危害。

*帧(frame) **: HTTP/2通信的最小单位,每个帧都包含帧头，至少也会标识出当前帧所属的数据流。二进制消息:与逻辑请求或响应消息对应的完整的一系列帧。数据流:已建立的连接内的双向字节流,可以承载一条或多条消息。HTTP/2连接都是永久的，而且仅需要每个来源一个连接流控制:阻止发送方向接收方发送大量数据的机制HTTPS经过 **TSL/SSL **加密对称加密: 加密和解密都是使用同一个密钥非对称加密。

软件工程中，我们不仅要创建一致的定义良好的API.，同时也要考虑可重用性。组件不仅能够支持当前的数据类型,同时也能支持未来的数据类型，这在创建大型系统时为你提供了十分灵活的功能。在像C#和Java这样的语言中，可以使用泛型来创建可重用的组件，一个组件可以支持多种类型的数据。这样用户就可以以自己的数据类型来使用组件。泛型的语法是令里面写类型参数，一般用T表示;使用时有两种方法指定类型:定义要使用的类型通过TS类型推断，自动推导类型泛型的作用是临时占位，之后通过传来的类型进行推导;

总之，HTML语义化是一个良好的编码习惯，能够提高网页的可读性、可维护性和可访问性，同时也有助于SEO优化和提高用户体验。

如果生成的render出来后就不会改变里面的内容，那么你不需要指定key（不指定key时，React也会生成一个默认的标识）,或者将index作为key，只要key不重复即可。key = 0 的时候 旧的虚拟DOM 内容是张三 新的虚拟DOM为王五 ，react认为内容改变，从而重新创建新的真实DOM.key = 1 的时候 旧的虚拟DOM 内容是李四，新的虚拟DOM为张三，react认为内容改变，从而重新创建新的真实DOM。但是如果你的标签是动态的，是有可能刷新的，就必须显示的指定key。

(1) . setState(stateChange , [ callback ]) -- -- -- 对象式的setState 1. stateChange为状态改变对象(该对象可以体现出状态的更改) 2 . callback是可选的回调函数 , 它在状态更新完毕、界面也更新后(render调用后) 才被调用(2) . setState(updater , [ callback ]) -- -- -- 函数式的setState 1 . updater为返回stateChange对象的函数。

但是，有一个函数 batchedUpdates，该函数会把 isBatchingUpdates 修改为 true，而当 React 在调用事件处理函数之前就会先调用这个 batchedUpdates将isBatchingUpdates修改为true，这样由 React 控制的事件处理过程 setState 不会同步更新 this.state。我们都说Re act是一个状态机，体现是什么地方呢，就是体现在state上，通过与用户的交互，实现不同的状态，然后去渲染UI,这样就让用户的数据和界面保持一致了。

创建一个SpringBoot工程，选择引入对应的起步依赖（web、mybatis、mysql驱动、lombok） (版本选择2.7.5版本，可以创建完毕之后，在pom.xml文件中更改版本号)第3步：配置文件application.properties中引入mybatis的配置信息，准备对应的实体类。准备对应的Mapper、Service(接口、实现类)、Controller基础结构。

这是关于如何通过 React 设置和使用 Redux Toolkit 的简要概述。使用configureStore创建 Redux storeconfigureStore 接受 reducer 函数作为命名参数configureStore 使用的好用的默认设置自动设置 store为 React 应用程序组件提供 Redux store使用 React-Redux 组件包裹你的传递 Redux store 如。

react18+ts4的项目初始化（带路由配置，ReduxToolkit，axios封装）（附github地址）

这俩星期刚开始学习React，不过目前进展很是缓慢。主要因为学校有两个网站找我和一个同学在维护，挺让人头皮发麻的，因为那玩意维护起来挺麻烦的。网站是通过一个平台去部署，创建的，那个平台看样式就知道是许久没有维护过的网站，bug层出不穷，导致这俩星期学习零零散散的。害，挺难受，那种没有什么实际作用，对自己也没啥能力提升的活，以后能避免就避免吧。

原生js重写confirm（可自定义）

深入了解浏览器中的Event loop，同步异步，宏微任务

博客地址

class 类名 {属性名: 类型;constructor(参数: 类型){this.属性名 = 参数;方法名(){....console.log(`大家好，我是${this.name}`);使用类：const p = new Person('孙悟空', 18);抽象类是专门用来被其他类所继承的类，它只能被其他类所继承不能用来创建实例bark(){console.log('动物在叫~');run(){console.log('狗在跑~');

TS同样也可以结合构建工具一起使用，下边以webpack为例介绍一下如何结合构建工具使用TS；以使其可以兼容到更多的浏览器，在上述步骤的基础上，通过以下步骤再将babel引入到项目中；对于例如：Promise等ES6特性，TS无法直接转换，这时还要用到babel来做转换；除了webpack，开发中还经常需要结合babel来对代码进行转换；通常情况下，实际开发中我们都需要使用构建工具对代码进行打包；虽然TS在编译时也支持代码转换，但是只支持简单的代码转换；在src下创建ts文件，并在并命令行执行。

相当于data和computed和methods的属性。也可用来检查数组的变化。

其实这个寒假确实有在坚持一件事情，就是锻炼身体，每天差不多都会有差不多一个小时的锻炼，并且除了一些的特殊情况，我还真的做到了，甚至在年后还可以有个比较理想的身材，但现在看来，确实是没有必要吧......不过我想，健身这种事情我都可以坚持，像每天算法，单词的小事，为什么不能坚持呢？回想大二上学期和这个寒假，我感觉，相比于我大一的热血沸腾，大二貌似少了几分的激情，现在想想着实是有些的惭愧呢，相比于一起学习的某些同学，我感觉我的知识储备欠缺的不只是一星半点。如标题，我刚开学，现在也是大二下学期第一次到小组学习。

Vue中数组的列表渲染；基本的列表（v-for的基本使用）；key的原理；v-for渲染数组，数组改变，页面不渲染问题

java动态规划和递归的区别，java动态规划的用法，例题

初始化vue项目

面试心得

用hexo中的matery主题搭建个人博客，优化主题个性化，将CSND的文章转出md格式部署个人博客上

用node建立websocket通信实现聊天室，包含鉴权，心跳检查，断线重连

Vue路由笔记,路由守卫,路由器的两种工作模式

Vuex学习笔记

Vue脚手架的基本使用

js和java交互websocket实现实时聊天