blog icon indicating copy to clipboard operation
blog copied to clipboard

My blog on Next.js and TypeScript.

Results 111 blog issues
Sort by recently updated
recently updated
newest added

上班时我坚决不用,下班之后全都要用! ![](https://images.unsplash.com/photo-1634838083208-ce7a36701fe4?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2940&q=80) 今天看到群里的LSP吐槽了一下`flex`的`gap`属性,他的原话是这样说的: LSP: "嗝屁了这么差的。" 掏粪工:“不是还可以啊” LSP:“灾难。” 群友的对话成功吸引到了我的注意,于是我看了看群里发的图,思考了标题这个问题:“我要不要用弹性布局的`gap`属性?” ### 过程 在讨论要不要用之前,我们先来看看什么是`gap`属性: > The gap property in CSS is a shorthand for `row-gap` and `column-gap`, specifying the size of gutters, which...

Weekly

--- description: Hello, Ruby! 学习 ruby 的语法知识,并且做一个 ruby 项目。 cover: https://mllmu3qmmprr.i.optimole.com/w:auto/h:auto/q:mauto/f:avif/https://www.codingclub.org/wp-content/uploads/elementor/thumbs/ruby-pnq82bm8hpfdnwihsoudyp39okf9fczjwsxjkewd54.jpg tags: - ruby --- Hello, Ruby! ![](https://mllmu3qmmprr.i.optimole.com/w:auto/h:auto/q:mauto/f:avif/https://www.codingclub.org/wp-content/uploads/elementor/thumbs/ruby-pnq82bm8hpfdnwihsoudyp39okf9fczjwsxjkewd54.jpg) # Ruby Programming > [[Ruby Essentials - Techotopia](https://www.techotopia.com/index.php/Ruby_Essentials)](https://www.techotopia.com/index.php/Ruby_Essentials) ## HELLO WORLD.Ruby. ```ruby...

编程

如果你想少走些弯路,就要找到自己的石头去碰对手的鸡蛋。 ![](https://images.unsplash.com/photo-1493406300581-484b937cdc41?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2940&q=80) ### CSS压缩工具 > cssminifier 提供API,我们也可以借助其接口实现自己的CLI,亦或是集成到项目构建流程中去 [CSS Minifier & Compressor | Toptal®](https://www.toptal.com/developers/cssminifier):一个简洁易用的在线`CSS`压缩工具。 ### Open Graph Protocol [The Open Graph protocol](https://ogp.me/):开放图谱协议。 > The [Open Graph protocol](https://ogp.me/) enables any web page...

Weekly

2023年01月23日00:44:04 室外温度:8° 深夜,肚子饿。 ![](https://images.unsplash.com/photo-1467810563316-b5476525c0f9?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxzZWFyY2h8M3x8aGFwcHklMjBuZXclMjB5ZWFyfGVufDB8MHwwfHw%3D&auto=format&fit=crop&w=800&q=60) 回顾去年的工作,996不可避免,精神内耗永无止境。 但是,收获大于消耗。 去年年后去了福州食亨,入职后真正体会到前端开发在做什么,以及web开发的流程和团队是怎么配合的。 在那段时间很快就写了比前年在深圳一年还多的代码,身边的同事都很不错。感谢当时帮我很多的宇哥,但是不得不说塔斯汀微信小程序简直乱成一锅粥(sorry,宇哥,但那部分代码真的一锅粥) 在福州结识了几个朋友也不错。 年中,投奔了老胡。 新的团队从零开始,我开始负责更多工作,除了日常的编码之外,甚至还有设计(当然我的设计水平简直不忍直视,幸运的是我们后来来了一个超级酷的设计师,括弧:不是设计水平很酷),甚至还负责给新人前端做一面。 这部分工作内容很有趣,对我来说是一种全新的体验。从某天晚上开始,我陆陆续续看简历,语音沟通面试内容,从说话莫名其妙到稍微有一点逻辑,很有趣。 给新人看简历、做一面让我了解了如何处理简历、如何跟面试官沟通,甚至是公司和面试官期望的面试者需要具有什么特性和能力。 工作的部分,大家都是年龄相近的同事,沟通非常顺畅。 对于我带的几个新人,我很抱歉。 如果你们看到我写的这部分内容,我很抱歉。这是我第一次带人,距离我被带仅仅有一个月时间左右😂。 我带得不好,源于自己并没有足够的能量和能力。这也就导致了我们初期不断的加班和返工,我们疲于奔命去处理一些问题。 sorry. 为深夜两点我们还在公司而道歉。 这里可能真的不适合你们仨,新人进入职场有一个经验丰富且足够优秀的前辈太重要了。 最终你们都离开了,这是我的遗憾。 但是,你们几个也不要放松,自己也要好好加油~ 剑伟不要笑嘻嘻的!如琦和迎霜要多巩固基础。(我不好意思发给你们,看得到看不到全靠缘分😂 此外,新团队的leader真的很拼,当然也很好说话。 现在立马发一张好人卡给我组长昭鹏,你真是个好人,但是除夕夜还跟我说工作真的很 fuck-off。 剑鑫身体素质真好,中了新冠还能肝到半夜。 老胡搭建了公司的整个技术体系框架,cool. 技术上,我还有很多需要学习的地方,非常非常多。由于不够了解技术,经常跟老胡讨论问题却答不出结果,尬。 总体来说,工作上去年求仁得仁,唯一不如意的地方就是加班加班加班,我有很严重的精神内耗,非常非常严重,也就导致了熬夜太多,生活作息紊乱,精神内耗也因此加剧,无限循环。...

Talk

--- description: 游乐场有一个飞镖游戏,大家纷纷尝试。但是,我买不起票来体验这种游戏,我是工作人员。 cover: https://images.unsplash.com/photo-1553481187-be93c21490a9?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxzZWFyY2h8Mnx8Z2FtZXxlbnwwfDB8MHx8&auto=format&fit=crop&w=800&q=60 --- ![](https://images.unsplash.com/photo-1553481187-be93c21490a9?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxzZWFyY2h8Mnx8Z2FtZXxlbnwwfDB8MHx8&auto=format&fit=crop&w=800&q=60) ## 创业游戏 > `notacoward`:"Entrepreneurship is like one of those carnival games where you throw darts or something. > > Middle class kids can...

Weekly

没有人会偶然成为宇航员. ![](https://images.unsplash.com/photo-1581574919402-5b7d733224d6?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxzZWFyY2h8M3x8Z29hbHxlbnwwfDB8MHx8&auto=format&fit=crop&w=800&q=60) - 没有人会偶然成为宇航员 - “产品” - 你关注的是什么?你把精力放在哪里?你听信谁的声音?你阅读谁的文字? ### 趣事趣图 荷兰的一个图书馆,你想要为电子设备充电的话,必须骑自行车发电😂 ![](https://cdn.beekka.com/blogimg/asset/202212/bg2022120702.webp) 根据新西兰的一项研究,由于没有打开窗户,公共汽车内部充满了乘客呼出的二氧化碳。空车的时候,二氧化碳浓度是百万分之516,即 516 ppm;乘满乘客20分钟以后,二氧化碳浓度就上升到了 5737 ppm,上升了十多倍。 **所以,你在呼吸谁的呼吸。** ![](https://cdn.beekka.com/blogimg/asset/202212/bg2022120820.webp) 这就是我宁愿走路也不愿挤公交的原因。 ### ChatGPT Chrome Extension 这是一个`ChatGPT`谷歌插件,安装之后就可以在插件栏使用`ChatGPT`,并且在谷歌搜索结果的右侧空白区域,为你当前搜索的关键字提供`ChatGPT`的回答结果。 笔者体验之后感觉不错,在某些时候能直接得到我搜索想要的答案。 > `ChatGPT`真的很强,但由于某种原因国内用户无法注册,并且因为网络原因国内也无法访问,如果需要注册的话则需要一个国外的手机号接收验证码。 ### [[Virtual...

Weekly

攀比会偷走快乐。 ![](https://images.unsplash.com/photo-1519238425857-d6922ed3d613?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxzZWFyY2h8NHx8bG9uZWx5fGVufDB8fDB8fA%3D%3D&auto=format&fit=crop&w=800&q=60) - 攀比会偷走快乐 - 极简主义:舍弃不必要的一切 - “过去的经历使我意识到缺乏评论框不会阻碍那些真正想要交流的人,如果真的有必要,即使在没有评论框的情况下,这些人也能通过各种方式向我发送信息,这本身是非常奇妙的。” - 花点时间把今天看做一个机会 - 大多数人只能成为无能的模仿者,如果你也是模仿者,那就去模仿最优质的目标。 - 有时,最短,最简单的路径可能是错误的路径,而最远,最困难的路径才是正确的。如今几乎所有事情都有摩擦更小,更人性化的解决方案。 遗憾的是,那些能够被动获得的解决方案,其本质多是在向人们兜售某种产品。 ### [Slidev](https://sli.dev/) 为开发者打造的演示文稿工具,如果你需要为团队或其他群体做技术分享,或许你会喜欢这个很有技术范的演示文稿工具。 > Slidev 依然在开发中,API和用法尚未稳定,但值得我们期待。 ### [BlackGlory/parse-favicon: 🌲 Parse HTML to get icon information](https://github.com/BlackGlory/parse-favicon#readme)...

Weekly

知道自己想做什么事情的人是幸运的,他们可能这辈子都能乐在其中. ![](https://images.unsplash.com/photo-1558929996-da64ba858215?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxzZWFyY2h8MTB8fGRvZ3N8ZW58MHx8MHx8&auto=format&fit=crop&w=800&q=60) ### [wclr/yalc: Work with yarn/npm packages locally like a boss.](https://github.com/wclr/yalc) 让调试第三库变得简单。 开发第三方库的时候,可以看看这个工具。 ### [GitHub - unjs/consola: Elegant Console Logger for Node.js and Browser 🐨](https://github.com/unjs/consola#readme) 现代化的`Javascript`打印工具(我就是喜欢花里胡哨),支持浏览器和`node`端。 好吧,优点如下: - 易用:接口可以随时替换原生`console`的方法...

Weekly

转化成动力的能量更多来自于激情,而不是压力。 ![](https://images.unsplash.com/photo-1617042375876-a13e36732a04?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxzZWFyY2h8MzB8fGNvZGV8ZW58MHx8MHx8&auto=format&fit=crop&w=800&q=60) - 严于律己,宽以待人 - 转化成动力的能量更多来自于激情 - Lift is short. ### [wclr/yalc: Work with yarn/npm packages locally like a boss.](https://github.com/wclr/yalc) 让调试第三库变得简单。 开发第三方库的时候,可以看看这个工具。 ### [GitHub - unjs/consola: Elegant Console Logger for...

Weekly

此刻的我是一个能力不足,但是肯自愿学习的人。 ![](https://images.unsplash.com/photo-1561145999-7e82bd65c6e2?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxzZWFyY2h8MTN8fHJvb2tpZXxlbnwwfHwwfHw%3D&auto=format&fit=crop&w=800&q=60) **奴:指非自愿和靠人监督的人。** **徒:指能力不足,又肯自愿学习的人。** **工:就是老老实实,按规矩做事的人。** **匠:指精通一门技艺或手艺,靠劳动生存的人。** **师:就是掌握了一些规矩,又能将规律传授给他人的人。** **家:有固定的信念,让别人生活得更好的人。** **圣:精通事理,通达万物,大公无私,为民立命的人** ### [[网易云音乐 NodeJS 版 API](https://neteasecloudmusicapi-docs.4everland.app/#/)](https://www.schemecolor.com/bat-bat.php) macOs 不支持上传音乐到云盘,于是我借助这个库写了个`CLI`工具来上传我喜欢的音乐到我的云盘.还写了自动签到的小工具,挂在了`github action`. 我很喜欢音乐,后续会一直用这个库来做一些有趣的东西. ### Flask 超级指南 > 曾几何时我也用 python flask 写接口. [The Flask Mega-Tutorial Part...

Weekly