要不要再学学下面的文章?
NextJS/React 加载远程组件 (innei.in)
写过文档的大佬们都知道 MDX 这个东西,对原本的 Markdown 进行了扩展,可以在 Markdown 中直接使用框架组件(React,Vue 等等)。
现在也有很多静态生成的博客使用 MDX 去编写博文,在博文中内嵌了 React 组件,在一些需要交互式的场景中,在传统的 Markdown 只能展示内容,而使用了组件就可以把死的文字变活。
MDX 的原理是在项目构建时,解析 Markdown 抽象语法树,把引入的组件进行了编译,然后嵌入到了文章内部。
而使用 MDX,就必须要引入编译时。而对于 CMS 类型的博客网站,因为内容都是动态生成的,就无法使用 MDX。
那么有没有办法去想一个歪路子去实现呢。
by @技术头条 2024-03-13 13:21 查看详情
缓解 Flarum 图片加载时的布局偏移 (zgq.ink)
现代的 Web 开发中,CLS(Cumulative Layout Shift)是一个关键的 性能指标,它主要关注用户在 Web 网页的使用中,发生意外布局偏移(Layout Shift)、影响用户体验的情况。导致 Layout Shift 的因素很多,这里主要讨论的是图片加载过程的影响。
by @技术头条 2024-01-28 23:56 查看详情
缓解 Flarum 图片加载时的布局偏移 (zgq.ink)
现代的 Web 开发中,CLS(Cumulative Layout Shift)是一个关键的 性能指标,它主要关注用户在 Web 网页的使用中,发生意外布局偏移(Layout Shift)、影响用户体验的情况。导致 Layout Shift 的因素很多,这里主要讨论的是图片加载过程的影响。
by @技术头条 2023-11-29 23:32 查看详情
重新思考 React 项目架构 (teobler.com)
这篇文章想聊聊这四年我对前端架构的认识及思考,这是一个慢慢演进和一步步推翻自己的过程。
by @Teobler 2022-10-17 13:52 查看详情
使用Flex实现常见布局的思路总结 (mp.weixin.qq.com)
flex全称Flexible Box模型,顾名思义就是灵活的盒子,不过一般都叫弹性盒子,所有PC端及手机端现代浏览器都支持,所以不用担心它的兼容性,有了这玩意,妈妈再也不用担心我们的布局。
by @code小生 2022-07-24 10:59 查看详情
一名Vue程序员总结的React基础 (mp.weixin.qq.com)
我已经把这张图印在脑子里面了,没事就自己画画,中间发散一些自己的思考。u1s1,不知道 react 的生命周期命名为什么要怎么长~~~, 小程序,vue 的都比较短。毕竟使用的频率还是很高的,Hooks 除外。
by @code小生 2022-04-05 22:04 查看详情
React Native实践有感 (insights.thoughtworks.cn)
React Native作为移动端跨平台开发框架来说,优缺点十分明显。优点是上手比较简单,开发者生态比较活跃,社区资源也比较丰富,缺点是性能稳定性与原生平台还是存在一定差距的,尤其是对功能复杂、与原生交互较多的应用可能并不适用RN开发。
by @Thoughtworks 2021-11-24 18:11 查看详情
React灵魂23问,你能答对几个? (mp.weixin.qq.com)
useEffect 会捕获 props 和 state。所以即便在回调函数里,你拿到的还是初始的 props 和 state。如果想得到“最新”的值,可以使用ref。
by @code小生 2021-09-26 21:20 查看详情
2021最顶级React组件库推荐 (mp.weixin.qq.com)
其实我主要把 Bootstrap 看作是一个 UI 库。它不会帮你赢得任何设计奖项,但可以用来完成一些边缘项目和最小可行产品。
by @code小生 2021-08-29 13:27 查看详情
从0搭建React开发环境 (mp.weixin.qq.com)
为什么要自己造轮子?起初是因为自己并不满意市面上的脚手架。另外,造轮子对于自己也有一些技术上的帮助,学别人二次封装的东西,不如直接使用底层的库,这样也有助于自己系统的学习一遍知识,废话不多说,直接进入正文,如何搭建自己的开发环境。
by @code小生 2021-08-22 22:34 查看详情