Published on2022年8月8日开发一个在线代码对比工具React.js在开发过程中,我们经常需要用到代码对比,对比下代码是否一致,有哪些改动,方便我们可以查看问题,今天我们就来说实现下,其实很简单。
Published on2022年8月8日 用小程序来实现扫码登录React.jsuni-app在 web 开发中,少不了用户系统,开发者需要开发注册登录这些重复的功能,而对于用户来说,要要注册才可以使用,往往会不愿意,因为我们有太多的账号和密码了,而现在可以使用小程序来实现扫码登录。
Published on2022年7月22日Iconfont 还是不能上传,如何维护你的 Icon?JavaScriptReact.js大多情况下,我们不必上传自己的图标,只需要在 iconfont.cn 便捷的搜索,就可以将图标加入到自己的项目图标库中,但最近工作中却遇到了比较严重的问题。
Published on2022年7月22日【油猴脚本】在 Iconfont 上直接复制 React component 代码JavaScriptReact.js所以我写了一个油猴脚本,可以在 iconfont.cn 上直接复制 React component 代码,本文讲述改脚本的实现原理。
Published on2022年6月25日将 React 应用迁移至 ViteReact.jsViteVite 充分利用了浏览器的加载机制和缓存机制等,大大提示了研发效率,vite 虽然快,但不是所有的项目react 项目都可以迁移成功
Published on2022年6月25日Uniapp 实现全民分销功能JavaScriptReact.jsCSS前段时间在掘金 app 多了一个推广中心,分享课程链接,若有其他用户从你分享的链接购买,你就可以获得佣金,本篇介绍下全民分销功能实现原理。
Published on2022年6月25日打字机效果的实现与应用前端javaScriptReact.js在 web 应用中,模拟编辑器的输入效果,往往能够吸引人们的眼球,让用户的注意力聚焦在输入的内容上,其实使用的是 web 动画模拟打字机效果,本文将和大家探讨打字机效果的实现方式以及应用。
Published on2022年5月25日前端妹子问我 position fixed 失效问题该如何解决?JavaScriptReact.jsCSS这两天公司一位妹子问我,“我这边调试的时候本地显示没问题,到手机端就有问题,该怎么办呢?” 测试环境没问题到线上就有问题了?对此我也很纳闷。
Published on2022年5月16日微信排版工具新选择JavaScriptReact.js微信我写了一个微信排版编辑器,使用 MDX,可自定义组件、样式、生成二维码、代码 diff 高亮,可导出 markdown 和 PDF。
Published on2022年5月13日实现一个 Code Pen:(六)云函数生成网页缩略图JavaScriptReact.js本文介绍了生成缩略图的方式,包含客户端生成,和服务端生成,并简要分析了阿里云、腾讯云和 vercel 生成浏览器截图的方式。
Published on2022年5月12日实现一个 Code Pen:(一)项目初始化JavaScriptReact.js前段时间掘金上线了一个新功能 Code pen,可以在线写代码,笔者对这种在线实时编辑的功能充满了好奇,所以打算开发一个简易的 Code pen。
Published on2022年5月12日实现一个 Code Pen:(二)在 Next.js 中使用 Monaco EditorJavaScriptReact.jsMonaco Editor 是 VS Code 中使用的开源代码编辑器, 拥有代码高亮和代码自动补全的功能,本文介绍 Monaco Editor 的加载方式和 React 组件封装
Published on2022年5月12日实现一个 Code Pen:(三)10 行代码实现代码格式化JavaScriptReact.js在上文中,我们使用 monaco-editor 结合 Next.js,打造了编辑器的功能,在本文中,我们将继续优化 monaco-editor, 使它拥有代码格式化的功能。
Published on2022年5月12日实现一个 Code Pen:(四)浏览器编译代码JavaScriptReact.js前面的文章中,我们配置好了编辑器,实现了 css、html、js 的编辑,现在我们需要做代码实时运行的功能了,并且可以直接写 less、scss、JavaScript、typescript。
Published on2022年5月12日实现一个 Code Pen:(五)白嫖云数据库JavaScriptReact.js本篇主要介绍如何使用 uniapp 中的云函数和云数据库,并且通过云函数 URL 化,来给外部应用访问。
Published on2022年5月12日使用 Prism.js 对代码进行语法高亮JavaScriptReact.js通常我们在开发博客网站或者技术社区(类似掘金)这类网站的时候,就会有需求“对代码进行语法高亮”,本文主要记录笔者在开发的时候遇到的问题以及解决方案。
Published on2022年5月12日在 Webpack 5 中开启懒编译(Lazy Compilation)JavaScriptReact.js在 webpack 5 中推出了 experiments 配置,目的是为了给用户赋能去开启并试用一些实验的特性。Lazy Compilation 是只有在用户访问时才编译。
Published on2022年3月15日如何升级到 React 18发布候选版 前端React.js上周 react 官网 发布了react@rc 版本,该版本是候选版本(Release Candidate),这意味API已经基本稳定,跟最终版本不会有太大差别,官网也发布博客《如何升级到 react18 RC 版本》,鼓励大家尝试升级,所以我们可以在项目组中使用了!下面内容来自是官方文档的翻译。
Published on2022年3月12日如何使用 react 和 three.js 在网站渲染自己的3D模型JavaScriptReact.js在本文中,我将介绍如何在 react 项目中使用 react-three-fiber 创建的一个3D 软件程序,配置3D 参数(如 Blender 或 Maya ) 。在本文结束时,您将能够在您的网站上渲染一个3D模型 (gltf / glb)。
Published on2022年3月1日使用 React 和 Tailwind 创建阅读进度条前端React.js我们在上网的时候经常会看到一些优秀的博客顶部有个进度条,这个进度条有助于读者衡量阅读进度,我认为这个功能可以带来良好的用户体验,所以,应该将其添加到我个人博客上的文章中。
Published on2022年2月25日MDX 让 Markdown 步入组件时代前端React.jsMDX 是一种书写格式,允许你在 Markdown 文档中无缝地插入 JSX 代码。 你还可以导入(import)组件,例如交互式图表或弹框,并将它们嵌入到内容当中。
Published on2022年2月23日HTML 转 Markdown 如此简单JavaScriptReact.js本文推荐 HTML 转为 markdown 的工具和实现方式,并找到了一个快捷技巧,收藏等于学会。
Published on2022年2月22日Remix 对比 Next.js :一文深度解析React.js在本文中,我将对比 Next.js 和 Remix 的一些重要特性,来帮助您选择最佳的React 服务端渲染框架。
Published on2022年2月21日使用 react-pdf 打造在线简历生成器React.jsReact PDF 是一个使用 React 创建 PDF 文件的工具,支持在浏览器、移动设备和服务器上创建PDF文件。
Published on2022年2月16日一个 create-react-app v5 的问题React.js前两天我准备用 create-react-app 创建一个新项目,然后遇到了一个问题,涉及到 npx
Published on2022年2月10日使用 React hooks 监听系统的暗黑模式React.jsJavaScript现在大部分网站也加入了暗黑模式,包括 Tailwindcss、antd design 等都支持了暗黑模式,因此我们的网站也要适配系统皮肤。
Published on2022年1月19日如何测试 React 路由 ?React.js测试本文承接上文 如何测试 React 异步组件?,这次我将继续使用 @testing-library/react 来测试我们的 React 应用,并简要简要说明如何测试路由系统。
Published on2022年1月18日使用 React-DnD 打造简易低代码平台前端React.js前言 2016年起,低代码概念开始在国内兴起,当年该行业总共有 10 起融资事件,之后低代码行业融资笔数整体呈上升趋势,并在2020年增长至14起,其中亿元以上融资有13起。
Published on2022年1月13日React 新的文档用到了哪些技术?前端React.js前言 https://beta.reactjs.org React 的新的文档已经 完成了 70 % 并且呼吁社区进行翻译工作。 新的文档采用了全新的架构 next.js + Tailwind CSS
Published on2022年1月9日使用 esbuild 来打包一个 React 库前端React.jsesbuild 是一个非常快的 Javascript 打包工具,本文结合 react 对 esbuid 这个打包工具进行了简单使用。
Published on2021年12月31日盘点掘金 2021 高赞 React 文章前端React.jsReact 进阶 、Vue 转 React、优质的 React 开源项目,React 源码解读、react hooks 总结。
Published on2021年12月28日[TDD] 如何测试 React 异步组件?React.js测试前言 本文承接上文 如何测试驱动开发 React 组件?,这次我将继续使用 @testing-library/react 来测试我们的 React 应用,并简要简要说明如何测试异步组件。
Published on2021年7月13日使用 NextJS 和 TailwindCSS 重构我的博客React.js前端这是笔者第三次重构博客应用。本文主要是笔者记录重构博客所用的知识和记录,希望以后每周或者每两周能够有一篇文章,记录和总结知识。
Published on2021年6月4日【译】你真的应该使用useMemo吗? 让我们一起来看看React.js- 当处理量很大时,应该使用 useMemo - 从什么时候 useMemo 变得有用以避免额外处理,阈值在很大程度上取决于您的应用程序 - 数据在处理非常低的情况下使用 useMemo
Published on2020年9月27日React 必学SSR框架——next.jsReact.jsJavaScript 首先我们就回顾一下,我们到底是怎么告别了使用 php/jsp 做服务器端渲染,进入前后端分离的客户端渲染时代,又为什么重新回到了服务端渲染。