之前一直使用的是搬瓦工的一台服务器，内存小的可怜，动不动就爆了，但是又不想换国内的，所以一直在勉强的顶着。最近发现RackNerd VPS正好有黑五优惠，网上也查了下褒贬不一，RackNerd 主要是性价比卖点，便宜量大管饱，所以干脆入手一台，反正也不贵。搬瓦工那台服务器速度还不错，如果有人需要可以转让。RackNerd成立于2019年，美国商家，主要提供虚拟主机、VPS主机和服务器等。数据中心在圣何塞、洛杉矶、达拉斯和芝加哥等美国和欧洲等地。目前主要销售洛杉矶mc机房和洛杉矶鲨鱼机房两个数据中心VPS，两者都属于亚洲优化的中低端线路，优势是价格低廉、流量比较多，采用主流的SolusVM控制面板，非常适合海外建站等业务。CPU内存SSD月流量价格链接1核1G20G1.5TB$10/年详情2核2.5G40G3TB$18/年详情2核3G60G5.5TB$27/年详情3核4.5G100G8.5TB$39/年详情4核5G130G12TB$55/年详情我购买的是 2.5G 内存机型 $18 刀每年的，跑 Docker 或安装各种应用都不用太担心爆内存，流量也更足够。more而且，我感觉他们的服务还是挺好的，我发了工单，基本上10分钟内就给我回复了，我一开始买的机器IP在国内访问比较慢，新购买的主机72小时内可以免费更换IP或者是机房，于是我就发了工单，注意我发的是中文，客服还是很及时的回复并 ...继续阅读 (9)

最近在给组件底层脚手架升级，同时也把webpack4升级到了webpack5，但是发现升级后打包会生成LICENSE文件：查阅官网资料，找到了解决办法：https://webpack.docschina.org/plugins/terser-webpack-plugin/#extractcomments在webpack.config.js中修改配置：const TerserPlugin = require("terser-webpack-plugin") module.exports = { optimization: { minimize: true, minimizer: [new TerserPlugin({ extractComments: false, //不将注释提取到单独的文件中 })], }, }修改之前，再次打包即可。 ...继续阅读 (30)

时间过的太快，距离上次更新已经过去了半年。草稿箱里面的文章也有几篇写了没有发，最早的竟然能够追到2019年，谁知道之后就有了疫情呢……有时候在想，人这一生追求什么？什么才是有意义的？时代变化太快，一夜之间各种事物都在发生改变，可能之前追求的突然变的没有了意义。最近身边的两个同事，生活也是不太如意，暂且称A和C吧（猜猜谁是B），A同事呢，为人老实，没自己的底线和原则，结果就是媳妇让怎么做就怎么做，有时候连最基本的孝道都没有。C同事呢，有自己的做事底线，结果呢因为谁来管钱也是和媳妇经常干架……两个同事，两个极端。对于A同事，我经常说，一定要要自己的底线，守住自己的底线，但是收效甚微。对于同事C呢，我经常说一定要好好沟通，过日子分不了那么清，各自退让一点就能避免。你们觉得这两个同事该怎么处理家务呢？其实生活中，有一部分就和我身边这两个同事一样，两个极端。为什么离婚率这么高，其实大家心里都比较清楚。到底两个人过日子追求的是什么？最近听到的一句话比较有道理，命运：命 + 运。命是定数，命中有时终须有，命中无时莫强求，人从一出生，其实就命中注定了一些东西。举个简单例子，路边的小草，长在麦田里面就必须被拔掉，长在足球场中的草坪就有人特别打理，小草能决定长在哪里吗？就和人投胎一样，有人出生就在别人的终点，有的人一辈子可能都没办法达到……运是变数，时来运转就是这个道理，举个例子有人买虚拟币实现了财富 ...继续阅读 (42)

