使用 React 和 Tailwind 创建阅读进度条
sxkk20081年前72
目录前言实现逻辑代码样式前言我们在上网的时候经常会看到一些优秀的博客顶部有个进度条，这个进度条有助于读者衡量阅读进度，我认为这个功能可以带来良好的用户体验，所以，应该将其添加到我个人博客上的文章中。那...
VS code 使用的代码编辑器
sxkk20081年前85
常规配置
我们可以在 create 的第二个参数传递一个 option 参数。
| 参数 | 说明 | 类型 | 默认值 | 可选值 |
|---|---|---|---|---|
| value | 编辑器的初始值 | string | - | - |
| theme | 编辑器的主题样式,除了提供的可选值外，也可以通过 monaco.editor.defineTheme 自定义主题 | string | 'vs' | 'vs','vs-dark','hc-black' |
| language | 编辑器的初始语言,例如可以设置为 javascript, json 等 | string | - | - |
| model | 和编辑器关联的初始模型 | ITextModel | - | - |
| lineNumbers | 控制行数的渲染，如果是 function，那么会使用 return 的内容作为行数展示 | string/Function | 'on" alt="VS code 使用的代码编辑器">
前言有时候我们会有在需要在网页中写代码或者改代码配置的需求，这个时候就需要用到代码编辑器，常规的代码编辑器有 CodeMirror 和 Monaco Editor， CodeMirror 使用的人比较...
免费部署一个“土味情话”生成网站
sxkk20081年前78
前言“你喜欢什么面？”——“你的心里面”“来者何人” ——“你的人”像上面的这种听起来又肉麻又害羞又有点儿乡土感觉的小情话，就是土味情话啦。 作为程序员肯定想不出这些肉麻的话，如不做个土味情话生成器，...
一个 create-react-app v5 的问题
sxkk20081年前100
前言前两天我准备用 create-react-app 创建一个新项目，然后我在命令行下执行npx create-react-app my-app 命令行下就会提示Need to install the...
使用 react-pdf 打造在线简历生成器
sxkk20081年前117
前言PDF 格式是 30 年前开发的文件格式，并且是使用最广泛的文件格式之一，我们最喜欢使用它作为简历、合同、发票、电子书等文件的格式，最主要的原因是文档格式可以兼容多种设备和应用程序，而且内容 10...
Remix 对比 Next.js ：一文深度解析
sxkk20081年前109
前言Next.js 是用于服务器端渲染的最流行的 React 框架之一，它流行了很多年，并且被许多开发者所喜爱。然而，随着 Remix 的开源引入, 开发人员已经开始怀疑哪个框架对他们的应用程序来说更...
如何测试 React 路由 ？
sxkk20081年前104
前言本文承接上文 如何测试 React 异步组件？，这次我将继续使用 @testing-library/react 来测试我们的 React 应用，并简要简要说明如何测试路由系统。基本示例以下代码使用...
年会没中奖，老板买了一个抽奖程序
sxkk20081年前90
PK 创意闹新春，我正在参加「春节创意投稿大赛」，详情请看：春节创意投稿大赛前言昨天参加了公司年会，显然我啥奖项都没中，什么“优秀员工”都跟我们前端工程师无关，不然我不会在这里写文了，等等，这里为什么...
初步尝试 tauri，并且与 electron.js 对比
sxkk20081年前81
在 2021 年 star 排行榜单中， 然后我分别用 tauri 和 Electron.JS 打包测试一个 hello world 程序，一起来看下它们的大小。 大小对比
什么是 Tauri?Tauri 是一个为所有主流桌面平台构建小型、快速二进制文件的框架。开发人员可以集成任何编译成 HTML、 JS 和 CSS 的前端框架来构建他们的用户界面。应用程序的后端是一个...
[油猴脚本]文章拷贝助手，文章一键拷贝到微信公众平台
sxkk20081年前78
文章拷贝助手,文章一键拷贝到微信公众平台、知乎 下载 markdown为什么要写这个脚本最近开了个前端公众号，需要推送一些优质的文章，但由于时间的关系，原创内容太少，常规的做法是转载一些优秀的文章到自...
|