欢迎来到叶寻的博客。这里随笔与技术内容较多,但没有固定的话题。
jQuery 使用笔记
jQuery 是一个经典的 JavaScript 库,其功能为修改 HTML 元素、处理事件、制作动画、发送请求(Ajax)。jQuery 首次发布于 2006 年 8 月 26 日,现在(2024 年)已经 18 岁了。截止于 2024 年 10 月 23 日,有 75.8% 的网站使用了 jQuery1。 虽然 jQuery 的使用率高,但新项目没必要用 jQuery,原生 JavaScript 已经可以实现 jQuery 的操作,参看 You Might Not Need jQuery 和 You-Dont-Need-jQuery。维护老项目时可能会用到 jQuery。
优化 Hugo 博客速度:Pjax、dynamic script、preload、minification
本文介绍了优化博客速度的几个方式:Pjax(免刷新加载页面)、dynamic script(动态插入脚本)、rel=preload(预加载)、minification(极简化)。 本博客是 Hugo 生成的静态网站,感觉访问速度还不算慢。有天我看别人的博客(大概是单页应用),发现点击链接居然没刷新网页就加载了新页面,速度非常快。那时我想:要是我的 Hugo 博客也能这么流畅就好了。我感觉把博客改成单页应用要耗费不少时间,遂作罢。
将 LineageOS 20 升级到 LineageOS 21
我手机用的系统是开源的 LineageOS 20(Android 13),跨版本升级到 LineageOS 21(Android 14)需要用电脑手动操作。因为怕操作失误导致无法开机,所以想着先备份资料,但我懒得备份资料,于是好几个月没升级。今天就来升级了。
开放的心态
在网上看到有人争论同类事物的好坏(比如:Vim 和 VS Code、Arch linux 和 Ubuntu),我认为没有必要去争。纠结哪个最好容易导致无尽的争吵。没有完美的工具,我们应该去思考工具的特点和适用场景。两个工具适用场景相似时可以先随便选一个,不要追求完美,适合就继续用,不适合就换另一个。
冷泡茶教程
冷泡茶是用低温水泡的茶,苦味比热泡茶淡,有清凉感。 材料与工具 # 茶叶(红茶、绿茶等) 水壶 冰箱 流程 # 茶叶与冷水的重量比例为 1:50,将茶叶与冷水加到到水壶,关闭盖子。 将水壶放入冰箱冷藏室,泡 4~8 小时。可以睡前泡,这样第二天早上就能喝了。 补充资料 # 夏天到了教你泡冷泡茶 - 農業知識入口網 不同茶類之最佳冷泡條件 - 農業知識入口網
QWERTY 键盘标点符号的中英文名称
AmE 表示 American English(美式英语),BrE 表示 British English(英式英语),表格的空白表示没有对应名称。 标点 英文 中文 ~ tilde 波浪号 ! exclamation point (AmE) / exclamation mark (BrE) 感叹号 @ at sign / at symbol # hash / pound sign / number sign 井号 $ dollar sign 美元符号 % percent sign 百分号 ^ caret 脱字符 & ampersand / and sign * asterisk 星号 ( ) parenthesis (AmE) / bracket (BrE) / round bracket (BrE) 圆括号 - hyphen / minus sign 连字符/减号 + plus sign 加号 ` backtick/backquote/grave 反引号/重音符 _ underscore 下划线 = equal sign (AmE) / equals sign (BrE) 等号 { } brace / curly bracket 花括号 | verticle bar / pipe 竖线/管道 [ ] square bracket 方括号 \ backslash 反斜线/反斜杠 : colon 冒号 " double quote / double quotation mark 双引号 ; semicolon 分号 ' apostrophe / single quote / single quotation mark 撇号/单引号 < less-than sign 小于号 > greater-than sign 大于号 ? question mark 问号 , comma 逗号 . period (AmE) / full stop (BrE) 句号 / slash / forward slash (正)斜线/(正)斜杠 参考资料:Wikipedia, the free encyclopedia
少囤草稿,尽快发布
笔记软件里面的草稿越来越多,但是发布的文章却越来越少了。造成这个情况的原因有:用于写博客的时间少了、对文章的要求过高。囤着草稿是不好的,写好的文章应该发出来,为了帮助自己和他人。 刚写博客那会,我对文章内容没有太高要求,就是想着写好后几天内改几次(吐槽:这要求还不高吗),力求通俗易懂。后来写作要求提升了两次。
菜谱:酱油蒜香炒蛋
材料 # 蛋 蒜末 酱油 步骤 # 将蛋打入碗中,不要搅拌 加酱油,搅拌均匀蛋黄和蛋清 加蒜末 下锅前搅拌 煎蛋或者炒蛋 备注 # 可用鸡蛋或者鸭蛋,混蛋也行 可用刀将蒜头切成蒜末,越碎越好 搅拌蛋后再加酱油就看不清加了多少酱油 蒜末会沉淀,所以下锅前搅拌
CSS Grid 布局教程
CSS Grid 是二维布局方法,也就是用竖线和横线将内容划分成格子,像棋盘一样。本文只介绍常见用法,要了解全部用法请看 MDN Web Docs。推荐大家看完后做文末提到的习题。 概念 # 网格容器(Grid Container)、网格项(Grid Item) # display: grid | inline-grid 使元素变成网格容器,其子元素叫网格项(其他后代不算),按照网格布局排列。下面代码的 .container 是网格容器,.item 是网格项,.sub-item 不是网格项。
CSS BEM 命名规范入门教程
BEM(Block, Element, Modifier)是 HTML/CSS 类的命名方法,它可以让 HTML 和 CSS 代码更有条理。 概念与用法 # 一开始看不懂没关系,后面有示例。 block(块):可以独立使用的 HTML 元素(比如:<nav>),可以不包含 element。 element(元素):依附于 block 的 HTML 元素,无法独立存在(比如:<li>),前面要加上双下划线 __。 modifier(修饰符):表示 block 或者 element 的状态和外观,前面要加上双连字符 --。 用单连字符 - 连接单词,比如:search-form。 element 只属于 block,而不是另一个 element。错误写法:block__element1__element2,正确写法:block__element2。 使用 modifier 时,同时保留不含 modifier 的类名,比如:<a class="menu__link menu__link--active" href="/zh-cn/">主页</a>。 HTML 示例 # <nav> 元素是 block,它包含的 element 有 <ul>、<li>、<a>。--active 是修饰符。