最近同事的鼠标接二连三的出现了问题，一个是罗技M330鼠标，用了一年点击不好使了，另一个是雷蛇的RZ01-0254两年的微动单击变双击了。本着能修就坚决不买的原则，低成本的解决问题。more罗技M330鼠标其实质量还是可以的，拆解也是很方便，就是把电池仓的标签撕下就能看到螺丝了。同事说刚过了保修就有问题，一开始我还以为是微动的问题，拆开验证了下微动，发现并没有点击不好使的问题，排除了微动问题，看了下鼠标按键背面有点轻微的磨损，用热熔胶枪在鼠标按键背面点了一层薄薄的软胶，装上再测试一下，问题解决。雷蛇鼠标，单击变双击，那就是微动的问题了，RZ01-0254螺丝在两个脚垫和标签下面，撕开就可以拆螺丝了，拆开之后还有三个螺丝需要拆掉才能拿下主板：雷蛇用的是欧姆龙D2FC-F-7N(10M)微动，淘宝上面好像价格在一块钱左右，这次换的微动是欧姆龙D2FC-F-7N(50M)，价格大约在5元，寿命会比10M的长一些。拆微动也是一件麻烦的事，不过也是有点小技巧的，微动有两个小孔，找个镊子插到小孔里面，然后稍微压着镊子拿电烙铁去融化锡，这样一个人就能轻松的把微动去掉。焊接就很简单了，基本上点一点锡就可以了，我这里有一个点焊的有点多了，不过影响不大，就没有再修整了。装回去在测试下看看，一切正常，又可以用一段时间了。换这东西，其实没有大家想的那么麻烦，稍微心细一点就可以了。 ...继续阅读 (213)

关于乾坤的样式隔离experimentalStyleIsolation，网上一搜都有好多，例如：其实引入一个配置去解决问题，可能会引入新的问题，但是问题能否解决，也取决于使用工具的人。more我整体的看了一下网上说的“坑”，其实就是组件的一些弹窗默认是挂载到body上的，这就导致了再使用微前端集成的时候，子应用的弹窗逃逸，导致无法控制其弹窗的样式。找到根本的原因，其实就好解决了。在乾坤出现之前，饿了么组件就已经用的很多了，但是当时的组件设计师们，也没有考虑到后续会有这种微前端集成的需求，再加上现在组件维护不及时，所以就导致现在网上流行说的这些坑。例如antd下通过ConfigProvider getPopupContainer指定弹框渲染的范围，这样就解决了上面说的逃逸问题。我这里抛个砖，大家可以看看目前这种设计方案的可行性，先上代码：Vue.prototype.$ELEMENT = { size: opts.size || '', zIndex: opts.zIndex || 2000 content: opts.content || '' };先给组件全局配置一个content属性，接受需要挂载容器的ID然后利用计算属性，获取全局挂载容器，然后把默认的document.body替换成全局的挂载容器就可以简单的实现。整体修改代码可以看这里：https://github ...继续阅读 (67)

饿了么表格性能一直是有些问题的，特别是使用了固定列，表格会把固定列克隆出来一份，这样会导致渲染很多冗余DOM，随着数据量的增加，冗余DOM也会变多，如果固定列再使用插槽，里面嵌套复杂的组件，性能会下降更多。最近在做表格的性能优化，发现如果不考虑IE浏览器的情况，可以使用position: sticky来实现固定列。more实现思路：判断左右固定列，给表头表体表尾增加相应的固定列类名；计算每个固定列偏移值，并动态给固定列赋样式；拖拽表头时，重新计算偏移值；相对复杂的就是计算每个固定列的偏移值。目前唯一的缺陷就是在设置固定列的时候，中间不能有间隔，因为没有涉及到克隆。这种通过粘性布局处理固定列，好处就是完全通过CSS实现，性能会好很多，而且对以前的功能完全没有影响。下图对比一下，少了固定列的 DOM。另外之前也看过这篇文章：一顿操作，我把 Table 组件性能提升了十倍，里面的思路也可以借鉴一下。 ...继续阅读 (73)

