跳至主要內容
王天的博客

王天的博客

98年👦🏻 | 零基础转行前端 | 工作7年 | 持续分享前端知识,助力0~2年的前端新人

react+ts实战开发
从零到1学习react
王天的魔法工具盒
奇趣、好玩、无用的乐趣
开源项目
一些有用的工具库,希望对你有帮助
vuepress主题自定义布局

场景

假如读者任意点开了王天的一篇文章,看完拖到文末、均显示王天的个人简介,如下图:
image.png
如何实现呢? 咱们可以通过配置替换主题组件+主题组件内置插槽的形式

实现思路

通过替换vuepress主题组件,来实现页面的自定义布局

  1. config.ts 配置 alias 替换主题组件
  2. 主题组件内置插槽,提高开发效率

程序员王天大约 2 分钟
git常用的六个命令

git 常用的六个命令:1、第一次初始化;2、初始化仓库;3、加到缓存区;4、提交至本地仓库;5、推送本地仓库信息至远程仓库;6、拉取远程仓库最新文件。其中,第一次初始化有两种方式,一种语句较多,另一种语句较少。

精简版操作 git

初始化

  1. git init 【初始化 init】
  2. git add . 【提交到缓存区】
  3. git commit -m ‘代码描述’【提交到本地仓库】
  4. git remote add origin git 仓库地址,https开头的,码云粘贴 【本地仓库与云端关联】
  5. git pull origin master 【提交到云端仓库,如未成功,执行下面强制推送】
  6. git push origin master # -f 【强推】

程序员王天大约 2 分钟
vuepress+语雀+github搭建个人博客

技术栈项

  • 替换主题组件 ! 注意!一定要打开主题自定义开关,否则插槽无效


程序员王天大约 2 分钟
解决eslint和prettier冲突

eslint 检测代码规范、pretter 修复代码格式,他们功能有一些重叠,配置不当情况下、比如 eslint 设置单引号、prettier 双引号,会导致编译执行错误,导致冲突,如何解决呢?

冲突本质原因是 eslint 和 prettier 并行导致,解决冲突的方法好几种:

  1. 关闭冲突规则
  2. 调整执行顺序
  3. 手动调整-统一配置

关闭冲突规则

使用 eslint-config-prettier 插件来禁用 ESLint 中与 Prettier 冲突的规则。
该插件会将 Prettier 的规则应用到 ESLint 中,并自动禁用冲突的规则。您可以在 ESLint 配置文件中添加以下配置:


程序员王天大约 1 分钟
reactRouter 实现页面级按钮权限

大家好,我是王天~
今天咱们用 reac+reactRouter 来实现页面级的按钮权限功能。这篇文章分三部分,实现思路、踩坑记录,代码实现。嫌啰嗦的朋友,直接拖到最后一章节看代码哦。

前言

通常情况下,咱们为用户添加权限时,除了页面权限,还会细化到按钮级别,比如、新增、删除、查看等权限。

如下效果,切换用户登录后,操作权限除了左侧菜单,还有页面按钮。
按钮权限演示效果.gif


程序员王天大约 4 分钟
小天密码本

需求

账号太多,密码容易忘记,尤其是苹果账号申诉真是反人性!!!我经历过一次苹果重置密码,恶心坏了! 重置需要等待14天,烦死啦,手机变板砖了!
为了防止再次忘记密码,打算开发个小程序,存放所有密码。

技术栈

前端

uniapp

后端

uniclound

插件

APP-引导页+官方示例 - DCloud 插件市场
新手引导提示 - DCloud 插件市场
通用个人中心页面模板 - DCloud 插件市场
tui-keyboard 数字键盘 | ThorUI文档


程序员王天小于 1 分钟
2
3
4
5
...
9