前言 随着日常代码的产出，有些时候我们希望代码的注释能够区分一下优先级和类型，比如我发现了一个问题，但是这个问题可能需要以后有时间再修复，又或许为了实现某个功能，我使用了hack的方式，我希望能够给后来者一个提醒，方便接手人的维护，基于这些需求，我找到了一个插件：TODO Highlight 它可以很方便的实现注释上的高亮处理，因为我暂时还不需要去大量查询todo，所以就没安装TODO Tree这个插件。 实现看下效果图： 由于官方默认只预设了TODO:和FIXME:，其他是我自己拓展的，大家可以按照下面的教程配置一下。 自定义扩展TODO vscode -> 文件 -> ...
前言 当我们接手了一些二手项目之后，在后期的需求改动时，肯定会遇到大改的情况，可能之前的整个文件我们都不能要了，但是，从开发安全的角度来讲，之前的代码对我们而言是有用的，比如出了问题，我们需要还原成旧的，或者逻辑发现问题，需要和旧的逻辑进行比对排查。 在linux的操作中，会有一个很棒的行为习惯，当我们去改动一个很重要的文件时，会先创建一份.back文件，然后再去改动，如果出现问题，可以用back文件进行还原。 那么这种行为我觉得可以用在前端项目开发中，这样当新代码出现问题，可以查看旧的代码进行比对，出现问题也能及时还原。 当然这种方式从整体来说，对代码的要求是很高的，需要满足里氏替换原...
具体的使用我这就不重复赘述了，我只说下如何实现免密。 首先我们需要创建ssh的认证密匙，windows输入命令：ssh-keygen -t rsa 不断回车，它会在当前C盘的用户目录里面创建两个文件： id_rsa id_rsa.pub 具体生成文件的目录在命令交互中会有提示，所以我这就不贴出来了。 两个文件中有一个后缀.pub的文件，我们打开它，可以看到里面会有一串ssh-rsa xxxx的字符串。 接着我们回到ssh连接，使用NxShell连接linux服务器，比如我 Remote - SSH配置连接的时候我用的是root用户，那么NxShell连接的时候也要用这个账号。 这里要...
通过官方文档的这个命令安装的pnpm： iwr https://get.pnpm.io/install.ps1 -useb | iex 但是最近这种安装安装的pnpm不再提供自我更新的命令了，而且有版本更新时每次安装依赖都会打印一个大大的提示，这就很烦，而且这种方式安装需要连接github，对网络要求比较高。 个人现在使用： npm install -g pnpm 包管理起来也很方便，卸载就uninstall的事。 于是我找了很久，终于写到用上面那种安装改怎么进行卸载： Get-Command pnpm 先查找它的安装位置，此时会返回安装的位置。 再根据返回的位置使用 Remove-I...
前言 之前写过一篇关于《处理不同平台的回车处理 warning Delete ␍ prettier prettier# 不同平台的回车处理 warning Delete ␍ prettier prettier》的文章。 但是这是讲了如何处理当前文件的尾换行符报错而已，这次分享在项目开发初期如何配置你的尾换行符，以及批处理方式。 vscode配置尾换行符 现阶段我可能更加推荐使用LF的尾换行方式，在linux和mac中都是使用这种方式，而windows中使用的 CRLF，如果存在不同系统下的开发，LF是最好的选择。 而且这种方式也契合我之前分享的Prettier格式化配置。 vscode ...
前言 推荐一份最近研究的格式化配置。 代码 .prettierrc.json { "$schema": "https://json.schemastore.org/prettierrc", "printWidth": 120, "tabWidth": 2, "useTabs": true, "semi": true, "singleQuote": false, "trailingComma": "none", "bracketSpacing": true, "jsxBracketSameLine": false, "arrowParens": "a...
前言 处理php代码格式化，我也是最近才摸到点门路，格式化可以帮助我们统一代码展示，并且在多人协作开发的时候，统一的格式化代码可以减少很多无效的代码diff，这点在使用git的时候深有体会。 首先我们需要安装phpfmt这个插件，插件地址：phpfmt 除了这个插件安装，我们本地还需安装php才可以，如果不会的话，我们可以使用小皮面板的php。 首先我们需要下载一个小皮面板：PhpStudy windows下，我们下载最新版安装即可。 安装完毕后打开小皮，下载一个php版本，我用的是php7.2.9nts。 教程 依赖安装完毕后我们需要进行配置，文件 -> 首选项 -> 设置...
前言 这个东西困扰我很久了，Gitlens会在每个变量或者属性开头都给我搞上一句提示，你说它有用吧，平时又用不到，一直没找到有啥办法关闭，最近折腾插件的时候想着研究一下，于是这个问题就有了解决方法。 直接看图说话： 关闭后： 这不是就舒服多了。 教程 文件 -> 首选项 -> 设置 -> 右上角打开设置json -> 添加下面这段配置： "gitlens.codeLens.recentChange.enabled": false, "gitlens.codeLens.authors.enabled": false, 保存，享受。
前言 前端写元素class有两个流派，一个是用短横线分割，另一个是用下划线分割，至于那些用驼峰的邪道我们就不管他们了，本来一开始其实都是用短横线的，但是短横线带来了一个非常痛苦的东西，就是没法双击全选这个文本，只能部分，而下划线在编辑器中却是天然的支持双击选中。 于是衍生了这么一派，今天我们就要终结他们，天下一统，指日可待。 我们可以配置一下vscode的属性，我们就可以实现短横线也能双击选中了，简直不要太爽、 效果图： 教程 文件 -> 首选项 -> 设置 -> 右上角打开设置json -> 添加下面这段配置： "editor.wordSeparators":...
前言 最近发现一个有意思的项目 alist，官方定义是一个支持多种存储的文件列表程序，而且它使用的新的框架 SolidJS；没有虚拟dom，直接操作原生dom，性能和 Vanilla 相同，于是拿来用了一下，发现解决了我的一个痛点。 当我电脑下载完视频后，这些视频文件往往会很多或者文件很大，但是这些文件属于待确认文件，我可能简单略了一遍后就会将它们删除，所以，我不想移动到手机上去查看，但是电脑上看又不是很便捷，特别上晚上想躺床上的时候，操作电脑就不是很方便了。 之前我是利用windows自带的文件共享功能Samba来远程查看的，通过手机的文件管理器SMB连接到电脑，然后查看文件，但是这种...
今晚心潮澎湃写下了下半年的计划，加油搞下去吧，任务不分先后，加油，下半年 [ ] 博客主题更新v2.0 [ ] nestjs [x] vue3 快速入门文章 [ ] pinia 入门文章 [x] 看书《你不知道JavaScript》上 [x] 看书《你不知道JavaScript》中 [ ] 看书《你不知道JavaScript》下 前端功能： [x] 虚拟滚动条 [ ] 虚拟列表 [ ] 上拉刷新 [ ] 下拉刷新 [x] autosize input [x] length [x] 复制功能 [x] uuid 总结 下半年这几个月也是攒足了劲了，好多东西混在一起，随着时间有些东西都忘了...
[hide] 先用yum 安装一次node 先升级 yum update 提示下载程序，回复y 安装node yum install nodejs yum安装的node一般都不是最新的，所以我们还需要升级node的版本 npm i n -g 全局安装一个n插件 n lts 表示安装最新的稳定版！ 一些常用命令 n ls查看已安装的node版本 n rm 16.0.3删除16.0.3版本 更多功能阅读插件文档：n 等待安装完毕后，此时其实版本已经安装好了，但是输入node -v还是低版本，是因为centos的用户缓存问题。 我们退出登录再登录就会刷新缓存了，此时的node -v输出...
vue cli中的处理 vue cli有一个transpileDependencies配置项，在里面添加的路径，将会被babel转义。 vue.config.js module.exports = { transpileDependencies: [ /[/\\]node_modules[/\\](.+?)?vue-i18n(.*)[/\\]dist/, ] } 官方文档：transpileDependencies webpack的配置 webpack直接找到babel-loader配置，在include选项中配置对应的插件目录 { test: /\.js$/, ...
简介 记录一个精简字符的方式。利用字蛛做一些字体精简，本方式是针对英文精简，中文字体可以自行延展处理。 字蛛是一个智能 WebFont 压缩工具，它能自动分析出页面使用的 WebFont 并进行按需压缩。 安装字蛛 github：font-spider npm install font-spider -g 注意全局安装，省事，当然也可以局部，个人选择。 配置 安装完毕后我们需要新建一个html文件，这个文件里面需要配置一个自定义字体css，一个div，用于显示你需要精简的字体。 注意，被精简的字体文件必须是ttf格式。 创建一个index.html文件 <!DOCTYPE ht...
当有的时候，我们不想复制一个完整的文件或者文件夹的时候，我们可以通过链接映射的方式快速的将文件或者文件夹放置在某些地方。 举个例子： 我有一个A前端项目，再public目录下我需要放置另一个B前端项目打包后的dist目录，但是B项目是需要经常改动的，我不能每次改动一下就打包一次，然后把dist目录复制到A项目的public里面。 显然这非常麻烦。 如果我们将B项目的dist直接映射到A的public里面，那么每次打包，就不用复制了。 怎么做？这就需要软连接或者硬连接了。 什么是软连接和硬链接 软链接 软连接可以理解为windows下的快捷方式，但是快捷方式的删除不会影响到源文件，也不会被...
起因 我写了一个axios的get请求，他会在网页加载后运行，从服务器获取数据，根据status状态值来判断我是否需要进行弹窗提示，弹窗会有一个按钮，点击后会通过location.href跳转到另一个页面，在另一个页面，会有一个返回按钮，触发history.back()返回上一页。 当然，在运行href跳转前，会通过api请求告诉后端，我已经点击了弹窗，下次请求不要再运行弹窗了。 但是在下一个页面点击返回时，弹窗依旧会被弹出，后端说他没有看到请求记录，但是前端f12依旧可以看到api请求，并返回了200状态码。 由于是手机调试，看不到具体的原因，只有在pc端，在不勾选停用缓存时，才能看到...
因为贫穷，所以在小黄鱼收了一个35包邮的E8820V2，但是默认的系统版本是v2.0.3；巨难用，想刷机，发现这个机器基本上都被人拿来做ap（桥接模式），要么就是升级了内存，用编码器直接刷的不死，但是本人没有这个条件，所以，只能找找看有没有官方的固件提供下载。 找遍全网，只看到两个，一个是我目前用的官改固件，版本是：V2.0.8；还挺新，还有一个是原版固件，没有刷过，有兴趣可以尝试。 这两个固件，除了原版我没有测试，官改的是可以直接用原装系统升级上去的，所以，实在是太棒了。 感受 官改的应该是精简了，反正感觉还可以，比之前的好很多。 因为资源太少，所以我就分享一下吧，给和我一样的穷人一...
安装的插件 Atom One Dark Theme 主题 Auto Rename Tag 头尾标签自动修改，改一个改一双 Beautify 格式化 Bracket Pair Colorizer 对象括号选择有颜色表示范围 Highlight Matching Tag 选择标签自动高亮对应的结尾标签 Material Icon Theme 图标 Path Intellisense 路径提示，只能相对路径 Version Lens 版本提示，安装完可以在打开package.json文件，在右上角有一个v按钮，点击可以查看最新版本，更新狂魔必备 Vetur 用了vue还有不装这个的...
adb添加至环境变量 首先需要adb连接手机，adb工具需要下载：adb 下载完毕后解压到磁盘位置，比如：D:/adb 解压完毕后，我们需要将其设为环境变量。 windows我的电脑右键属性 -- 高级系统设置 -- 环境变量 --- 找到Path --- 双击进入设置 --- 选择新建 --- 将D:/adb路径名加入，保存。 重启系统。 连接手机 手机的驱动记得装好。 手机开启usb调试模式 usb连接电脑 电脑打开命令工具，比如：Terminal 输入：adb devices 如果手机提示允许usb调试吗？，勾选允许，确认。 此时命令会出现： PS C:\Users\13219&g...
折腾小主机的时候，不小心没备份成功，删除了repo安装源文件，导致现在yum干啥都报错，特别是，我没有安装wget，真的是叫天天不应，入地地无门。 唯一的办法就是去别的地方拿一个相同版本的系统的安装源，要么重装。 这时，我们就需要这根救命稻草了 [hide] 打开这个网址：阿里安装源 找到你系统对应的版本，比如我是8.x的版本，我们就下载Centos-8.repo这个文件，下载完毕后上传到centos系统/etc/yum.repos.d 目录下。 上传前记得改名为：CentOS-Base.repo 然后我们清理缓存，重建缓存 yum clean all yum makecache 完事搞...
我真的是被小主机给整疯了，不想再碰了，又准备回到虚拟机的行列，但是还用vw总感觉不合我意。 docker安装看了下，确定了，不会用。 于是打起来windows10的子系统的主意，虽然目前有一点瑕疵，但是问题不大。 先开启功能 控制面板 --- 程序和功能 --- 启用或关闭windows功能 --- 勾选：Hyper-v和适用于Linux的windows子系统 下载最新的内核包： Linux 内核更新包 下载完双击安装即可。 安装完毕我们需要切换到wls2，打开PowerShell，输入以下命令 wsl --set-default-version 2 然后就是安装linux系统 [...
由于一个项目用到了三个git仓库，然后vscode并不能打开一个目录扫描所有的git仓库，而且多个的时候更加不好判断，哪些文件是哪个仓库的，所以，每次都是每个仓库单独用vscode打开，然后手动拉取，太痛苦了。 当你有3个项目，你就需要拉取9次，而且很多时候是重复，比如一些通用的代码仓库。 但是，目前哪个git管理的软件都好难用啊，所以还是写个脚本好了。 使用前的要求： 由于脚本运行时用的git pull，所以如果你需要拉取项目中某个分支，请预先将项目分支调整好，然后就是git账号了，用户密码，全局用户名邮箱这些，基础操作。 然后就是配置项目路径: 假设我们a目录下有b、c、d三个项目，...
虽然我们都知道10m的宽带，速度可能也就1mb多一点，但是其中的换算规则是怎么样的，心里应该是模糊的吧，我自己百度了好久，看了一大堆答案，都是乱七八糟的，一会MB，一会Mb，一会又Mbit，你根本不知道怎么回事，突然就多了好几个单位，我们不是计算网速mb吗？ 于是我花了好久时间查了一些资料，询问了一些人，得出以下表格： 首先我们又三个单位，网速是bps，容量分别是Byte、Bbit。 其中1bps = 1bit，所以bps单位对应bit单位，是相等的，但是byte和他们是相差8倍的（1byte = 8bit = 8bps）。 假设我们10kbps网速，我们先转为bps，10*1024=...
蓝泽光（win7主题） 2010年，微软台湾分公司推出了Microsoft SilverLight的萌化人物“蓝泽光”，这不是微软第一次让自家的软件拟人化，之前的也推出过win7娘-窓辺ななみ，并由知名声优水树奈々配音，此次推出的蓝泽光则由国内“姚敏敏”担任第一代，第二代声优是“林美秀”，推出后台湾和日本地区获得广泛的回应，以至于到如今，微软依旧保有推出“娘化”角色的传统，什么win8娘，win10娘，正所谓万物皆可娘！ Microsoft SilverLight软件本身是一个类似Adobe公司的flash一样的跨浏览器的、跨平台的插件，，开发者可以使用它制作图像，视频，媒体播放等网页效...
最近评论