frp 内网穿透这个是最常用的功能，如果自己没有vps的话，可以找一些免费的来使用。[common] server_addr = frp.freefrp.net server_port = 7000 token = freefrp.net # 注意下面的yourname要取一个和别人不重复的名字,名称冲突会启动失败 # http示例 [yourname_http] type = http local_ip = 192.168.0.2 local_port = 5000 # 自己的域名，需要 CNAME frp.freefrp.net custom_domains = nas.yourdomain.com # https示例 [yourname_https] type = https local_ip = 192.168.0.2 local_port = 5001 custom_domains = nas.yourdomain.com # ssh示例 [yourname_linux_ssh] type = tcp local_ip = 192.168.0.3 local_port = 22 remote_port = 22222 # 远程桌面示例 [yourname_windows10_rdp] type = tcp local_ip = 192.168.0.4 local ...继续阅读 (81)

先说结论getBoundingClientRect会受到transform的影响，比如你的元素设置了transform:scale(2)，那么getBoundingClientRect返回的width会是元素实际宽度的2倍，top等位置信息也会因为元素尺寸变化而发生变化。more起因产品中有一个需求，要实现页面的缩放功能，考虑到兼容性就没有使用zoom（火狐不支持），而是使用了transfrom的scale。在页面缩放的时候，组件在计算截断宽度的时候出现了问题，导致如图：根据代码排查，组件在计算宽度的时候，使用getBoundingClientRect：这里就不对getBoundingClientRect做过多的描述了，通过下图能看到一些注意事项：至于组件之前为啥用getBoundingClientRect就不得而知了。在修改之前也对比了这两种计算方式得出的宽高：getBoundingClientRect：该方法返回的DOMRect对象中的width和height属性是包含了padding和border-width的，而不仅仅是内容部分的宽度和高度。在标准盒子模型中，这两个属性值分别与元素的width/height + padding + border-width相等。而如果是box-sizing: border-box，两个属性则直接与元素的width或height相等。offs ...继续阅读 (79)

起源由于产品诉求，需要给已有发布的组件添加国际化支持功能，网上大部分都是国际化插件使用的案例，所以经过了一番摸索实践，有了一下的方案。我这里使用的插件是vue-i18n，借鉴（抄了）了element-ui中的国际化部分源码。more关键源码在组件目录中添加locale文件夹，目录结构如下：locale ├── index.js # 核心文件 ├── locale.js # 混入文件 └── lang # 多语言 ├── en-US.js # 英文 ├── zh-CN.js # 简体 └── zh-TW.js # 繁体index.js源码：import defaultLang from './lang/zh-CN' let lang = defaultLang let i18nHandler = function () { const vuei18n = Object.getPrototypeOf(this).$t if (typeof vuei18n === 'function') { return vuei18n.apply(this, arguments) } } export const t = function (path, op ...继续阅读 (79)

网上也搜了一些解决方案，都是去修改文件的，但是对我来说并没有生效，所以再提供一个解决方案，希望能有帮助。假如安装完NRM后，运行报错：ERR_REQUIRE_ESMError [ERR_REQUIRE_ESM]: require() of ES Module D:\Program Files\nvm\v16.19.1\node_modules\nrm\node_modules\open\index.js from D:\Program Files\nvm\v16.19.1\node_modules\nrm\cli.js not supported. Instead change the require of index.js in D:\Program Files\nvm\v16.19.1\node_modules\nrm\cli.js to a dynamic import() which is available in all CommonJS modules. at Object.(D:\Program Files\nvm\v16.19.1\node_modules\nrm\cli.js:9:14) { code: 'ERR_REQUIRE_ESM' }推测此问题应该是 nrm 的问题，在nrm/cli.js的第17行使用了process.env.HOME这个环境 ...继续阅读 (87)

