博客功能更新 × 3
博客功能升级：新增系列文章功能支持文章连载，相关文章推荐提升内容关联性，Twikoo 评论组件自定义主题色实现 UI 统一。详细介绍 Astro 博客的三大功能更新及使用方法。
2026/1/9
articleCard.readMoreU
博客音乐播放器 + 1
尽管我本来不是想做博客播放器，而是做一个歌词解释器，但是做都做了，突然发现做成大杂烩也不行，于是开干呗~ 最后出来结果还不错，接下来简单介绍一下这个开源项目： 特别鸣谢 Meting，没有 Meting 就没有这个项目！ 搜歌、看歌词、AI 功能就不在这多说了，下面主要介绍其作为博客音乐...
2026/1/6
articleCard.readMore2025 年终总结
2025 年终总结：从 DeepSeek 点燃 AI 编程火花到 Claude 4.5 的生产力飞跃，记录一名开发者在技术迭代下的生存思考。包含 A 股 4000 点定投心得、币圈止损反思、思维导图新产品发布，以及关于出生率、失眠与寻找快乐的生活碎片。
2025/12/29
articleCard.readMore小猫都能懂的大模型原理 6 - 模型优化
探索大语言模型前沿技术：推理能力训练、超长上下文处理、性能优化策略、MoE 等先进技术。了解LLM最新发展趋势和未来方向。
2025/12/25
articleCard.readMoreuseEffect 清除计划
useEffect 是 React 的 Evil。本文反向思考，总结仅有的两种合理使用场景：生命周期副作用与响应异步 Props。提供 useEffectEvent、useImperativeHandle 替代方案，附完整代码重构示例，帮你系统性消除项目中多余的 useEffect。
2025/12/22
articleCard.readMore小猫都能懂的大模型原理 5 - 后训练
大语言模型后训练完整指南：SFT监督微调、RLHF人类反馈强化学习、Reasoning 推理能力训练等技术。详解如何将基础大模型训练成对话助手，提升模型实用性、安全性和推理能力。
2025/12/8
articleCard.readMore小猫都能懂的大模型原理 4 - 大语言模型架构
详解大语言模型完整架构：Transformer层、残差连接、层归一化、前馈神经网络等核心组件。涵盖训练流程、参数优化、推理过程，以及如何构建高性能LLM系统。
2025/12/4
articleCard.readMore小猫都能懂的大模型原理 3 - 自注意力机制
深入解析Transformer自注意力机制原理：通过QKV计算、多头注意力、残差连接等技术，让大语言模型能够理解长距离依赖关系。包含详细的数学公式和实例讲解。
2025/12/2
articleCard.readMore小猫都能懂的大模型原理 2 - 初见大语言模型
深入浅出地解析GPT和Transformer架构原理，介绍大语言模型的训练机制、Token化处理、词嵌入技术，以及自注意力机制如何让AI理解和生成人类语言。
2025/12/1
articleCard.readMore小猫都能懂的大模型原理 1 - 深度学习基础
用最简单易懂的语言解释大语言模型的基本原理，从深度学习基础到神经网络训练，包含梯度下降、反向传播等核心概念，适合初学者的AI入门教程。
2025/11/30
articleCard.readMore免费和付费 AI API 选择指南
详细介绍2025年最值得推荐的AI服务提供商，包括Google Gemini、OpenRouter、硅基流动等免费方案，以及OpenAI、Anthropic Claude等付费服务的选择建议和使用教程。
2025/11/26
articleCard.readMoreDie with Zero：最优解人生
探讨如何在有限的生命中最大化体验，而非无休止地积累财富。通过合理规划时间和金钱，实现真正的人生价值。
2025/10/18
articleCard.readMore深入理解现代浏览器的工作原理
深入探讨现代浏览器如何工作，从网络请求到页面渲染的完整流程
2025/9/25
articleCard.readMore复习 CSS Flex 和 Grid 布局
深入复习 CSS Flex 和 Grid 布局的核心概念与实战技巧。从弹性布局的轴向理解到网格布局的跨越设置，涵盖对齐方式、换行处理、Tailwind 原子类封装等内容，帮助前端开发者掌握现代 CSS 布局的最佳实践。
2025/9/8
articleCard.readMore2025 年 AI 编程经验分享
深度解析2025年AI编程的最新模式和实践方法。从Vibe Coding到提示词工程，从上下文管理到实际效率提升，全面覆盖AI辅助编程的核心技巧、工具选择和最佳实践。包含Claude、Copilot、Augment等主流AI编程工具的使用经验。
2025/8/31
articleCard.readMore我打造了一个轻量级、MCP 加持的思维导图
Mind Elixir Desktop(妙意灵溪)是一款轻量级、AI驱动的思维导图桌面应用，支持本地存储、多平台兼容，并首创支持MCP(模型上下文协议)功能。
2025/8/6
articleCard.readMore前端 Monorepo 实践指南：从选择到实现
深入探讨前端 Monorepo 的应用场景、优缺点分析，以及使用 pnpm workspaces、turborepo 和 changesets 构建高效 monorepo 工程的实践经验。包含完整的工具配置和最佳实践建议。
2025/7/18
articleCard.readMore知识库构建指南
深入探讨知识库构建的完整方法论，涵盖线性笔记、思维导图、卡片盒笔记法等多种笔记形式，以及费曼技巧、康奈尔笔记法等学习方法，助你在AI时代构建高效的个人知识管理系统。
2025/7/7
articleCard.readMore轻松在网页中集成专业思维导图功能 - Mind Elixir
详细介绍如何使用 Mind Elixir 在网页项目中集成思维导图功能。从基础安装到高级定制，包含完整代码示例和最佳实践，帮助开发者快速上手这个强大的 JavaScript 思维导图库。
2025/7/5
articleCard.readMoreReact 批判 2 则
聊聊 React 在 useEffect 依赖管理和清理顺序方面的设计缺陷，探讨这些问题对非 React 原生库集成的影响，以及可能的解决方案。
2025/7/2
articleCard.readMore分享几条有意思的 NotebookLM 提示词
几条有意思的提示词，或许能得到有趣的答案。用在 NotebookLM 上有奇效，不过也不仅能用于 NotebookLM。
2025/5/28
articleCard.readMore榨干《海绵阅读法》
会忘掉是很正常的，大脑必须有遗忘这个功能人才能记住更重要的事情。所以做笔记，甚至多次整理笔记是必要的。 通过一下步骤主动做笔记： 好的笔记的特点： 为了读透一本书可以做三个层次的笔记，逐层递进： 万能读书笔记模板九要素（属于碎片笔记）： ...
2025/5/16
articleCard.readMore怎么在任何项目使用 Tailwind CSS
学习如何在任何项目中使用 Tailwind CSS，即使不使用流行框架。本文深入探讨 Tailwind CSS 的工作原理，解释如何利用其 CLI 在任何环境中生成 CSS，并涵盖 Tailwind 4.x 的配置、黑暗模式、CSS 层等高级主题。 适合前端开发者和希望提升 CSS 工作效率的任何人。
2025/3/30
articleCard.readMore70% 困境：AI 辅助开发的残酷真相
本文深入探讨了AI在软件开发中的应用现状与挑战，揭示了“70%问题”——即开发者在使用AI工具快速完成大部分工作后，剩余部分变得异常困难。文章分析了AI对不同经验水平开发者的不同影响，提出了“AI初稿”“持续对话”“信任但验证”等有效使用模式，并展望了AI作为“代理性软件工程师”的未来潜力。尽管AI显著加快了开发速度，但软件质量的提升仍需人类的判断和工程纪律。本文为开发者、技术领导者以及对AI在软件开发中应用感兴趣的读者提供了宝贵的见解和建议。
2025/3/4
articleCard.readMore整理一下《重塑杏仁核》
总结一下凯瑟琳·M.皮特曼(Catherine M.Pittman)《重塑杏仁核》，附带思维导图
2025/2/16
articleCard.readMore中式梦核——春节
千禧年现在好像都成为网络迷因关键词，在这个停止上升的时代，人们纷纷回忆起以前的美好。千禧年又很容易让人联想到梦核，但今天的主题显然不是梦核带来的那种有点伤感到窒息空气，而是现在回忆起来还有点温暖的，21 世纪初的小城春节
2025/1/25
articleCard.readMore怎么实现一个 AI 代码助手插件
本文以 Cline 为拆解对象，分析如何实现一个 AI 代码助手插件
2025/1/24
articleCard.readMore2024 年终总结
今年最后两个月充满了我迄今为止最难熬的日子。因为虽然做成了一件很重要的事，但是又搞砸了一件很重要的事，细节就不提了，反正就是 30 岁这个年纪在世俗上的“任务”那些事儿。再叠上本来就严重的程序员年龄焦虑，就组成了今年难受的一年。虽然现在跟父母一起住的“中年人”也越来越多了，每个人人生的关键时间点...
2024/12/31
articleCard.readMore破地狱 The Last Dance
破地狱得观影感想，含剧透，主要是锐评（
2024/12/14
articleCard.readMore现代人的情绪问题
这是民科，我就拍拍脑袋想的。 突然发现老一辈不擅长表达情绪，常见的是极端的压抑和无节制的发泄。那么现代人呢？ 我觉得是变得更理性，又或者更无上限的癫狂。如果从左到右是压抑到发泄的一条轴，那么现代人比过去就是整体向右移动了。以至于现在“发癫”是一个中性词，是在历史垃圾时间里憋急的年轻人的自我调侃。...
2024/12/8
articleCard.readMore花束般的恋爱
花束般的恋爱观影感想，含剧透
2024/11/30
articleCard.readMoreReact 的设计哲学
不知道大家有没有遇到过在一个网页输入内容的时候，每次输入都得卡个半秒；又或者点一下运行，整个页面完全无法交互，变得像一张图片，任你点击都没有任何反应。 从前，React 渲染就有一个致命缺陷，在 `setState` 时，**当前组件的整个树**都会运行渲染函数。即使使用了虚拟 DOM，这里面...
2024/11/27
articleCard.readMore使用 Github Action 自动更新开源项目 API 文档
本文教你如何做到在开源 Typescript 库发布后自动更新 docusaurus 驱动的文档仓库
2024/11/12
articleCard.readMore黎明杀机再启动！2024 萌新上分技能推荐！
! 再看回上次玩黎明杀机，已经是上年 9 月，好像从那之后就停下来了 PS4 也彻底进入封尘状态。后面手游玩得也不少，又忘了是哪个契机，再次弃掉了（虽然客户端还没删，但是上次更新已经是恰奇的版本）。 从借到 SteamDeck 之后我就一直在等打折，瘾莫名就上来了，但不巧我还遇到了史上最长“...
2024/11/4
articleCard.readMore马尔代夫 Maafushivaru 之旅 6 —— 魔法结束
终于还是到了 9 月 21 日，最后的早餐，十分潦草。但不得不说这个烙饼还真好吃，弹弹的，带有淡淡的甜，如果它不是出现在那里，我猜吃一年都不厌。 ! 吃完就回“宿舍”了，也没什么闲情逸致周围逛，回去收拾收拾东西差不多退房了。还记得那个每天更新的迷你吧吗，今天终于要把它扫荡一空，但是到最后一天...
2024/10/4
articleCard.readMore马尔代夫 Maafushivaru 之旅 5 —— “日常”
登陆 Maafushivaru 之后，已经过去两天。新奇感多少有点淡去，不过享受依然在继续。 9 月 19 日注定又是超长待机的一天，五点半就已经起来日出瑜伽了。来到 SPA 馆门口，一个印度小哥招呼我们上到瑜伽场地，然后我们发现，参加日出瑜伽的就两个人 🤣 到底是谁度假还早起呀！ 这个场...
2024/10/3
articleCard.readMore马尔代夫 Maafushivaru 之旅 4 —— 长跑结束
时间来到 9 月 18 日的日出时分，马尔代夫时间六点多，中国时间已是九点。我不是很困，醒来了围着房间转了几圈。 那是因为我有一个计划——在这旅行中求婚，而绕房几圈是正在物色布置几件装饰品的位置。在转过几圈之后，掂量了一番，还是觉得，嗯在窗边摆吧。 想好了，便继续躺倒床上，半睡半醒了一小时。 ...
2024/10/2
articleCard.readMore马尔代夫 Maafushivaru 之旅 3 —— 完美的首日
Maafushi 是马尔代夫当地语言迪维希语，意为大岛屿。这在当地是十分常见的词汇，所以非常多岛的名字都会带 fushi，例如 Maafushi、Fushivaru、Faarufushi，以及我们的目的地 Maafushivaru。又因为开发商是 OUTRIGGER（奥瑞格马富士瓦鲁）。 在我...
2024/10/1
articleCard.readMore马尔代夫 Maafushivaru 之旅 2 —— 登陆梦幻岛
上回讲到在过渡酒店躺了聊胜于无的 5 小时，终于正式向真正的目的地，一个名为 Maafushivaru 的小岛进发。 捎上招待所的“早餐”之后，先是回到维拉纳机场，找到奥瑞格的员工，办理水上飞机行李寄存，然后就转移到水飞码头了。 2024 年 9 月 17 日真是非常幸运的一天，在去水飞码头路上...
2024/9/30
articleCard.readMore马尔代夫 Maafushivaru 之旅 1 —— 从广州到马累
无论是出于忙、懒、还是整个过程确实有点麻烦的原因，我已经鸽过很多游记了，这次再鸽，我怕是真的要废了。就在被国庆调休到只有一天的周末，我还是决定把这篇游记肝出来。 本次旅行的目的地是马尔代夫，更准确来说是 OUTRIGGER Maldives Maafushivaru Resort（奥瑞格马富士瓦鲁...
2024/9/28
articleCard.readMore直面天命！
好久没有这么纯粹的打电动的周末，都怪哥们太给力了，借了我这玩意 👇 ! 导致我以一种未曾设想的方式直面天命，毕竟我家垃圾笔记本没显卡，本来没打算能玩到的 😎 ! SteamDeck 初摸手感比较一般，可能是因为机身较重，要在手柄减重，所以这个手柄一摸起来就没有游戏手柄的厚实感，比较塑...
2024/8/31
articleCard.readMore浏览器调试的 67 个实用技巧
高级浏览器调试技巧
2024/8/21
articleCard.readMore考虑路由来源的 Vue 页面缓存逻辑
本文介绍了在Vue框架中实现页面缓存逻辑的两种方案。初版方案通过keep-alive和router-view结合使用，以及路由守卫来控制页面缓存，但存在逻辑复杂的问题。新方案简化了逻辑，通过构建目标页面和来源页面的关系，优化了缓存机制，使得代码更加简洁且易于理解。
2024/8/20
articleCard.readMore最初的召唤
以下内容涉及剧透，请谨慎观看。 以下内容涉及剧透，请谨慎观看。 以下内容涉及剧透，请谨慎观看。 !最初的召唤 当年看最后的进化有感而发，已经是 2021 年，三年后终于有机会把 DM2 的新电影看了。 其实看数码宝贝02：最初的召唤我是完全没有预期，即使我对《最后的进化》评价很高，但这种情...
2024/8/17
articleCard.readMore你在电脑上看到的字到底是怎么显示出来的？
探索字符编码的奥秘：从 ASCII 到 Unicode，了解字符码表的起源与演变。深入学习 Unicode 的编码机制，包括 UTF-8、UTF-16 和 UTF-32，以及它们在现代编程语言中的应用。本文还详细介绍了字体与编码的关系，以及如何处理 Emoji 和 CJK 字符的特殊编码问题。
2024/8/7
articleCard.readMore至九龙城寨的那阵风
看完九龙城寨之围城，因为期望太高，电影只能说不算太差，但片尾曲倒是出乎意料
2024/7/28
articleCard.readMore买机票的门道
一些买机票的窍门，什么时候便宜？什么机票有坑？没票了怎么办？本文说不定能帮到你
2024/7/21
articleCard.readMore觉得花钱好痛苦，自救一下
分析一下自己觉得花钱痛苦的原因，大概起于童年习惯，当下的价值不认同，未来的安全感丧失。欢迎评论区讨论呀
2024/7/14
articleCard.readMore50 年前的粤语流行歌治好了我的精神内耗
写出这个标题的时候我觉得很夸张，这首歌发布于 1976 年，居然真的快 50 年了。所谓的这首歌，就是许冠杰的《浪子心声》。 对一个 90 后广东人来说，不管你愿不愿意听，或许都会在各种场合听过这首歌。尤其是我——据说我名字里，甚至借了许冠杰的一个字——自然在小时候听过不少他的歌。但此处必有但是，...
2024/6/29
articleCard.readMore老一辈游戏玩家真有意思
最近 delta 上线苹果 app store，在重温童年的时候顺便发现了老一辈游戏玩家的文档，且不得不惊叹这些文档的精美。
2024/5/18
articleCard.readMoreIntelliJ 插件开发
**注意：这是一篇草稿，但是因为 IntelliJ 插件开发参考资料实在太少，就放出来吧，不知道以后还有没有机会完善，怀念写 kotlin 的一周（哈哈）。** 难点与应对方法： 先决条件： 构建脚本 `build.gradle...
2024/5/6
articleCard.readMore我的省钱路数
分享一些个人倾向严重的省钱路数，核心是不用有目标而省，能省则省，省下来就是为自己储蓄自由。欢迎讨论、补充（、批判）。
2024/5/2
articleCard.readMoreCJK 字体文件压缩方案
简单介绍一个生产可用的 CJK 字体文件压缩方案，这个方案使用 python。如果你不喜欢，我还提供了两个 Node 平台的工具供参考。
2024/4/23
articleCard.readMore玩转 stream API
!阳光溪流 溪流绵延不绝，计算机科学的流也就如这个类比，是连续的数据传输。 为什么计算机科学需要流呢？主要有两点： !是否使用流的区别 上图来源于 2016 - the year of web...
2024/4/9
articleCard.readMoreWeb 前端开发演变时间线
之前用 logseq 写的小分享，简述了 Web 前端开发的历史和技术演变，大家可以参考一下，你熟悉的技术是什么时候诞生的呢？
2024/4/5
articleCard.readMore代码断舍离
不止生活要断舍离，代码也要断舍离。没用的代码快删掉啊！
2024/3/31
articleCard.readMore周末杂记
只是周末的一些小事，和一些随想
2024/3/17
articleCard.readMore遭到连续感冒暴击
一些感冒药方，以及处理咳嗽的方法，希望大家学到，用不到。
2024/3/12
articleCard.readMoreJavaScript Stream 终极指南
这篇文章是关于流（Stream）的深入指南，详细介绍了如何使用浏览器的 Stream API 处理可读、可写和转换流。文章涵盖了核心概念，包括数据块、可读流、可写流、转换流、管道链、回压和分支等。读者能够了解如何创建读取流，以及如何管理和控制流。
2024/3/2
articleCard.readMore前端性能优化教程——资源提示
在上一节课程中，我们学习了 CSS 和 JavaScript 等页面资源如何影响页面加载速度，并探讨了如何优化这些资源及其传输，以加快页面渲染。现在是深入了解资源加载进阶话题的绝佳时机，这包括使用资源提示（resource hint）帮助浏览器更迅速地完成加载工作。 资源提示能够通过预告浏览器如何...
2024/2/25
articleCard.readMore在 Astro 添加 markdown 提示语法
心心念念的提示（admonition）语法终于加上了。最终本博客选用 GitHub 的提示方案，最后也会提及在这次调研中找到的其他提示语法方案。
2024/2/23
articleCard.readMore博客框架迁移：Gatsby → Astro
史无前例的大更，本博客终于从 Gatsby 出逃到 Astro。迁移过程不算难！得到了更高的 Lighthouse 分数，但是构建时间却意外地边长。最后，跟盖茨比说声再见吧……
2024/2/20
articleCard.readMore哎，对 Gatsby 爱不起来了
对 Gatsby 爱不起来了……缺席的版本大更，失效的插件。虽然他陪了我很久，但我还是看向了 Astro。
2024/2/10
articleCard.readMore前端性能优化教程——理解关键路径
“关键渲染路径”是指网页在浏览器中开始显示前必须经历的一系列步骤。浏览器要显示网页，不仅需要获取 HTML 文档，还需要所有对显示该文档至关重要的资源。 在之前的HTML 性能基础部分，我们已经讨论了如何把 HTML 文档送达浏览器。本部分将深入探讨，浏览器在接收到 HTML 文档之后，为了显示网...
2024/2/10
articleCard.readMore前端性能优化教程——优化资源加载
本文简单解释了 JavaScript 和 CSS 如何阻塞页面加载，并且给出了对应优化加载速度的方法
2024/2/8
articleCard.readMore啥是 meta？啥是元？
最开始我应该是在类似 metadata 的概念中认识到这个词，中文翻译是元数据。这带来的联想自然是 meta = 元，然后我又不知道为什么把这个元理解成本源的意思，于是我也就莫名其妙地把 meta 理解成先于 x，或者 x 之前的意思（html 的 meta 标签也是放头部的，误解 +1），这个理解...
2024/2/7
articleCard.readMore前端测试教程——前端测试的策略
> 原文传送门 What to test and your approach 决定测试内容，而非测试本身是什么，对于所有团队而言是个关键议题。测试是实现最终目标的一种方式，而确定对代码库中哪些部分进行优先测试则是一项挑战。 决定测试的优先顺序应当基于你的代码库及团队目标。但需要注意的是，尽管撰写...
2024/2/6
articleCard.readMore前端测试教程——自动化测试的类型
> 原文传送门 Types of automated testing 在各种代码库中，对不同类型的测试进行命名通常遵循一定的共性，尽管这些命名并没有严格的定义标准。本课程尝试对每种测试类型给出了一些建议和解释，但你可能在其他地方看到有所不同的定义。 之前的内容中提到了单元测试和组件测试（以我们讨...
2024/2/6
articleCard.readMore手脚冰凉怎么办呢？
好讨厌冬天呀！冷得啥都干不了，手伸出来就是冰冰的！大脑也冷宕机了！加之昨天年会吃了点零食，而且喊了一晚上也没中个奖，今天咳嗽了。 为了不加重病情，此时我这位体弱南方人不得不去查查怎么解决手脚冰凉的问题了。 ...
2024/1/28
articleCard.readMoreVue 组件的 Props 到底能不能改？
Vue 推崇单向数据流这个概念，也就是数据流向必须是从父到子。子组件想要修改数据必须 `emit` 一个事件，父组件接收到事件后，由父组件修改数据传回到子组件。 我在 stackblitz 写了个例子，使用版本为 `Vue@3.4.5`。可以看到在，`props` proxy 的外层 hand...
2024/1/7
articleCard.readMore2023 年终总结
我很抠门，我的风险耐受力很低，遭遇到这三年的股灾，我的心情也是长期压抑的。现在回想过来我好像完全忘记了那种不被“亏钱的感觉”束缚的人生，常常，我会觉得莫名有点失落，究其所以，还是因为这破事。 在 19 伪牛市时我就看过 08 年和 16 年的股灾，那长时间持续下跌，我当时无法想象我身处其中会有...
2023/12/31
articleCard.readMore写 Vue 我建议非必要别用 watch
Vue 里的 watch 很好用，但是过度依赖 watch 真的好吗？
2023/12/19
articleCard.readMore金钱心理学
破 A 股扶不起来了，到什么程度呢？我觉得我真的挺佛系的一个人，但我他妈真的它逼得口吐芬芳了。那能咋办呢，只能抱团取暖，看看书，来点心理按摩吧……
2023/12/13
articleCard.readMore技术债务的定义与处理
> 原文地址：Defining and Dealing with Technical Debt 我们对“债务”都不陌生吧？这是一个一方（借款人）欠另一方（贷款人）钱的概念，常用于金融领域。比如，我向银行借钱，我就对他们有债务，金额就是他们借给我的钱（加利息！），并且他们期望我还清这些债务。 债务...
2023/12/6
articleCard.readMoreHarry Browne 的 17 个金融安全黄金法则
Harry Browne 的 17 个金融安全黄金法则浓缩版
2023/11/29
articleCard.readMore浅浅介绍一下斯多葛派
Stoic(noun): a person who can endure pain or hardship without showing their feelings or complaining. 传说 Zeno of Citium 在沉船之后一无所有，来到雅典学习哲学，在吸收了犬儒主义和...
2023/11/21
articleCard.readMore音乐记忆
我一直觉得**音乐是回忆的载体**，有时候听一首歌的时候会感觉自己回到了过去最狂热于某首歌的时候，这不单止是回忆，甚至觉得当时的心情和气氛都能重新感受到，甚是神奇。我一直想写一篇博客总结一下那些关键的时间点，无奈一拖再拖，写了很久很久，来吧，我终于要分享一下这个大龄二次元的音乐回忆了。 其实直到高...
2023/11/18
articleCard.readMore讲透同源策略
我愿称同源策略（Same-origin policy，以下可能会缩略为 SOP）为前端新手的痛。 先简单说说什么是同源：**同协议、同 host、同端口**视为同源（Same-origin）。以 `http://example.com:80` 为例，协议是 `http`，host 是 `exa...
2023/11/15
articleCard.readMoreTypeScript 泛型解析
泛型简单来说可以理解成**把类型当变量传到类型定义里**，就如同参数传到函数一样，例如： ```typescript function identity(arg: Type): Type { return arg; } let output = identity...
2023/10/18
articleCard.readMore黎明杀机！启动！萌新上分技能推荐！
! 又来久违的爆肝单排上分，发现这种打排位的游戏总是会很上瘾。对比起买断制游戏打百来小时都算多了，但是这种带排位的竞技游戏总是让我欲罢不能，哎，这该死的多巴胺！ 输了一局吧，就总觉得下一局有新希望，下一局就能连升两点！结果就是在黄金 II 摩擦了十几小时，心里一直在跟自己说，Prove Th...
2023/9/4
articleCard.readMore整理一下《控制焦虑》
第一章是作者成长史，首先告诉你他是怎么应对焦虑。最重要的一招就是“在焦虑控制你之前先发制人”，首先意识到让你焦虑的事情并不是致命的，然后在大脑因焦虑拒绝之前直接去做。 焦虑是人类赖以生存的一个技能，没有焦虑感很容易被送走。 但是持续的焦虑会给现代人生活造成影响。 > 本书中所述的心理治...
2023/7/17
articleCard.readMore拥抱 TypeScript 的历程
Mind Elixir 在 2021 年 10 月开始逐渐迁移到 TypeScript，很忏愧地说直到最近，我才狠下心来打开了把 `compilerOptions.strict` 设成了 `true`。 那时不太懂 TS，跌跌撞撞地写类型，到现在算是积累了点经验，而且日常工作中的项目也已经用上了 ...
2023/7/8
articleCard.readMore告白
告白
2023/6/9
articleCard.readMore整理一下《我们为什么要睡觉？》
整理一下马修·沃克的《我们为什么要睡觉》，我是觉得这本书不薄，而且讲的顺序有点乱，所以这个笔记的顺序跟原书不同。吐槽：总觉得这书有的说法没有实验支撑，不过既然大佬这么说，那就姑且信了吧
2023/5/19
articleCard.readMore随手记
最近依然忙，公司项目搞重构，三个月内把旧系统推倒重建，工期略紧。不过我对此倒也没什么怨念，这次重构有前端 TL 带写测试，算是一个填补我多年弱项的机会，而且整个项目做起来也是前所未有的舒服，项目结构堪称模范……就是，合作方太卷了。 最近还收到一台作为生日礼物的电子琴，最佳礼物又被刷新了。不得不说读...
2023/5/10
articleCard.readMoreVue 系前端测试策略
Vitest 是一个测试框架，类似老框架 Jest，用于运行测试。Vitest 最大的优点是可以和 Vite 整合起来，减少配置复杂度（反过来说，如果你不用 Vite 的话 Vitest 不一定是最好的选择）。 如果你在 Vite 的基础上安装 Vitest，只需要安装 ，然后在 `vite....
2023/4/30
articleCard.readMoredocker 趣事
一件前端容器化时发生的趣事
2023/3/31
articleCard.readMore铃芽之旅
剧透注意，没看千万别点
2023/3/27
articleCard.readMore前端代码质量与团队协作终极指南
从代码风格、项目配置等方面同步开发团队全员的项目运行环境，一份比较完整的前端代码质量与团队协作指南，注意本文默认开发环境是 VSCode。
2023/3/12
articleCard.readMore速通 npm、yarn、pnpm
简单解释 npm、yarn、pnpm 的区别，各个版本的特色和带来的问题。
2023/3/7
articleCard.readMore我好忙
发发牢骚。 我好忙，倒不是上班忙，而是回家很忙，即使我还没孩子，就已经觉得忙炸了。 现在房间里，目之所及一大堆占用时间的东西。 一本刚翻开几个小节的 CSAPP，一本刚扫了一遍目录的计算机网络。虽然真的是好书，但是就硬拖，没继续翻。同样的还有几本图书馆借的书，总的来说也就只看了三分一，已经几个...
2023/2/12
articleCard.readMore关于广州到香港怎么走的简单小学算术题
> 香港特別行政區（特區）政府今日（二月三日）宣布，經與中央和廣東省及深圳市政府溝通協調，香港與內地將由二月六日起全面通關，包括開放全部口岸並不設每日人數安排、取消出行前核酸檢測要求，以及有序推進跨境學生復課安排。 三年后的今天，香港终于全面通关了，过年前我还预约人工窗口请假去签注，跨了一个春节才...
2023/2/9
articleCard.readMoreJavaScript 的 Reflect 和 Proxy
迪士尼版花木兰有一首歌叫 Reflection，木兰看着水面的自己，沉思自己未来的选择，歌词和画面就同时包含了 Reflection 这个词的这两层含义，即： 编程中的 Reflect 翻译为“反射”确实会让人迷糊，其实这里应该往“自省”的方向靠。Reflect 是 JavaScript...
2023/2/4
articleCard.readMore世界末，从异度之刃 3 到流浪地球 2
请注意，内含异度之刃 3 和流浪地球 2 剧透
2023/1/27
articleCard.readMore没年味的春节
上年完全提不起劲写东西，旅游去了，照片也拍了，就一直拖着，直到 2023 年都来了。 要找理由嘛，我能说出很多， 接下来随便发一点吧……我今年寂寞的春节。 去港澳签注，顺便陪群友去公园前买胶，讨好他的侄子们。我也想买，但是家里没位置了，还是尽量少买观赏性物品吧。路过人民公园...
2023/1/25
articleCard.readMore可有可无的版本升级
最近有点空，按照上次 Gatsby2 升 4 的方法升级到 5，但我愿意称之为无效升级，因为什么特性都没用上。 倒是把嵌合在 html 文件里的 katex 和 字体文件拆分出来了，大大加速了网页本体的加载速度。 最后，放个主题广告，欢迎使用本主题 gatsby-theme-usubeni，百分...
2023/1/17
articleCard.readMore2022 年终总结（故事加强版）
今年本来就没发几篇日志，今年的年终总结也就不纯是总结了，把一些故事和感想也加进来吧，所以这次字数又炸了。首先来讲今年最痛苦的事情吧…… 今年忘了什么时候，公司办了个什么活动，大家可以写上自己的愿望贴在许愿墙上，我清楚记得我写的是： “希望今年兰兰不要绿我了” 结果呢，必然是落空了，狠狠...
2022/12/31
articleCard.readMore第一次新冠记录
本人情况是发烧 4 天，最高 39 以上，但无刀割嗓，发烧后第三天才测出阳性，从有症状开始算第八天抗原阴性。仅供参考，希望有跟我一样连续发烧的不要太慌，加油，你的免疫系统可以的
2022/12/20
articleCard.readMore托福口语抱佛脚
纯纯的抱佛脚方案，绝对不会高分，所有题型都忽略总结句，毕竟时间内说得完都很了不起了
2022/11/12
articleCard.readMore托福阅读笔记
托福阅读笔记，找到主题句是重点，接着区分新旧内容，旧内容可略读，不同题的有的不同解法
2022/11/8
articleCard.readMore托福听力笔记
一些信号词
2022/10/26
articleCard.readMorewebgl 学习指引
webGL 发源于 openGL，知识点相似，只是 openGL 用于桌面应用程序渲染，webGL 专供浏览器，有 webGL 和 webGL2 两个版本，实现代码有一定差别。 使用 webGL 必须明白 shader 如何使用。shader 常被翻译为着色器，所以它的功能自然是着色（废话）。sh...
2022/10/18
articleCard.readMore托福写作抱佛脚
一些万能主题，一个模板，同样是及格线抱佛脚用的
2022/10/15
articleCard.readMore对 fragment shader 的一点点见解
本文仅涉及 WebGL1.0 的 fragment shader，尝试解释 GPU 渲染方式，和使用 fragment shader 绘制一些简单图形的方法
2022/10/12
articleCard.readMore托福易混淆词/形近词
自己收集了一些托福易混淆词，英语不存在“形近词”一说，但很多英语单词看起来都很像，非母语者看起来非常容易混淆，因此有必要集中在一起加强记忆。另外还有一些词各种变体，词性很容易记混，高速判断一句话里词的词性可以大幅提高阅读速度。当然，也还有一些我自己觉得虽然也不算太像，但不知道为啥就会记混的词……
2022/8/8
articleCard.readMore你没有用过的船新版本——跨页面共享元素动画
作为 Web 前端开发者，你是否很羡慕安卓和 iOS 的动效设计，同一个元素穿梭于两个页面，无比流畅。但是！2022 年，浏览器也可以实现跨页面共享元素动画啦！
2022/7/12
articleCard.readMore学科单词列表
苦于托福听力反应太慢，把学科单词都放这里强化一下记忆，目标设为听到词半秒有概念吧。哎，真的太难太难了，考一个托福得把全部学科扫一遍
2022/7/10
articleCard.readMoreUI 6.0
又是一次大改，又是一次打脸，这次的主题是背景分割和圆角
2022/7/3
articleCard.readMoreAjax 怎么取消？要不要取消？
一起了解一下如何利用 AbortController 取消 Ajax 请求，但是，cancel 请求真的有用吗？取消还是不取消，这是个问题。
2022/6/24
articleCard.readMore白蛇传·情
奔三的人了，虽然零零散散也知道一点剧情，但是好像是第一次完整看一次白蛇传，而且看的是粤剧电影版。用传统方式表现这个最老套的故事，确实让我有点感动。考虑到各种改编和本地化，这里的感想仅针对《白蛇传·情》。 **妖若有情妖亦人**，实在是名言，法海认为人妖相恋必为患，实在是张口就来（不过也多亏他，这个...
2022/4/10
articleCard.readMore英语从句笔记
是这个视频的笔记哦。 种类繁多 ...
2022/4/7
articleCard.readMoreVue 优化速查
我曾以为，拆分子组件只是用于抽象，但实践告诉我，拆分子组件是提升性能的一种方式。 在我的实际工作中遇到这么个问题，有一个很大的表格，里面有多个新增条目的对话框，当数据很多的时候，填写新增数据都会变卡。 原因就是，在一个组件里，修改值会造成整个组件的数据检查和 diff。但是明知道大表单什么都...
2022/2/24
articleCard.readMore浅谈变换矩阵，以及在前端的应用
$$ \begin{bmatrix} x & y \end{bmatrix} \begin{bmatrix} a & c \\ b & d \end{bmatrix} $$ 首先复习一下线性代数，矩阵相乘，结果如下 ↓ $$ \begin{bmatrix} ax+by & cx+dy \en...
2022/2/19
articleCard.readMore用 iPhone 发布静态博客
之前写的通过语雀发布博客根本没什么用，然后在拿到 iPhone 13 pm 之后想起 iOS 似乎有一个很厉害的效率应用 Shortcuts（拿着锤子容易看到钉子？），于是整了这么一个活，不需要写 iOS 客户端，直接用 iPhone 发布静态博客。 实现这个流程首先必须知道怎么用 A...
2022/2/12
articleCard.readMoreUI 5.1
主要变更： 修复： 下一步感觉要是不是要把主题色改一下呢，以及用阴影把网页分一下块（以前做的目标就是不分块，又打脸了）🤔 这个春节回老家闲着，说不定过两天又更新了 🤣 ! !...
2022/1/27
articleCard.readMore人品爆发，但是没那么快乐
工作 6 年了，每年年会都陪跑，每次得奖者揭晓前的激动都会落空，但是今年发生了一点变化。 **我居然中了 iPhone 13 pro max 512g。** 6 年了，我终于中了 1 次，而且一来就是大家伙。诚惶诚恐地领了个奖，不能否认那时候肯定是爽得不行，但过后两天整个人陷入纠结。 这东西一...
2022/1/26
articleCard.readMoreGatsby 2.x 升级 4.x
before： ```json { "dependencies": { "axios": "0.21.1", "fast-exif": "^1.0.1", "gatsby": "^2.1.4", "gatsby-image": "^2.0.22", "gatsby-plugi...
2022/1/26
articleCard.readMore数据怎么从 JavaScript 送到 GLSL
本文用例来自 mdn webGL 教程的 sample5 数据怎么从 JavaScript 送到 GLSL，是一个十分简单，但是初见又有点绕的问题。解析这个问题需要把传入的数据分为 attribute 和 uniform 两个类型。 先非常简单地提一下两种类型的区别： 另外还有 vary...
2022/1/22
articleCard.readMore2021 年终总结
今年，今年是真的刺激，简直迫不及待地想写总结，而且应该会刷新历年总结字数，所以 12-25 就新建文件了，但是什么时候写完是未知数。 COVID-19 已经在地球肆虐了一年多，刚爆发的时候的紧张都快消散了，然而在六七月份，广州荔湾区突然爆发了。这大概是我离疫情最近的一次，近到直接就是隔壁小区出...
2022/1/1
articleCard.readMore黑暗之魂重制版攻略，但是文字版
虽然刚进游戏看这个肯定是看不懂的，但是看一眼有个印象初见的时候会没那么慌 ...
2021/12/6
articleCard.readMore个人理解版 Typescript SOLID 原则
1. 因为小前端我很久没有面向对象地编程了，但是 SOLID 本身是针对面向对象的建议，以下内容结合了自己对 typescript 肤浅的理解来解析 SOLID，不保证完全正确 2. 引用的英文句子为 SOLID 提出者 Robert C. Martin 对各个原则的定义 > THERE ...
2021/12/2
articleCard.readMore三个技巧高效写 Element UI（Vue）
安装 element-ui-helper 插件，可得到 element ui 悬停提示，不用每次都翻文档。 ! 缺点也是有一点，tips 的显示框有点小了，不过跟插件本身也没关系，查了一下，vscode 暂时还没有提供可以修改 tips 大小的方法，只有修改 vscode 全局 css 的 ...
2021/11/23
articleCard.readMore最后的进化
看完最后的进化，竟然觉得这个结局更触动现在的我。 确实不知何时起我开始怀念过去，怀念大学，怀念高中，也怀念童年，这可能不是因为社会的毒打，而是时间在我心里施了咒。 一方面我还是贯彻着“老头才需要缅怀过去，我不需要回忆”的信条，爽快地断舍离，像是在江门搬家到广州，儿时的玩具和杂志丢掉了一大半，毫不...
2021/11/23
articleCard.readMore用 eslint 和 prettier 让跨 IDE 协作更舒服
之前说明了一下 eslint 和 prettier 的区别，这次是要实践解决 VScode 和 jetbrains 系 IDE 的协作问题。 jetbrains 系在输入 html 标签名后如果在后面接一个属性的话，再换行就会自动对齐到标签名的长度，但是如果后面不接属性直接换行...
2021/11/8
articleCard.readMore10 月 4 日 打牌
! （注：需要指出，这是段子，不是真的） 国庆假期在内卷各种知识付费鸡汤的同时，又沉迷上了打牌游戏—— ~~汤姆里德 魔咒索命~~ 哈利波特 魔法觉醒（下面简称魔法觉醒吧），以前玩过王室战争，上手也不算太难吧。 上次打牌打得天昏地暗是什么时候呢，虽然之前也玩了一段时间同...
2021/10/5
articleCard.readMoreVue 的异步更新机制
这篇文章主要介绍的就是 Vue 异步更新相关的原理。本篇的核心理解起来没有响应式原理难，重点就是两个字**队列**。 为什么需要异步更新？ ```javascript this.a = 1; this.b = 2; this.c = 3; this.a = 5; this.a = 6; ``...
2021/9/3
articleCard.readMorePrometheus 极速概览
和 K8s 一样，prometheus 也是一个配置驱动的系统，了解配置是关键，后面的小节会覆盖不少细节，现在暂时粗略预览整个配置文件的结构： ```yaml global: # How frequently to scrape targets by default. # 抓 targ...
2021/8/30
articleCard.readMoreZadig 前端调研
> Zadig 是 KodeRover 公司基于 Kubernetes 自主设计、研发的开源分布式持续交付 (Continuous Delivery) 产品，为开发者提供云原生运行环境，支持开发者本地联调、微服务并行构建和部署、集成测试等。Zadig 内置了面向 Kubernetes、Helm、云主...
2021/8/18
articleCard.readMoreVue 响应式原理解析
几年来看了不少 Vue 原理的文章，在这些文章的帮助下，我也多次尝试自己理解 Vue 的源码，终于，我觉得是时候自己输出一下内容了，希望可以从不同于其他文章的角度带大家熟悉 Vue。 这个专题自然是分多个部分讲解 Vue 源码，第一篇就先讲最最经典的 Vue 响应式原理吧！ 在正式讲原理之前，我...
2021/7/25
articleCard.readMore浏览器是如何工作的：Chrome V8 让你更懂 JavaScript
转载信息 原文链接：浏览器是...
2021/7/19
articleCard.readMoreCSS 奇葩荟萃
其实我后悔了，干了这么多年前端，现在才开始收集，不过现在开始总是最好的，本文**永久更新**（直到我退前端坑 🤔）。 这里不会记录那些罕见但好用的 CSS 属性，而是着重记录那些反直觉的奇葩情况。 `overflow:scroll;` 之后，绝对定位的子元素会撑起父元素。 ```html...
2021/7/9
articleCard.readMore高效 VS Code 快捷键
| 快捷键 | 功能 | 评价 | | ------------- | --------------...
2021/6/15
articleCard.readMorewindows 下 electron 开发的一点“趣事”
前提是这样的，公司有个神奇的项目，立项用的是 32 位 electron，所以 `npm i` 的时候要用 32 位 node。 那么是不是装个 32 位 node 就一劳永逸呢？也不是。 运行的时候如果用 32 位，保存后热更新又会报错，说内存不足之类的。 所以必须这么做： 开始...
2021/5/28
articleCard.readMore墙内开发者的无奈
GWF 内的开发者，特别是安卓和前端开发者，估计真的对下载依赖这事很无奈。 在这里，突然想赞叹一下 goproxy/$:_.°★_ 。 说回正事，下个依赖整大半天，幸运的龟速下完，更悲惨的则是直接下不了。 对此，最简单的解决方案就是借用国内的镜像，借助 nrm 你可以轻松切换 npm 的源...
2021/5/20
articleCard.readMoreVue 项目优化
下面按优化效果由高到低分享几个优化技巧，在最下面会有分类速览，也相当于一个总结。 我也曾以为，拆分子组件是用于抽象，但实践告诉我，拆分子组件是提升性能的一种方式（特定情况）。 在我的实际工作中遇到这么个问题，有一个很大的表格，里面有多个新增条目的对话框，当数据很多的时候，**在弹框中**填写...
2021/4/18
articleCard.readMore可读代码的艺术
**本文为 The Art of Readable Code by Dustin Boswell and Trevor Foucher 的读书笔记** 能看懂的意思是能够改功能、加功能、debug，看懂所需时间越短越好。这甚至不一定是为了别人，如果你自己写出来的东西自己半年后都看不懂了，那就真...
2021/4/5
articleCard.readMore关于 table 元素你要懂的全在这
本文翻译自 A Complete Guide to the Table Element，省略了部分小节。因为本文写于 2013 年，部分信息已经过时，我也作了小部分调整。另外，在一些不好理解的地方添加了一点解释。 ` ` 元素用于 HTML 表格数据展示，就像你在 Excel 里看到的...
2021/3/30
articleCard.readMore前端项目优化自查
Core Web Vitals TTI FID LCP TBT CLS FMP defer 和 async：可以理解为 defer 是 defer（延迟）到文档加载完成，用于强调运行顺序或需要整个 DOM 的脚本...
2021/3/24
articleCard.readMoreTyranoScript 从入门到魔改 7 备忘录
这里收集一些关于 TyranoScript 零散的信息或是使用技巧，以备太久不用忘掉之需。 tyrano.js 的这个函数，我一眼看上去，惊呼迷惑： ```javascript function object(o) { var f = object.f, i, len, n, ...
2021/3/20
articleCard.readMoreVue 2 无视组件边界的表单校验解决方案
现成的校验库大多很重，修改也不容易，之前使用 vee-validate 这个库，也不知道是我写得有问题还是它本身机制问题，校验子组件的时候会牵涉到父组件渲染，导致校验看起来十分卡顿。 那何不自己造一个？这很麻烦吗？不！也就一百多行 js 的事情！本文就带你自己造！（嗯？结果这是 Vue 插件教程？...
2021/3/10
articleCard.readMoreJavaScript 数组去重的 4 种方法及性能比较
简单测试下 JavaScript 4 种去重算法的效率。 1. 使用哈希表记录是否重复 2. 用内建 indexOf 函数判断是否重复 3. 组合内建 filter 和内建 indexOf 4. 全新的 new Set() ```javascript var arrayLength = ...
2021/2/26
articleCard.readMore前后端接口鉴权全解：cookie、session、token 区别解析
不知不觉也写得比较长了，一次看不完建议收藏夹！本文主要解释与请求状态相关的术语（cookie、session、token）和几种常见登录的实现方式，希望大家看完本文后可以有比较清晰的理解，若有疑问，请在评论区提出。 众所周知，http 是无状态协议，浏览器和服务器不可能凭协议的实现辨别请求的上...
2021/2/24
articleCard.readMore英语语法体系思维导图
英语兔的一个视频说清整个英语语法体系(重塑你的语法认知框架) 全屏看点这里 -> mind-elixir.com 或者点击右下角第一个全屏按钮 顺便给我的思维导图内核求个 star！https://github.com/ssshooter/mind-elixir-core <iframe a...
2021/2/1
articleCard.readMore老生常谈的 JavaScript 原型链
用了这么多年的 JavaScript，对于原型链这东西自觉是理解了，但是日常工作中很少使用的“继承”部分最近突然想起来竟觉得有点陌生，所以在这里稍微理一下思路。 本文**90%**不能让不懂原型链的人看懂原型链，但是可能可以给懂一点原型链的人一点提示，不过如果本文让你更混乱的话，请在评论区提出疑问...
2021/1/28
articleCard.readMore2020 年终总结（闲聊加强版）
发现前两年都是 12-31 更新的总结，今年打破一下传统。 至于原因，有两个吧，首先，2020 实在不太平，快点写完总结，就当作 2020 过去了，新的一年又要开始啦！第二是距离上次更新已经两个月了，好像之前都没摸过这么久，所以，这次除了总结，再加一些闲聊。 年初，过了一个冷清的春节。好像最近几...
2020/12/27
articleCard.readMore双十一的数据迁移
上年双十一在腾讯云薅的 88 块 1c2g1m 小玩具过期了，当时打算买来玩玩，到期就随它去，结果现在还是有点东西需要迁移，为了避免明年的麻烦，今年直接买了 288 三年。 此次迁移顺便复习了一下几个月没碰过的 docker。迁移涉及到两个 docker 镜像，其中一个就只是一些运行在 node ...
2020/11/8
articleCard.readMoreUI 5.0
好像距离 4.0 没多久，5.0 更新就来了，这次更新主要是做了一些减法（最大限度减少页面线条数量），也不知道对不对 ! ! !...
2020/11/6
articleCard.readMoreHTTP 缓存简析
**HTTP 缓存的核心是 header 的 Cache-Control 属性。** 这个属性请求和响应都可用，不过请求头的 Cache-Control 一般只用于阻止代理（proxy）缓存（相关问题），因此我们可以重点关注响应头。 其中代理（proxy）是指客户端到服务器中间的可能经过的地...
2020/11/5
articleCard.readMore自我驯服课总结
1.cue 提示（可以是声音气味某地某时某心情）告诉大脑这个习惯可以开始了 2.routine 惯性行为，就是习惯本身 3.reward 奖励，多巴胺提升（可以挖掘更深层的原因 5:35） 如果奖励够好，大脑会在 cue 时开始习惯回路，一直循环直到你习惯了，不...
2020/11/2
articleCard.readMore自用计算机词典（前端方向）
**未完成，长期更新** 常指 Runtime system（区别于程序生命周期的 Runtime），也叫作 runtime environment。 > Most programming languages have some form of runtime system that pro...
2020/10/24
articleCard.readMoreTyranoScript 从入门到魔改 6 页面创造
有一天，老板说要 UI 大整改，还好我有所准备。 之前就埋怨过，设定、cg 等页面用 TyranoScript 编写，看起来不好理解，而且页面层级还老分不清，还不如直接写 HTML 呢，今天就来分析一下怎么用 HTML 写一个新页面。 我们从已有的“非脚本”页面入手，例如默认的 Load 页面，...
2020/10/17
articleCard.readMore理解语义化 Commit
> 原文地址：Understanding Semantic Commit Messages Using Git and Angular 很多项目都会选择定下这样那样的 commit 提交约定，这不是什么新鲜的设定，只不过在近年来越来越多地被应用起来，很可能你已经遇到过使用着某种约定的项目。 最初...
2020/10/13
articleCard.readMore为什么会精度丢失？教你看懂 IEEE-754！
! ! 上图来自维基百科，黑夜模式会导致文字看不清楚，麻烦大家使用日间模式阅读啦 ! IEEE-754 标准是一个浮点数标准，存在 32、64、128 bit 三种格式（上面两幅图分别是 32 bit 和 64 bit 的情况，结构是一致的）。无论看起来是整数还是小数，JavaScript 中...
2020/9/25
articleCard.readMore水* vue 渲染优化
事情起因：单个页面请求了二三十个接口，数据多时展示得很慢 前置知识：事件循环 Vue 不能像 React 一样通过 `setState` 触发页面重新渲染，每当你对被页面监听的值赋值，Vue 都会把修改的值记下来，运行完**宏任务（task）**后渲染页面。 正常来说，同一个宏任务内不管赋值多...
2020/9/18
articleCard.readMore最近周末在干嘛呢
...
2020/9/2
articleCard.readMore【干货】Chrome插件(扩展)开发全攻略
转载信息 原文链接：【干货】C...
2020/8/26
articleCard.readMoreUnicode 编码及其在 Web 前端的应用
阅读本文前，请先熟悉各进制间的转换，否则看起来会有点懵 😂 相关：UCS（Universal Character Set）原本标准不同，但现在已经与 Unicode 统一 Unicode 就是一种世界统一的字符编码集合，在这个集合里，世界上每一个字符——任何语言的文字、符号甚至 emoji...
2020/8/20
articleCard.readMore从 0 开始写轻小说
最近莓更新博客，真的真的不是因为懒，只是把时间拿来写小说了。 其实从高中开始，被当时轻小说盛世的影响下，我一直想创作一个故事，但是高中嘛，没有太多时间，当时只留下零零碎碎的设定。 而如今看回这些设定... 一个是高中生活的故事，现在看来太稚嫩了（emmm，谁知道我现在写的再过几年会不会被自己说...
2020/7/25
articleCard.readMoreDOM 那些让人迷惑的属性
mdn 虽然叫 **client** **Top**，拿到的却是**顶边宽度**，叫人十分迷惑 相当于 `.getComputedStyle()` 的 "border-top-width" 同理可得 clientLeft mdn 还是不懂所谓 **client** 是什么意思，死记...
2020/7/2
articleCard.readMoreUI 4.0
页面结构变化不大，主要是实现黑暗模式和樱花开关，当然黑暗模式的样式还有不少需要调整的地方，往后再慢慢微调吧。（黑暗模式的实现方法可看这里） !日 !夜 事实上黑暗模式就是 UI 1.0 的夜樱样式，她又回来啦！有点怀念，这么就一年多了... 另外最近的更新也是超麻烦的，一切原因归根于 nod...
2020/6/28
articleCard.readMore使用 Gatsby.js 搭建静态博客 8 黑暗模式
没想到久违的 Gatsby 系列还能继续写，最近为博客更新了黑暗模式和手动切换功能，顺便记录下来。当然下面的实现方案不限于 Gatsby 使用，对于其他框架，思路都大同小异。 最初实现的方案是直接使用**媒体查询**和 **CSS 变量**。关键是把区分两个模式的变量抽离出来，分别配置两组变量...
2020/6/25
articleCard.readMoreTyranoScript 从入门到魔改 3 启动器
之前有说过官方启动器 tyranorider，从这里打开游戏本质上是使用 NW.js 打开 index.html。 TyranoScript 这个框架其实是很耿直的，这个框架**基本上**没有依赖启动器的功能（有极少量使用到 NW.js 的 API），全部功能基本都包含在 js 文件里，这意味着你...
2020/6/21
articleCard.readMore前端网络安全必修 1 SOP、CSRF 和 CORS
本文主要涉及三个关键词： 先解释何为同源：协议、域名、端口都一样，就是同源。 | url | 同源 | | -------------------------------- | ---- | | https://nicon...
2020/6/14
articleCard.readMoreTyranoScript 从入门到魔改 5 Steamworks 接入
TyranoScript 接入 Steam 是怎么回事呢？TyranoScript 相信大家都很熟悉，但是 TyranoScript 接入 Steam 是怎么回事呢，下面就让小编带大家一起了解吧。TyranoScript 接入 Steam，其实就是用 greenworks 接入，大家可能会很惊讶 T...
2020/6/12
articleCard.readMoreJavaScript 对象迭代方法与性能比较
原文地址：Iterating Over JavaScript Object Entries and their Performance - 5 Techniques 返回对象所有**可枚举**的键值对，**不会**追寻原型链上的 key ```javascript let obj = { ...
2020/6/9
articleCard.readMore「天气之子」
**剧透注意** **The following review contains spoilers!** **ネタバレ注意** **剧透注意** **The following review contains spoilers!** **ネタバレ注意** 最近广州暴雨连连，大多时间都是乌...
2020/6/7
articleCard.readMore认识 ESLint 和 Prettier
读完就能解决这些疑问啦！ 先说是什么：ESLint，他就能检查出你代码中不符合规则的地方，部分问题支持自动修复。 使用这么一套规则有什么用呢？如果单人开发的话倒是没什么了，但是一个团队若是存在两种风格，那格式化之后处理代码冲突就真的要命了，统一的代码风格真的很重要！ （其实以前自己...
2020/6/1
articleCard.readMoreTyranoScript 从入门到魔改 4 Spine 播放
这算是真正魔改内核的第一次讲解。 TyranoScript 是一种领域专用语言，但是运行在浏览器，功能肯定还是 JavaScript 实现的。要把脚本运行起来需要先把脚本“分词”，然后按规则把词组合成一组。（这个功能的代码在 `kag.parser.js` 文件里） 完事之后得到的就是默认在...
2020/5/25
articleCard.readMore断舍离
在最初听说断舍离的时候确实以为是宗教相关的东西，不过实际上，断行、舍行、离行是瑜伽修行哲学（大概也跟宗教沾点边吧）。而我个人理解的断舍离是实用的极简主义。 第一次读断舍离是在几年前，看完不久，我就经历了两次搬家，而这两次搬家切实让我明白断舍离的重要。以前我会买很多漫画书、杂志（这其中甚至还有不...
2020/5/17
articleCard.readMore只狼流程窍门
! **剧透注意！！**（按我的攻略顺序排列）： ...
2020/5/10
articleCard.readMorewin10 与 docker 的奇妙冒险
今天我本来只是想把本网站的评论系统 docker 化，结果引出一个大问题（主题就是标题的内容了），从头开始讲讲吧... 本网站的评论系统（使用 eggjs）一直很不稳定，服务开启之后会无端关闭，导致经常一两天要重启一次，非常影响使用。本来以为是免费数据库的问题，但是我现在也有一台小小的虚拟机了，总...
2020/4/18
articleCard.readMore网站从 netlify 迁移到 zeit 啦
虽然看起来没什么区别，但是本站已经从 netlify 迁移到 zeit。至于原因是感觉 zeit 的 cdn 在这边会快点，也不知道是不是错觉了，顺便，迁移到 zeit 之后 rss 比以前好使了，netlify 的时候好像会经常探测不到 rss 更新。 最近越来越懒了，加把劲骑士！...
2020/4/16
articleCard.readMore关于动森氪金
!登岛 自从 NS 动森发售，这个游戏都高频出现在身边各种群，直到现在各种系列新玩家蜂拥登岛，甚至微博上各种官方号都发布动森相关内容，毫无疑问这个游戏可以算是现象级游戏了。 而我就是众多动森系列新玩家之一，旧作完全没有接触过，买的原因自然是身边玩的人多，而且风评不错。 于是在 20 年 3 月...
2020/4/4
articleCard.readMoreWeb 前端慢加密
转载信息 原文链接：Web 前端慢加密 - EtherD...
2020/3/4
articleCard.readMore初识 docker volume
第一次看到 volumes 这个参数是在一个维基镜像的 `docker-compose.yml` 文件： ```yaml version: "2" services: dokuwiki: image: "bitnami/dokuwiki:0" ports: ...
2020/2/23
articleCard.readMore前端网络安全必修 2 XSS 和 CSP
回顾上一篇：前端网络安全必修 1 SOP、CSRF 和 CORS 本文主要涉及内容为： 因为 CSP 诞生的主要目的就是防御 XSS 攻击，就把 XSS 放在前面讲吧~ ```html <? php print "Not found: " . url...
2020/2/13
articleCard.readMoredocker 简单入门
简单来说，docker 可以给你的应用创造一个**镜像**，之后你带着这个镜像就可以在其他主机、甚至其他系统轻松以原来的配置运行你的应用，这样的一个应用后面成为**容器**。使用 docker 会比直接使用虚拟机所需的性能需求要少很多，因此你可以在主机运行多个容器并保证性能。而且因为容器的相互分离，...
2020/2/2
articleCard.readMorevim8 及 YouCompleteMe 安装
整个过程不难，只是对 linux 系统很陌生的我，在编译安装的时候有点云里雾里。不过装完之后觉得如果不深究其中原理的话其实还是不难的，就是很普通地用编译器把配置好的源码编译好，然后运行程序而已，实际上自己也不需要做什么高难度操作。 事实上，吃瘪的 centOS 7.5 用户根本没有直接安装 v...
2020/1/22
articleCard.readMorewwwiki 上线啦
自己搭了个自用的维基记录各种零碎的不成文章的东西，另外 wiki 系统可以在线编辑页面和新增内容，就不用像这个静态博客一样每次写完还要 push 还要打包，希望自己不要沉迷于 wiki 的方便而冷落了博客啦 😄 之所以选择 dokuwiki 是因为够轻量化，不需要数据库，迁移可以打包带走（这是考...
2020/1/3
articleCard.readMore2019 年终总结
今年元旦只放一天假，时间紧迫让我产生了一种错觉，我上年的年终总结是春节写的。 结果今天翻一下上年的记录，哦豁，竟然是元旦前。这种仪式性的大事一定不能鸽，反正内容不多，立即敲起了键盘。 回顾上年，唯一完成了的感觉只有超巴前三。其他习惯上的约束，会有遵守，但也有松懈的时候，不好评估，只希望明年继续坚...
2020/1/1
articleCard.readMoreVue 单文件 scoped 样式简析
```html .klass { /* style */ } ``` `scoped` 是一个极其常用的 `` 标签属性，使用后这一块样式能“神奇地”只应用在当前单文件组件，不会干扰到其父子组件。 其原理其实很简单，**只...
2019/12/13
articleCard.readMore关西之旅 Day 6 海游馆（完结）
周末来了，终于有时间一气呵成地连写到第 6 天：上午逛街，下午大阪海游馆+天保山摩天轮。全天也是大阪活动，不过因为去海游馆所以买大阪海游票 2600 日元，正常海游馆票价是 2300，就等于 300 日元买了地铁一日票。 早上得逛街目的地是日本桥，先逛的电器店。本想在日本买个加湿器，但是做功课...
2019/12/7
articleCard.readMore关西之旅 Day 5 Live
第 5 天是还算轻松的一天，最重要的任务是陪领导看 Live。由于全天大阪移动，直接购买**大阪 metro 一日票**。 趁没什么内容的一天插一些日本交通介绍吧 😏 大阪 metro 似乎是固定时间到达的（对比广州的每隔多久一班车），站内会有到达时间表。所以换乘软件都能比较精确地告诉你到达时...
2019/12/7
articleCard.readMore关西之旅 Day 4 奈良宇治
接着 Day4 是奈良+宇治 行程都很简单（可能简单到浪费，不建议抄作业 😂），直接在奈良站和宇治站周边自由行动。 !奈良 首先是奈良 JR 下车走到奈良公园。路上的店挺丰富的，有游戏机室，然而没有时间打机啦；甚至还有一家猫头鹰咖啡店，也挺有兴趣的，但是走的时候才看到，也是没时间 😢 ...
2019/12/7
articleCard.readMore关西之旅 Day 3 京都
第 3 天是忙碌的一天，计划是京都一日游，大阪到京都选择**京阪本线**（京阪电气铁道） 先去清水寺那一块，然后去伏见稻荷。 领导租了和服，但是本人不会拍照，回来被批评，所以虽然这天人本应是主角，但是下面图片就不放人了！ 😂 同时意识到果然是术业有专攻，去到日本拿起手机真的觉得很难找角度，这...
2019/12/5
articleCard.readMore关西之旅 Day 2
!起床窗外的神户港 起床窗外的神户港 领导是个月球人，到神户当然是少不了去一趟远坂宅和间桐宅。 我们是从三宫走路（去旅游要看人文风景嘛，多走走一些小巷，感觉挺舒服的）到北野异人馆街，并不是很远，但是北野坂是真的坂，爬了好长的坡才到区域的入口，中间会路过传说中的日本第一家星巴克。 ! 然...
2019/12/4
articleCard.readMore关西之旅 Day 1
回来到家 11 点，洗洗立刻睡了，之前同事说睡不着只是因为不够累，现在觉得，确实（ 第二天，也就是今天回公司可以说一片狼藉，这事有空另外吐槽，反正就感觉落差十分大 😥 回家吃完饭休息一下之后，终于能总结一下这次旅行。总结必须做得快，不然要不忘了，要不干脆就鸽了... 时间倒流回 11.2...
2019/12/3
articleCard.readMore建站相关问题
> 如果网站域名没有办理备案就解析到腾讯云的服务器上，将被腾讯云阻断并跳转到固定页面，提醒您尽快完成备案。若需要搭建网站，请先完成网站备案再开通网站。 --腾讯云备案概述 所以如果你**使用国内的主机**，就必须备案，这跟域名提供商没有关系。在国内买域名绑香港和国外机器都不用备案。 ...
2019/11/5
articleCard.readMore回乡记
这个星期没有周末，回老家参加一场婚礼，主角的爸是我爸的同学，主角的妈是我妈的同学（阳江真的很小），基于这两个原因把我也扯上了。 说是为了喝喜酒，事实上更排在首位的目的还是想回老家独自生活在阳江的奶奶。 本来是打算开心吃个午餐，但是奶奶脸上却带着伤（物理）来到酒楼，近了一看，额头贴着创可贴，鼻子上...
2019/11/2
articleCard.readMore碧蓝幻想 超巴攻略
自产的在线思维导图 **mind elixir** 的外链终于有时间搞好了... 顺手放出一个很久之前抄的超巴作业，挺实用的，但是到现在还没背下来😂，不看攻略的时候打还是有时候 F5 就见不着人了😂 想起上年年终总结定的目标，算是实现了🤔 <iframe width="100%" hei...
2019/10/30
articleCard.readMore水* 让 GitHub 命令行操作免密
苦于每次 push、pull 都输密码，真的太烦，虽然文题写是 GitHub，其实所以 git 系统都应该是通用的，看网上不少教程步骤好像挺多的，自己试了一下，似乎三步就达成目标了，顺便记下来，下次就懒得百度筛选信息了。 ``` ssh-keygen -t rsa -C email@host....
2019/10/29
articleCard.readMore[Vue] 有时候你不需要 $emit & $on
在此之前，子组件到父组件的传递事件我一般还是使用 `$emit` 和 `$on`，因为这个操作理解起来并不难，代码一般也挺清晰。 不过今天遇到这么个情况 —— ```html <button @click="item.reply = !it...
2019/10/16
articleCard.readMore关西旅行 0 机票
这会是一系列的记录。 选这个时候写下第 0 篇记录是因为，纠结了两个星期，终于把机票买了。 ! ! 第一次自己买机票，真不可说容易。 作为穷鬼，刚开始候选方案有春秋航空的祖传 5:55 出发班机，但是苦于熬夜猝死还没人陪而作罢，后来基本是盯着香港快运和乐桃去了。 当然正常情况下没什么好纠...
2019/10/13
articleCard.readMore看完鲁路修说点瞎话
两个星期把十年前看过一遍的鲁路修重新看了一遍，然后我确定我对这片子的剧情完全没有印象的原因是我当时根本没看懂。 老实说现在来，R2 最后的部分依然很烧脑，没有办法认真思考每个人的立场。原因是人物太多，阵营也不少，扯政治，并且各种神展开，思想还感觉有点中二，脑子真的不太跟得上。 而且老查理诸神黄昏...
2019/9/29
articleCard.readMore关于学习
> 明明认真看了这么多书，上了这么多课，怎么感觉我没半分长进？ 之前看了一篇名为「我坚持一年把别人喝咖啡的时间用在学习上，然后崩溃了」的文章，又双叒引发了我对学习的思考。 平时我总会胡思乱想很多东西，这个问题也不是第一次想到了，但是我觉得为了总结并尝试让这些想法更“实用”，是时候自己总结一下。 ...
2019/9/17
articleCard.readMoreTyranoScript 从入门到魔改 2 图层
TyranoScript 中的 tag 只作用于某些层，并且我们有必要搞清楚层级关系，谁高谁低，因此在此介绍 **只有一个 base 层，且必定在所有图层之下。**此图层用于显示背景，指定图层时使用 `layer="base"`。 隐藏背景图使用 `freeimage layer="base...
2019/9/8
articleCard.readMoreTyranoScript 从入门到魔改 1 概况介绍
ティラノスクリプト(TyranoScript）是一个 AVG 引擎，借助 HTML5 支持多平台。在谷歌百度都找不到什么教程的情况下，我决定自己总结一下一些简单的用法和魔改的方法。 ! tyranorider 完全免费，是最常用的项目生成器 + 启动器。这个教程主要会使用这个工具。 !...
2019/9/7
articleCard.readMoreVue 添加响应式属性的正确姿势
默认此文读者明白简单的 Vue 底层原理，对此陌生的读者可以先看： 此文使用的 Vue 版本是 2.0+，在线例子看这里，下面顺便也把关键代码贴出来。 ```html <button @click="inputvalue....
2019/9/3
articleCard.readMore日常牢骚 190825
上星期天开始加班，然后上星期**整个星期都在加班**。应该是换工作后第二次加班，体验其实也不算很差吧，有饭吃，有调休，也就加到九点半，可以接受。 然后我就想到，现在确实觉得可以接受，反正现在还没结婚，更没有孩子，除了有时候做做个人项目，下班回家也就看看视频就睡觉了，加班倒是有种**迷之充实感**。...
2019/8/26
articleCard.readMore关键字 GCP SSRR
之前一直在用（大概是原生的）SS 科学上网没有什么大问题，但不知道为什么最近发现 4g 流量科学上网有点卡，偶尔接触到 SSRR，发现速度快了不少呢，于是就把 gcp 上的 ss 换成 ssrr 了，感觉不错。 现在一看，其实 ss 也去世也很久了，甚至连 ssr 都去世了，使用后继项目也是有必要...
2019/8/17
articleCard.readMore感受了一把真正的氪金游戏
玩手游也玩几年了，现在才第一次玩到真正的氪金游戏，也算是开了眼界。 没错，说的就是 —— “敢达·氪金对决”了。 ! 那么这个游戏为什么是说是真正的氪金游戏呢？ 因为你不氪金真的**玩不下去**，下面来稍微分析一下：（虽然说这个现象貌似在国产游戏很盛行啦，但那些游戏我都没怎么接触） 最主要...
2019/8/11
articleCard.readMore无框架依赖的思维导图内核 Mind Elixir 开源啦
Github 地址： https://github.com/ssshooter/mind-elixir-core 试用地址： https://mind-elixir.com/ !mindelixir logo Mind elixir 是一个免费开源的思维导图内核 !mindelixir ...
2019/8/1
articleCard.readMore前端的一些坑，一些记录，一些冷知识 2
> 距离同系列上一篇已经一年了...还是要惊叹时间过得是如此之快。在对前端开发熟悉之后，对“坑”的定义也发生了变化，所以记录的反而少了，留下的都是些比较实用的方法。现在看回来，今年踏出的不寻常的一步是接触了 RN。RN 这个东西...我对他的心情还是挺复杂的。他确实给前端工程师提供了一个方便编写安卓...
2019/7/21
articleCard.readMoreOMG！我的 Bluestacks 接上 SS 了
**注意：proxycap 还是依赖 SS 的，如果不知道 SS 是什么的话，请另外搜索 😂** 众所周知很多模拟器都可以在 wifi 设定里设置代理科学游戏（相对于科学上网），但是 Bluestacks，也就是蓝叠模拟器作为一个模拟器先驱直到现在都还没有这个功能。 我本来以为这个功能被藏起来...
2019/7/20
articleCard.readMore怎么做个 logo
完全没有设计经验，怎么想做个 logo 还有真不容易...一开始就知道有各种 logo 制作网站，全都号称免费，但是做好了，想要下载的时候却总是要你付费。 花了不少时间找到并试用了好几家同类网站，只有 www.launchaco.com 是真免费，懒的话确实可以一用。 同时我明白了这些制作网站基...
2019/6/29
articleCard.readMore水* 怎么在 div 上应用 onkeydown？
最近写思维导图忙成狗，这个问题也是做思维导图的时候遇到的： 在 input 框上谁都知道可以绑定 keydown，但是对于一个不是编辑状态的 div 怎么办呢？直接绑在 document？ 不行，在 document 绑定 keydown 会对普通输入造成麻烦，也有可能会干扰其他库，那么怎么在某...
2019/6/19
articleCard.readMorenginx 反向代理处理跨域问题
放两个神图，图片来自这里。 !正向代理 这是正向代理 !反向代理 这是反向代理 在这篇文章里，**反向代理用于处理跨域问题**。 ```javascript module.exports = { publicPath: "/", devServer: { proxy...
2019/5/31
articleCard.readMoreAtlassian Confluence API 简易指引
下面主要包括一些 confluence 官方 API 的一些简单使用例子，主要参考了： 直接请求数据的话可能会给你返回 403，或者直接不给你报错，返回空数组。这当然是因为你根本还没登陆，为解决这个问题，需要在 headers 添加 Authorization 字段，值为 Basic，空...
2019/5/20
articleCard.readMoreproperty 和 attribute
很想水点什么，再不水的话我怕我会忘掉更新 blog 这件事了，于是就水一个超入门的内容😂 今天水的是 **property** 和 **attribute** 刚学前端的时候可能很容易搞混这两个东西，因为中文都是属性... 我曾想用英文来区分这两个词，于是在剑桥词典查了一下： > prop...
2019/5/19
articleCard.readMore又进坑了一个辣鸡游戏
看完高达莫名想玩点游戏，PS4 的 gundam vs 风评好像不怎么样，也不想玩无双高破.... 于是...反正都是玩辣鸡游戏，于是玩起了之前弃了的争锋对决。 毫无疑问这个重课游戏对我等穷人不友好，但是又想嫖一下，还是意思意思买个初始吧 从碧蓝幻想开始，玩非刚开服的游戏都优先看石头号和初始了...
2019/5/10
articleCard.readMore日常
这个五一假期基本就是 Seed、gbf 和 ECMA 262 3 天（准确来说应该是两天多一点），警觉补番原来还是很快的嘛 基神：最强程序员，战场上手写系统 亚斯兰：我老婆的弟弟泡了我未婚妻 芙蕾：虽然很做作但是很可怜的 塞尔：被绿还表示理解，心真大 舰长姐姐：大天使最胸的乳摇 穆...
2019/5/4
articleCard.readMore前端知识清单
转载信息 作者：ConardLi 原文链接：<a target="_blank" href="https://www.lisq.xyz/2019/04/26/%E...
2019/4/26
articleCard.readMore23:53
23:53 !gbf 废了，废了，现在 23:53，刚打死朱雀，该睡了，但心里很想吐槽自己，不吐不快， 还是老实打开 vscode 写几句。 另外最近又有点沉迷亡者农药，感觉整天时间少了很多。 为什么明明是单排都总是忍不住呢。 心里忍不住又惊呼道：人为什么要玩游戏？ 嗯，下一篇水贴讲的...
2019/4/25
articleCard.readMore有趣的 JavaScript 格式转换
之前做文件上传和 canvas 修图时接触到几个格式，这里打算整理一下他们的关系 ```html ``` 使用 input 获取文件时...
2019/4/18
articleCard.readMore必须知道的程序员思维
写程序不是为了炫耀自己的技术，是要**给公司创造价值**，要确实帮助使用这个程序的人。以及之前说过的，当程序员就是为了提高社会效率。 写**高效**的代码是每个程序员的追求，写**易懂**的代码是每个程序员的美德。 易懂的代码首先是有规范的，从目录结构到代码风格，在项目建立初就应该确定，可以...
2019/4/13
articleCard.readMore日记
第一季度总结的 deadline 都来了，才回过神来 9102 又已经过了四分之一。 薄荷 神様がくれた時間は零れる あとどれくらいかな</...
2019/4/9
articleCard.readMore功能型网站推荐
生成你最深的梦境 😝 应用风格迁移组合你梦里的风景吧！ https://deepdreamgenerator.com/generator-style 提供 gif 制作、修改、压缩等服务，出来的质量还不错。 https://ezgif.com/video-to-gif 一个超强...
2019/4/8
articleCard.readMoreUI 双更新啦！
! 第三版 UI 基本完成！...
2019/4/5
articleCard.readMore对于程序员这个职业的看法
一直希望有个地方能记下一点自己的一些（流）思（水）考（账），太好了，这个地方已经出现了，就是这里啦！ 我不知道是不是所有...
2019/4/5
articleCard.readMorevue-router history 异闻录
其实标题应该是「vue-router history 模式非根目录部署处理」但是不想太长，就改成现在的了。 > `vue-router` 默认 hash 模式 —— 使用 URL 的 hash 来模拟一个完整的 URL，于是当 URL 改变时，页面不会重新加载。 > 如果不想要很丑的 hash...
2019/4/2
articleCard.readMore快速理解 nodejs 模块
这个小短文用于快速理解 nodejs 模块（也就是 CommonJS 规范）。 `module.exports` 用于暴露一个值，这个值默认是对象，也可以覆盖为原始值。 尝试在一个文件中直接 log 出 module 的值，可以得到： ```javascript { id: '.', ...
2019/3/28
articleCard.readMore夏恋
夏季是一年中最灿烂的季节，在恋爱中也分四季。春是爱的萌芽，秋是一步步走向凋零，冬则是寂静寒冷地消亡。 夏恋是最激情的一个阶段，确实这个阶段是可能是爱情最美的模样，但是我发现，日本人却经常在夏恋歌曲里下毒... 那么，音乐推荐开始（（（ 曲名为...三角恋，出自山下智久、香里奈、户田惠梨香主...
2019/3/28
articleCard.readMoreJavaScript 垃圾回收入门（复盘校对版）
> 来源于 现代 JavaScript 教程 > 垃圾回收章节 虽然在 JavaScript 中不用自己管理内存，但是了解原理可以在关键时候快...
2019/3/23
articleCard.readMore日麻基礎講座—牌安全度
转载信息 作者：Allen（エレン） 原文链接：<a target="_blank" href="https://jpmj.nagchan.com/2018/10...
2019/3/18
articleCard.readMoreReact 渲染优化：diff 与 shouldComponentUpdate
我曾经对 shouldComponentUpdate 的用途不解。react 的卖点之一，是通过 diff 虚拟节点树，减少对真实节点的操作，所以我以前以为既然 diff 了，那就自然知道节点有没有更新了，diff 是根据 setState 的内容进行的，那 shouldComponentUpdat...
2019/3/16
articleCard.readMoreDart | class 详解
dart 是 Flutter 的基础，其中类（class）更是尤为重要，可以说是 Flutter 入门必备。这篇文章会跟着官方文档整理一下类的用法与需要注意的点。（因为我的本业是前端，所以其中会经常提到 JavaScript 并与其作对比） Dart 也是一种面向对象的语言。每个对象都是一个类...
2019/3/2
articleCard.readMore活着的意义
「活着/生命/生存」有什么意义可能直到最后一个人的死亡，都是人类永恒的话题。 > 寄蜉蝣于天地，渺沧海之一粟。哀吾生之须臾，羡长江之无穷。 「意义」是必须和时间挂钩的，如果人类永生不死，最开始可能会觉得很愉悦，一切应有尽有，但是当你面对无尽的时间，必然是一片空虚。 但是既然我们都会死，我们的意...
2019/2/26
articleCard.readMore在线课程站点推荐
推荐几个在线课程网站！ https://www.udemy.com/ 课程多，范围广，价格低（不过需要等降价，印象中普遍最低是 9.99 刀）。像淘宝一样有诡异的魔力，越逛越想买，什么都想学（但是最后看完的课程却不多）。 https://www.coursera.org/ 发起...
2019/2/24
articleCard.readMorereact native 原生模块桥接的简单说明
> 原文出自：https://github.com/prscX/awesome-react-native-native-modules ```java public class MyNativePackage implements ReactPackage { @Over...
2019/2/24
articleCard.readMorewebpack 的 scope hoisting 是什么？
scope hoisting 是 webpack3 的新功能，直译过来就是「作用域提升」。熟悉 JavaScript 都应该知道「函数提升」和「变量提升」，JavaScript 会把函数和变量声明提升到当前作用域的顶部。「作用域提升」也类似于此，webpack 会把引入的 js 文件“提升到”它的引...
2019/2/20
articleCard.readMorewebpack 最简打包结果分析
现在的 webpack 不再是入门噩梦,过去 webpack 最让人心塞的莫过于配置文件，而 webpack4 诞生随之而来的是无配置 webpack。 使用 webpack4，至少只需要安装 webpack 和 webpack cli。所以大家完全可以自己打一个最简单的包，还能修改插件对比前后的...
2019/2/19
articleCard.readMore[css demo] 标题样式
> 样式来源于：https://saruwakakun.com/ 这是一个标题 这是一个标题 这是一个标...
2019/2/16
articleCard.readMore[css demo] 容器样式
> 样式来源于：https://saruwakakun.com/ 这里放内容 这里放内容 <...
2019/2/16
articleCard.readMoreUI 又更新啦！
这次算是大更新了，之后应该较长时间不会改了。 单栏布局改为了信息量大一点的双栏布局。放弃了 Typography 以及 Wordpress2016 预设风格，样式文件重写。未来会添加更多自定义 div 插入到 markdown 文件。 !文章列表 !文章内容...
2019/2/15
articleCard.readMore关于本站
以下内容工作无关，仅指业余项目，基本都是兴趣使然的产物。 !mind elixir Mind elixir 是一个免费开源的思维导图内核 Github 地址： <https://github.com/sssho...
2019/2/14
articleCard.readMore19-02-11
这就开工了…… 春节几天假期真的跟没放一样，出去随便走走就一天了。期间电脑坏了，买配件更换快递哥哥也放假了，导致整个春节基本没用电脑（这真的不是我不更新的借口【狗头】） 那么假期我唯一有记忆的是干什么了呢？是“麻将”…… 大学四年周围一群人打日麻我都没进坑，都怪该死的雀魂，浏览器打开就能玩。不...
2019/2/11
articleCard.readMore创造属于自己的静态博客 —— gatsby 博客教程
本文并不是从 0 开始使用 gatsby.js 搭建博客，starter 使用的是 gatsby-starter-blog。使用 gatsby-starter-blog 可以大量节省项目搭建时间，直接得到一个最简单的博客模版，这个模板的缺点是功能少，但是反过来说优点是有较高的自由度。 根据下面...
2019/2/11
articleCard.readMore使用 Gatsby.js 搭建静态博客 7 文章目录
前面说过基本功能已经添加完了，但是生成目录依然是我 TODO 的头号问题。今天终于把这个问题解决了，本来以为要自己解释 md 文件，没想到自带的插件就有这个功能我却没发现。 生成目录首先要获取目录数据，此功能由插件 `gatsby-transformer-remark` 提供，请务必先安装...
2019/1/31
articleCard.readMoreUI 更新啦！
夜樱 UI 暂时退役了，换回正常一点的白底深色字。 ———— 细节仍在调整中 ———— 更新前 !旧UI1 !旧UI2 更新后 !新UI1 !新UI2...
2019/1/30
articleCard.readMore使用 Gatsby.js 搭建静态博客 6 评论系统
大家都知道 disqus 等第三方评论系统的存在。disqus 几年前还是挺好使的，但是现在已经是不存在的网站了。虽然国内也有类似的服务，但是免费档位有可能会有大篇幅的广告。 不过其实最大的问题是：你的评论掌握在别人手上。作为一个博客都自己搭建的程序员，为什么要让数据落在别人手上呢？ 掌握自...
2019/1/18
articleCard.readMore使用 Gatsby.js 搭建静态博客 EX 使用语雀发布到博客
偶然看到通过语雀 webhook 发布文章到 Hexo 静态博客，很方便，实现过程也很有意思。同样的原理可以运用到 Gatsby.js 博客上。 因为使用了 netlify，自动部署的事情就不用自己担心了，本文讲述的有一下两点： 1. 熟悉语雀 webhook 1. 使用 GitHub api 更...
2019/1/18
articleCard.readMore从实现理解闭包（复盘校对版）
> 来源于 现代JavaScript教程 > 本文很清晰地解释了闭包是什么，以及闭包如何产生，相信你看完也会有所收获 **关键字** **Closure** 闭包 **Lexical Environment** 词法环境 **Environment Record** 环境记录 **oute...
2019/1/16
articleCard.readMore使用 Github API 更新仓库
本文为大家提供一种使用 GitHub API 生成 Commit 的方法。通常我们会使用 Git 客户端 Commit 然后 Push 到 GitHub，但 GitHub 为我们提供了相关 API，可以直接通过 API 更新仓库。 要搞清楚整个更新流程，需要先理解 Git 的数据结构。如下图所...
2019/1/9
articleCard.readMore浅析 web 前端 MVVM
记得四个月前有一次面试，面试官问我 MVVM 是什么，MVVM 的本质是什么。我大脑一片混乱，那时我对 MVVM 的认知就只是“双向绑定“和“Vue”，以这个关键字简单回答了几句，我反问 MVVM 的本质是什么，对方就重复一次双向绑定。我怎么觉得对方也没懂就随便这么一问呢... 其实面试完我就...
2019/1/4
articleCard.readMore2018 年终总结
之前没有写总结的习惯，借着开了 blog 的机会，是时候改改这个习惯了。 昨天开了 Netflix，今天早上看了一早上夜魔侠，接着下午去了一趟图书馆，回来继续看，我终于意识到，再不写，今年就要过去了，所以便有了这篇总结。 最近碧蓝幻想的连续体力减半让我的可掌控时间持续减少，在这个年终总结我不得不...
2019/1/1
articleCard.readMore使用 Gatsby.js 搭建静态博客 5 博客上线
这真的是最简单的一步啦～ netlify 是一个可以帮助你自动部署网站的平台。你可以选择自己买服务器，运行 build 然后推送到自己服务器（或者直接使用 gh-pages），但是使用 netlify 你只需要正常推送项目到 GitHub，netlify 就会自动给你 deploy，这项服务是...
2018/12/28
articleCard.readMore使用 Gatsby.js 搭建静态博客 4 标签系统
官方自带标签系统教程，英语过关可以直接阅读官方教程。 以下说一下重点： **提示：以下所有查询都可以在 `localhost:8000/___graphql` 测试** 建立标签系统只需要以下步骤： ``` title: "A Trip To the Zoo" tags: "anima...
2018/12/28
articleCard.readMore常识级别的 chrome 控制台操作接口
快 2019 年了，我才去看 chrome DevTools 的 api，唉，晚是晚点，总比不知道好吧？对于这些接口，不知道也不会导致你无法正常开发，但是知道了效率是能提高很多的。其实很多“常识”都因为“太常识”了，所以大家都不说，不讨论，结果知道的人反而不多。 以下是几句话的简单总结。 ...
2018/12/28
articleCard.readMore12-26
等了两个星期还没有邮件，耐不住直接发邮件到 ebookjapan 要序列号。 还挺有效的，第二天序列号就发来了，我想知道我不找的话是不是就不发了 233 近来也是碧蓝幻想的连续减半，挺久没有连续减半了，果断是肝爆的......我想这么说但是... 换新工作以来第一次压力超大的加班，...
2018/12/27
articleCard.readMore走近珂学
这是一个音乐推荐文。欸...尽管我是以此为目标写的（不知道能不能顺便拉大家进坑把动画看了呢）？其实这篇文早就写好了，但是因为这样那样的原因没有发，原因就不在这里详细说（抱怨）了...🕯 高能预警----------------本文涉及严重剧透---------------------------...
2018/12/22
articleCard.readMore使用 Gatsby.js 搭建静态博客 3 样式调整
回顾：使用 Gatsby.js 搭建静态博客 2 实现分页 为了测试样式，随便找一个以前的 `.md` 文件粘贴到 blog 项目中渲染看看效果： ! emmm，问题大了，必备的代码高亮都没有... ! 但是当我审查元素时发现，这竟然是已经被分词的状态，又经过一系列的资料搜集，发现 p...
2018/12/14
articleCard.readMore使用 Gatsby.js 搭建静态博客 2 实现分页
> 系列导航： > 可以先复习 -> 使用 Gatsby.js 搭建静态博客 1 关键文件 本文将会介绍如何为初始项目添加分页功能。 上一篇的 `gatsby-node.js` 介绍部分已经说明了页面生成的方法。 未修改前，首页 `index.js` 存在于 `pages` 文件夹...
2018/12/11
articleCard.readMore使用 Gatsby.js 搭建静态博客 1 关键文件
> 原文地址：https://ssshooter.com/2018-12-09-gatsby-blog-1/ 系列导航： --> 静态博客之前也有搭建过，不过使用 Hexo 一键生成的，其实当时也有考虑过 Gatsby，不过这个框架搭建博客入门还是比较难的，前置知识点包括 reac...
2018/12/9
articleCard.readMore12-08
买碧蓝漫画电子书（其实本体并不是书）踩了个坑。 购买点是在 ebookjapan，适逢活动，买头两册返还一半的点数可以在下次购买使用（当然我不确定是不是“适逢”），这是我选择 ebookjapan 而不去 bookwalker 的原因。 PS：网商这种东西，价格都是捉摸不透的...但凡说大减价的...
2018/12/9
articleCard.readMore只用 CSS 就能做到的像素画/像素动画
!clipboard.png > 原文链接：box-shadow を使って CSS だけでドット絵を描き、アニメーションさせる > 作者推特：bc_rikko > 作者的推特里面有不少例子，有能力的同学可以看一下 > 译文原址：https://segmentfault.com/a/11...
2018/12/8
articleCard.readMoreNth Blog
说实话，真的不知道是我的第几个 blog 了， 不过之前一直是用第三方平台，自建也是用 WordPress 或者 Hexo 等完整搭好（样式和功能齐全）的项目。 所以这次是第一次从最简单的框架自己添加功能和样式制作的第一个博客，希望这是一个新的开始吧（ 在搭建过程中遇到的问题大概也会记录在这里...
2018/12/7
articleCard.readMoreDeparture
usubeni fantasy 开张啦！ 本站文章内容可能涵盖一下元素： ...
2018/12/6
articleCard.readMore在 React Native 使用阿里 iconfont 图标
补档，原址：https://segmentfault.com/a/1190000016896623 熟悉前端开发的大家都一定知道 iconfont.cn，在网站下载图标集，会自带教程告诉你如何在网页使用 iconfont。但是在 React Native 中，跟网页使用的步骤就不同了。我最开始百度...
2018/11/3
articleCard.readMore一个 PWA 的诞生
PWA（Progressive Web Apps）虽然是网页应用，但是可以带来媲美原生的用户体验，其中包含离线可用，后台推送等功能。PWA 不是一个新名词，早在 2015 年已经提出这个思想，但是直到 iOS12 的发布，PWA 终于可以在 iOS 中添加到主屏，只有安卓和 iOS 都能使用 PWA...
2018/9/17
articleCard.readMore假想问题，低质量软件的根源
> - 原文地址：Imaginary problems, the root of bad software > - 原文作者：George > - 译文出自：掘金翻译计划 > - 本文永久链接：https://github.com/xitu/gold-miner/blob/master/TODO1/...
2018/8/6
articleCard.readMoreClass 继承与 super
原文：https://javascript.info/class-inheritance 补档，首发于 segmentfault：https://segmentfault.com/a/1190000015565616 class 可以 extends 自另一个 class。这是一个不错的语法，技...
2018/7/8
articleCard.readMore关键字 aws ss 科学上网
**这是一个穿越时空的补档** 注意点 注意点 有可能需要先 `apt-get update` **`sudo yum install python-pip -y && sudo pip install shadowsocks && sudo /usr/loca...
2017/7/26
articleCard.readMore