搭建个人博客网站时,前台博客详情页代码块的显示优化 搭建个人博客网站时,使用Nodejs+Mysql+Express实现服务端接口管理,博客前台使用Nuxt3+Element-Plus+TypeScript实现,在博客详情页展示内容时怎样使页面可读性更强?
ReactHook中使用useState更新变量后,怎么拿到变量更新后的值 const [count, setCount] = useState(0);为什么count变量更新后不能立即拿到新值?因为setCount函数用于更新 count值。它接收一个新的 count 值并将组件的一次重新渲染加入队列中,在组件的重新渲染中,useState()返回的第一个值始终是count更新后的新值,所以如果组件还未重新渲染就直接读取count变量的话,拿到的就是未更新的旧值;...
Nuxt中全局路由守卫的写法 1、在middleware中定义,全局middleware或布局middleware中;(server端执行)全局middleware中定义:a、在middleware文件夹下新建auth.js文件,在此文件中通过上下文对象context.route实现路由拦截;b、在nuxt.config.js文件的router配置项中引入该中间件;// auth.js文件:export default function ({store, route, $axios, redirect, req})
JS中数组遍历方法 示例中的数组为:var arr = [ { id: 1, name: '王昭君' }, { id: 2, name: '安琪拉' }, { id: 3, name: '鲁班七号' },];var nums = [1, 2, 3, 4, 5];1. 普通for循环;for (let i = 0; i < arr.length; i++) { console.log(arr[i], i);}2,forEach循环;arr.forEach((ele, inde
diff算法浅析 本文主要对最近学习的diff算法做个总结,会对node节点存在key时的diff算法和节点key不存在时的diff算法进行浅析,节点key存在时的最大索引法,双端比较法,最长递增子序列法进行逐一学习;会结合部分源码函数进行代码分析和执行分析;1. 节点没有key值时所采用的算法;Vue3中在节点没有key的情况下采用的算法;1.1 遍历新旧节点数组中长度较小的节点数组,应用patch函数进行更新;1.2 对比新旧节点数组的长度,如果newNodeChild.length > oldNode.
canvas绘制图形的相关API 1.直线:不同的端点样式;2.弧线;3.二次曲线;4. 矩形;5. 线性渐变;6.径向渐变;7. 通过图像数据获取原始图像的黑白版;8. 图像尺寸;以上实现的相关代码放在了:css-animation/canvas at main · 809877665/css-animation · GitHub全文参考:《javaScript高级程序设计》第四版...
Vue组件按需引入时v-if和v-show的区别 普通加载: 在父组件中先import子组件,然后在components模块中注册子组件,在进 入页面时,会随着加载当前页面的js文件就加载子组件的内容;子组件的内容和父组件的内容在同一个js文件;按需加载:子组件显示的时候,才会去加载子组件的内容;子组件内容和当前页面的js不是一个文件;v-if: 在条件为真时才去加载需要显示的组件;条件为真时元素才会渲染出来;v-show: 不管条件是否为真,在一进入页面就会去加载组件;且页面上元素已经渲染了,只是将其隐藏而已;组件引用时使用按
<<浏览器工作原理与实践>>读书笔记 1. 进程和线程的区别概念:进程:操作系统进行资源分配和调度的基本单位;程序的运行实例;(在我们启动一个程序的时候,操作系统会为该程序创建一块内存空间,用来存放代码,运行数据,和执行任务的主线程,这样的运行环境称为进程)线程:是程序执行的最小单位;不能单独存在,由进行启动和管理;区别:1)进程中任务线程执行出错,都会导致整个进程崩溃;2)线程共享进程中的数据;3)当一个进程关闭后,操作系统会回收该进程占用的内存空间;4)进程间内容相互隔离;5)一个进程可由一个或多个线程构成,