more这两天看到开源社区讨论core-js作者发布的文章so-whats-next，看完原文后感触挺挺深。去年 Log4j 漏洞让大批开发不眠不休的升级，但是 Log4j 的作者，真心有点惨。软件被白嫖，还要负无限责任！没有报酬，还要挨骂！这些骂人的家伙们，可能忘记了开源软件经常存在的一个声明：开源软件的用户需要对软件的使用、分发负责，并承担相应风险。2014年4月，OpenSSL的维护者收到了Google报的安全问题，要求修复。他感慨道：为什么一个每年只能收到2000美元捐助的人，却要负责加密17%的互联网流量？2018年，一个每周下载数百万次的JavaScript库ua-parser-js被添加了恶意代码，用来窃取加密货币。原因就是最初的作者没有动力维护了，他把控制权交给了匿名的人。他肯定没有动力，因为这个项目只筹集到了微不足道的41.61美元的钱，但是他却要应付各种各样，海量的需求。这实在是太不公平了，为什么开源软件会走入到这个境地？像Log4j , OpenSSL还是靠志愿者在背后默默努力，一旦暴雷，只有硬抗。再回到 core-js ，他是 JavaScript 标准库中最流行也最常用的 polyfill，为最新的 ECMAScript 标准和提案提供支持，包括古老的 ES5 功能到迭代器助手等前沿选项；就连与 ECMAScript 密切相关的 structureClon ...继续阅读 (72)

去年移动送了一个机顶盒，一直扔在柜子了没打开，这两天收拾屋子翻出来了，自从上次刷机后尝到了甜头，这次干脆继续刷机，无聊的时候接个显示器就可以娱乐一下，刷机工具和刷机包我放最后，至于双头USB自己做或者买都是可以的。这台机器内存1G，性能有点拉胯，所以不要报太高的期望，就拿他玩玩就好。more看了一些刷机视频和教程，感觉说的都不是特别的清楚，特别是短接点和短接顺序都没太仔细的描述。首先说下短接点，我查了好多教程说是C128，其实这个不适用于我这个机器的型号，B860AV2.1-A2的短接点是C9A8，我找C128找的眼都懵了。其次就是顺序，我这台机器连到电脑上的时候，机器的指示灯会亮，所以我这里的短接顺序就是：不插USB，断电情况下，先短接C9A8；短接后给机器通电；连接USB；假如觉得一个手短接，一个手去插电源麻烦的话，就找一个带开关的插排，电源线都接好，然后需要通电的时候，打开插排开关就可以了。至于连通后如何刷机及细节，我这里就不详细描述了，随便看一个教程都有的。放几个刷机后的桌面吧，我找到的这几个固件都是乐家桌面，比较坑的就是不能换桌面，我装当贝桌的所有应用他都会隐藏掉，可见开发这个桌面的人是多么的自卑，既然打不过那就换一种手段……不过这几个固件刷完之后，WIFI和蓝牙都是没问题的，原装的遥控器也是正常使用，里面的设置密码是10086。最后发一下固件的地址，这三个我都刷过，目前 ...继续阅读 (80)

