CCの日记|分享知识，记录生活

站点于2024/4/17更换域名，数据恢复。

SSR

Web之旅

对SSR有了解吗，它主要解决什么问题？ Server-Side Rendering 我们称其为SSR，意为服务端渲染指由服务侧完成页面的 HTML 结构拼接的页面处理技术，发送到浏览器，然后为其绑定状态与事件，成为完全可交互页面的过程；解决了以下两个问题： seo：搜索引擎优先爬取页面HTML结构

深拷贝方法

Web之旅

function deepCopy(obj) { if (typeof obj !== 'object' || obj === null) { return obj; } let newObj; if (Array.isArray(obj)) { newObj =

输入URl到看到页面发生的全过程

Web之旅

输入URl到看到页面发生的全过程 DNS解析建立TCP链接（3次握手）发送HTTP请求，从服务器下载相关内容浏览器构建DOM树和CSS树，然后渲染树。这是一个渐进式过程，引擎会力求最快将内容呈现给用户在第四步的过程中，<script>的位置和加载方式会影响速度完成，关闭TCP链接（4次握手

如何在antdpro中使用redux

Web之旅

如何在antdpro中使用redux redux是一个状态管理的库，和Vuex的作用差不多。当项目变得越来越大，状态管理也随之变得困难这是我们就需要使用状态管理库来协助开发。官方提供了相关工具redux-toolkit 1. 在项目中引入 react-redux和react-toolkit npm

类型缩小

Web之旅

类型缩小 function padLeft(padding:number | string,input:string){ return new Arry(padding + 1).jion("") + input //报错 } //padding为string的话就会出错正确写法： funct

Ant Design Pro中如何使用useModel

Web之旅

Ant Design Pro中如何使用useModel 一、新建Model 在 src/models 目录下新建文件，文件名会成为 model 的 namespace. 允许使用 ts, js, tsx(推荐), jsx(不推荐) 四种后缀。 eg. demo.ts 的 namespace 是 de

回调地狱

Web之旅

回调地狱概念：为了能够让函数按照顺序执行的结果，也就是回调函数里面嵌套回调函数。（一般用来解决异步问题） //地狱回调 setTimeout(function () { console.log('1');

antdpro中使用了路由权限，重定向失效了？

Web之旅

antdpro中使用了路由权限，重定向失效了？我想在antdpro项目中使用页面内的权限控制，变注意到了根据官网提示开启了access配置，在config.ts中配置access:{strictMode:true} 然后发现下面这个重定向失效了，并不会导航到、welcome，且页面显示无权限按理

Vue keep-alive

keep-alive是vue自带的内置组件，作用是将组建存在缓存当中，防止重复渲染DOM，属于消耗内存获取速度。常用的用法是将组建或者路由缓存，现有的用法vue2和vue3由细微差别在vue2中 <template>  <keep-alive>

Web之旅