- 博客(6)
- 收藏
- 关注
RSS订阅原创 初识 d3 selection
d3.js是一个用于数据图形化的 javascript库,有点类似于 jQuery.与 jQuery不同的是,它除了能操作 dom以外,还具有数据绑定的功能,这对于动态数据的展示非常友好.刚开始看 d3的文档会比较难以理解,因为官方文档是按照模块一个一个排列展示的,这种方式对于已经了解 d3的人比较友好,可以直接查看想要的模块,但是对于初识 d3的人不太友好,因为模块之间并不是渐进的关系.这篇文章让我们先来认识一下 d3 selection模块.
2024-09-03 17:16:44
1161
原创 如何搭建一个 React SSR 应用
一个单纯的 React 应用, 当用户访问其网站的时候, 服务器返回给用户的是一个没有"内容"的 html 文件, html 文件里只会包含一个 js 文件(即 React 打包出来的 js 文件), 而页面的具体内容是通过这个 js 文件渲染出来的.所以就有了 SSR 服务端渲染. SSR 应用 和 单纯的 React 应用相比, 当访问其网站时, 服务器返回给用户的 html 文件中不仅包含 js 文件还会包含页面的"内容".以上就是一个基础的 SSR 应用, 这是理解 SSR 的一个很好的开始.
2024-06-26 17:39:06
1664
1
原创 如何用 Webpack 搭建一个纯粹的 React 项目
本篇并不是一篇从零搭建 React 项目的文章, 本篇的目的是想把重点放在 webpack-dev-middleware 上, 理解开发服务器的工作, 为后续 ssr 的理解, 即服务端渲染打好基础.利用 InsCode, 不需要写太多的文字, 直接看代码反尔简洁明了, 可以看到一步步的过程.
2024-06-21 11:48:31
577
原创 如何提高 umi 框架的热更新速度
umi 之所以每次都要走这个方法, 是希望路由表能得到最及时的更新. 但是我们平时在开发时其实大部分的时间都是在开发页面, 而改动路由的概率并不大, 真的改动了路由, 重启一下服务就可以了.对于第 2 点, 当我们在开发项目的时候其实并不需要全部的路由, 大部分的时间往往只会专注在某几个路由上, 那么项目中的其它路由就可以忽略, 从而减少编译的时间.当使用约定式路由时, 每次热更新时 umi 都会遍历 src 文件夹下的文件来生成一份路由表. 当文件夹中的文件很多时, 每次遍历都会花费好几秒的时间.
2024-06-17 14:09:11
2496
原创 react-router 的路由匹配逻辑
本文针对的是 react-router v6在使用 react-router 的时候遇到了一个问题, 出于好奇写下了此文.当路径是 / 的时候, 页面会展示当路径是 /about 的时候, 页面会展示那么从直觉上来说, 当路径是一个任意匹配不到的路径时, 比如 /nothing 时, 页面至少应该展示Layout, 然后在Layout的出口处展示404页.但是实际的情况是整个页面都是一个404页.那 react-router 的内部匹配逻辑到底是什么样的呢?
2024-06-13 14:54:09
2100
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人