时间过的真快啊，一转眼一年又过去了。随着自己年龄的增长，总感觉时间过的越来越快，过了年就38周岁了，有点恐怖啊！疫情终于在这个月宣布了放开，撑了三年，没撑过最后一个月，阳了！明年会怎样，真不好说，不过大环境就是这样，还能有啥奢望呢，猥琐发育吧！more工作今年工作多少还是有点失落，低代码方面没有太多成绩，而且也没想好方向，导致上半年的成果完全没有落地。下半年主导产品前端二开升级，努力了一个月有了初步的方案，可惜最后成本改造有点大，也没有落地……唯一就是把整个部门的前端代码都开启了sonar静态扫描，提升了下代码质量吧。基础组件掐指一算，也维护了三年，这三年真的是用心付出，现在每周的下载量平均500左右吧，明年继续发力，争取把组件推广到公司。[github:wangdaodao/vue-lunar-calendar-pro]封装的农历组件也有60个小星星了，虽然已经不怎么维护了，但是看到还是有人在用，也是一种鼓励。生活双城生活也持续了一年多，期间的疫情也导致往返的频率降低了，也有几个同事和我一样都是双城生活，坦然的接受了这个事实。汽车也从河北转到了天津，不过北京的始终还是没有摇上，看来基本上是没戏了。读书&电影基本上每天都会抽出时间看看书，而且现在看的书偏历史方面，《明朝那些事》又重新的读了一遍，《大秦帝国》也断断续续的听了一遍。电影今年也看了一些，推荐的以下几部，都是比较不错的：[ ...继续阅读 (84)

家里买的是爱普生M1128打印机，有时候经常给孩子打印卷子，如果没有双面打印会比较浪费纸。探索了好久，终于搞定手动双面打印，目前记录一下，说不定能够帮助需要的人。more首先打印的时候先选择奇数打印。正常情况，打印机是倒叙打印，假如咱们打印的页码是1/3/5/7/9，那么打印出来的顺序是9/7/5/3/1，然后拿到手里的顺序，如下示例：-----------1 -----------3 -----------5 -----------7 -----------9这个时候分两种情况：打印的总数是偶数，例如现在打印的总数是10页，那么，直接按照打印机吐出的顺序颠倒一下，如下示例：-----------9 -----------7 -----------5 -----------3 -----------1打印的总数是奇数，例如打印总数是9页，那么需要把第9页拿出来，还是按照顺序颠倒一下，如下示例：-----------7 -----------5 -----------3 -----------1把第一页放在最下面，然后有文字面朝上，正对着打印机放入打印机，如下示例：|打印机入口| | | ⬆⬆ +---------+ | | | abc | | | +---------+然后选择打印偶数页即可。 ...继续阅读 (83)

其实在写IE兼容调试的时候，我是有点挣扎的，毕竟这货马上就要消失在历史的长河中了，不过本着存在即合理的解释，还是再整理一下，万一呢……我这次遇到的IE报错是这样的：去搜了一下，果然也有人遇到这样的问题：https://blog.csdn.net/qq_24380731/article/details/127240785他这里的方法直接是安装相应的版本，但是没办法解决依赖嵌套的问题。所以建议使用resolutions去解决：// package.json "resolutions": { "sockjs-client": "1.5.2" },另外，假如项目中有.browserslistrc文件的或者package.json中有browserslist字段，需要把not dead删除。 ...继续阅读 (66)

Moment.js是一个轻量级的js时间处理类库，其使用简单，方便了日常开发中对时间的操作，提高了开发效率。虽然大家经常用，但是我这次在项目中使用了一次，出现了严重的bug，下面就简单的把bug描述一下！moreMoment有一个格式化的方法format()，可以把日期格式化成需要的格式：http://momentjs.cn/docs/#/displaying/format/这里我特意把这几个标识出来，因为这个地方会存在问题。我先写一个demo本地运行一下试试：DOCTYPE htmlDocumentlet t1 = moment('2014-12-31').format('YYYY-ww'); let t2 = moment('2014-12-31').format('GGGG-WW'); console.log(t1, t2);问题就出现在跨年的时计算周数的时候，YYYY-ww和GGGG-WW！这两个打印出来的，结果为：2014-01和2015-01，是不是挺诡异的。遇到这种情况，只能以ISO格式去做转换才可以，这个坑还真有点深啊…… ...继续阅读 (76)

这个长假前三天下雨在家宅着，最后一天在家打扫卫生写PPT……more第一天装车牌节前换了一个车牌，随机50次没有合适的，手输最后一次终于选到了合适的，真是有惊无险……然后，原本节前能到的车牌，结果留错手机号了，好在查下EMS自取车牌了。车牌也是装的不那么顺利，有颗螺丝钉绣在里面了，怎么都拧不下来，只能使用除锈剂+扳手这么硬搞，漆都磨掉了一些，好在看不出来，有时间买一个修复液，自己涂一涂算了……第二天装ECT车牌换了，ECT也需要重新换，第二天ECT也寄到了，之前车子也装有ETC得移除，但是当时装ETC没想那么多，把ETC粘到贴膜上了，结果取ETC的时候悲剧了，膜让我给搞掉了……只能手动把那块膜给割掉，真是费劲啊，有人说把贴膜粘静电贴上，不过现在ETC都是防移除的，背面有一个按钮，如果掉了的话，设备就失效了，更加麻烦，所以这次我把膜割了一块，直接把设备粘玻璃上了！当时贴膜的时候，如果给师傅提前说一下，割下一块，会不会更好呢……第三天装监控虽然现在天津治安还是很不错的，但是上次媳妇洗的衣服不知道让谁给弄脏了，再加上孩子平时就在门口玩，装一个监控还是有必要的，正好小米出了新品户外摄像头AW300，价格也就200左右。2号下单，3号中午就送到了，包装也挺简洁，大小也适合：安装过程就不描述了，反正也挺费劲的，幸亏之前为了方便我在门口给电车充电，在窗口边上打了一个孔，这个小孔也可以给摄像头走电 ...继续阅读 (71)

今年公司又照例举办了黑客马拉松比赛，不过没有什么特别的想法就没有参赛，但是中间发布了一个解密小游戏还是比较有意思的，我就抱着试试看的态度玩了玩，没想到竟然还拿了TOP1，抛去奖品不说，这个过程还是比较好玩，我就分享一下我解密的过程。more线索图通过观察线索，也就是文字反转，这倒难不住咱们，做一下反转处理后：Welcome to the glodon hackathon.This year's hackathon will be held on 10.21-22.There will be 30 awards and two theme dawards will be proposed for the first time.The two topics are privacy-preserving computing and space design automation.For more information, please follow the link below:https://xxx.com/scm/hackathon/info.gitWe must have known the address of the codebase, the next step is in the new pdf, ctrl + a will help you.上面这段话的意思，大概透露了两 ...继续阅读 (83)

公司最近全部切换到了企业微信，发现企业微信群可以建机器人并且可玩性还挺高，于是抽了半天研究了一下，成功如下图：每天八点半准时推送思否最新文章、下班前提醒同事拖jira任务、组件发布到NPM仓库后自动发布通知、Sonar扫描后推送结果！是不是觉得有意思呢，下面就分享下如果实现定时提醒。more代码比较简单就不写注释了，Node环境下直接执行即可：需要特别注意的是：一定要保护好机器人的webhook地址，避免泄漏！不要分享到github、博客等可被公开查阅的地方，否则坏人就可以用你的机器人来发垃圾消息了。const fetch = require('node-fetch'); let key = 'xxx'; // 这里替换成自己的KEY const webHookUrl = 'https://qyapi.weixin.qq.com/cgi-bin/webhook/send?key=' + key; function sendToWXJob() { const text = { msgtype: 'text', text: { content: '🚀今天记得拖任务呀！', mentioned_list: ['@all'] }, }; fetch(webHookUrl, { method: 'post', ...继续阅读 (73)

前两天，有朋友在使用iview组件时想修改组件里面的某一个方法，当时推荐他使用优雅的修改node_modules中依赖包里面介绍的patch-package这个插件去搞，不过他期望只改里面一个方法，不想用这么重的方式，于是就有了这篇文章介绍的利用Vue中的extends去修改组件的方法。more先看下官方对extends的介绍：允许声明扩展另一个组件 (可以是一个简单的选项对象或构造函数)，而无需使用Vue.extend。这主要是为了便于扩展单文件组件，这和mixins类似。白话一点的就是：使用继承后data、computed、methods等都被会覆盖，生命周期都会被触发（先触发被继承的，再触发继承后的）。现在要修改Slider组件，那么就在这个组件做继承：import { Slider } from 'view-design'; export default { name: "my-slider", extends: Slider, methods: { changeButtonPosition(newPos, forceType) { const type = forceType || this.pointerDown; const index = type === 'min' ? 0 : 1; if (type === ...继续阅读 (69)

月初给服务器续了个费，一转眼博客已经跑了五年了！感叹时间的流逝，也感叹这个世界的变化：疫情、战争、失业、房地产都让我们赶上了。五年中，家里又添了一个小家伙，家也从北京搬到了天津，我也开始了双城生活；五年中，博客发布 241 篇文章，输出了 15.90 万字，中间还被墙过；五年中，工作中自己也有了成长，架构能力也有了提升；下一个五年，我们继续…… ...继续阅读 (93)

在开发过程中，不可避免的会用到第三方的依赖，越庞大臃肿的代码就有可能存在bug，但是代码如果在依赖包node_modules路径下这种修改就有点麻烦了……more给作者提issues，摆烂了……给作者提PR，不合并……遇到这种的，要么自己fork一份改完了发布，例如我们现在团队就是自己在维护一套饿了么组件，但是这种成本也是挺高的，大团队有这个精力，对于小团队肯定是不划算的。所以，一般的开发者都会这么处理：可以修改代码对应的文件，但是如果团队中其他人拉下来的代码，npm install一下，还是被覆盖掉，不能做到一劳永逸的效果，并且在团队开发中也有诸多不便。将需要修改的组件源码拷贝到项目中单独自己封装一个组件，然后再引用。这样做也有很多不便，比如自己单独封装组件既繁琐又耗时，而且后续组件版本升级了，那就摊手了……那么，我要怎么手动修改node_modules中的依赖包呢？下面就记录一下较为高大上的一种方案，该方案操作简单、便捷、且一劳永逸，该方法就是采用patch-package修改node_modules中的依赖包。[github:ds300/patch-package]1. 安装# npm npm install patch-package --save-dev # yarn yarn add --dev patch-package postinstall-postinstal ...继续阅读 (75)

一年一度的618购物又开始了，自从2016年1月份入手的第一把IKBC茶轴到现在已经有6个年头了，不得不说一直用到现在都还是很舒服，而且质量也很好。more看别人推荐艾石头这个牌子的键盘，性价比也不错，看了看卡里的余额还是能够买一把键盘的，所以就冲动的消费了一次！先说一下艾石头FE87这个，我买的是青轴。做工方面，包装就一个薄薄的纸盒子，键帽也有一些毛刺，手感稍微有点轻，不过可磁吸上盖和Typec剪线分离还是不错的，在清理键盘的时候，还是挺方便的！不过嘛，质量这块我还真不敢保证，因为刚到手就有一颗坏轴，搞的我只能换货！问了下客服，180天内只换不修，保修期是一年，等我用段时间再说吧……对比IKBC，我觉得还是有些差距，不过毕竟价格在这里放着，我这把IKBC够买好几把艾石头了……对了，这个键盘还有驱动，可以设置一些按键，有点意外。关于轴体的推荐，我用过茶轴和青轴，茶轴相对比较安静，青轴有点吵，午休的时候打字就有点吵到同事……个人感觉，这个键盘比较适合追求性价比或者预算不高的去玩一玩，老玩家就算了。目前这个键盘准备让我儿子用，毕竟他现在也是一个小小程序员了…… ...继续阅读 (70)

不掺水的VSCode使用小技巧，学会了可以节省一些时间！！more经常使用VSCode，在开发代码的时候经常会执行一些常规的任务，一般我们都会这样做：这样会在当前项目中新建.vscode的文件夹，里面有一个task.json的文件，存放我们常用的任务。但是如果每次都要这么做，也是挺麻烦的一件事，如果能配置成全局的，就可以一劳永逸了！不过目前在网上没有找的如何配置的教程，这里我也是误打误撞的搞定了。其实，方法很简单，只需要到AppData\Roaming\Code\User这个文件夹下面，建一个task.json的文件，里面内容大概这样就可以：{ "version": "2.0.0", "tasks": [ { "label": "NPM Install", "type": "shell", "command": "npm install" }, { "label": "Yarn Install", "type": "shell", "command": "Yarn" } ] }然后，你就会发现，在终端中执行任务的时候，就会有如下任务：至于想配置啥任务，就 ...继续阅读 (70)

2019年，可能会是过去十年里最差的一年，但却是未来十年里最好的一年！more掰着手指算一算，疫情已经持续了两年半了！在疫情之前大家可能还能对近两年做一个短期规划，自从疫情之后，都无法预测下个月会是啥情况，居家隔离、疫情管控、公司裁员、房贷断供、股市低迷、战争暴发这种突然就出现了。在这里，还是劝解大家理性消费，开源节流。不过也不必太过悲观，危机危机，有危险就有机会，找准方向持续深耕，活下去应该不会太难！老实说，两年半疫情于我而言是一笔非常宝贵的时间财富，不管发生过什么光怪陆离的事，处在人生的第37个年头，我对这个世界、人生有了更加清醒的认知，这个世界的运行规律从来就不是课本里那般非黑即白，并不能让我们增加认知，挫折和失败才能让我们验证事情于己的真伪。再说下最近暴发的几个事件，核酸检测公司频频翻车，不是偶然而是必然，利益超过300%就敢冒着断头的风险去做，更何况毒疫苗又不是没干过，如果查到了只是找几个替罪羊，惩罚没这么大。北京现在已经杀鸡给猴看，至于猴子是谁可能是魔都，毕竟出现这么多问题目前还是风平浪静！另外就是小学课本，为啥最近才爆出来，有可能之前家长都太忙，没有时间仔细看孩子的课本插图，现在疫情都在家，翻开孩子课本难免会和咱们小时候的课本做对比，没有对比就没有伤害！不过说实话，教材可是马虎不得，就例如我上学的时候，好多描写抗战时期的英雄课文都删了，鲁迅的好多文章也删了，是不是觉得 ...继续阅读 (86)

Sonar 是一款开源的代码质量检查工具，基本支持所有流行的编程语言，可以帮助我们做一些代码的审查。在 Sonar 中，问题分为三种，每种按照严重程度分为 A-E 五个级别，三种问题分别为：Reliability：识别出非运行时 bug；Security：存在的安全漏洞问题；Maintainability：不规范的代码，这个可以帮助我们改正我们代码中的一些不良习惯；另外 Sonar 还可以帮助我们分析出重复的代码。通过上面的介绍，Sonar 可以帮助我们改善代码质量，本文的重点不是讲解Sonar的搭建，而是介绍怎么通过Jenkins去做扫描。more配置 SonarQube 令牌在后台-->个人账户-->安全 ，生成一个令牌后面需要用到：Jenkins 安装 Sonar 插件在 Jenkins 插件管理中，关键字搜索SonarQube Scanner安装完，重启 Jenkins！配置插件在 Jenkins 全局工具配置中，找到 SonarQube Scanner 块，点击新增 SonarQube Scanner。版本选择与平台版本对应。在 Jenkins 设置中找到 SonarQube servers 块，配置服务端，Server URL就是 Sonar 服务地址，token 填写刚才生成的令牌。到这一步，Jenkins 中的配置已经完成。配置扫描规则这里只对前端未编译后的代码做扫 ...继续阅读 (82)

好久不上博客了，偶然发现PR值升了……另外上次说阿里云免费主机的事，才用了几天，竟然提示我超标消耗系统资源，给我关停了……感觉应该是开了邮箱服务的问题，把邮箱服务关了试试吧！现在已经用了2周了，没有再说超标的事，但是邮件是用不了啦！！！如果有懂的话，麻烦帮我看看到底是怎么回事吧…… ...继续阅读 (77)

万网免费的主机，搭建一个小博客没什么压力，至于图片流量就用七牛或者又拍云吧……唯一有点不爽的就是要域名备案，看各自喜好吧，两年的免费主机也挺值了……限量名额：每天0点开始限量开放申请名额，如名额已抢光则无法申请；成功领取之日起可免费使用2年，支持随时升级到其他产品；每人限领一台，如果连续60天，未完成备案、域名绑定和解析，该虚机将被收回并删除。 ...继续阅读 (81)

备了个案，然后把博客搬到了阿里云上了（免费2年）。瞅着10G的流量，有点小担心，七牛不用也浪费，于是就把博客里面的图片和头像都缓存到七牛里面吧，教程一大堆，我就不放了。先瞅瞅这一个月流量是个啥情况吧……另外，域名也转到了dnspod了，爽歪歪！备案就是好啊，七牛直接支持绑定域名了，咱也试一试加速的效果！！得瑟完毕！其实我有时候也是更新下文章，只是不在这里得瑟而已……另外还是要感谢西门同学一直以来的主机，性价比很高，懒的折腾就找西门！ ...继续阅读 (92)

距离上次更新文章，已经有三个月了，要不是提示我升级wordpress，我估计还懒的打开这个博客了……一度想要停掉这个博客，但是想想里面还是有很多不舍，所以还是保留下来！不过这次会把以前很久很久的文章给隐藏……其实我在github上面一直更新我的博客，里面有些文章会转过来！ ...继续阅读 (98)