总结2024：超出预期。1. 快乐 | HappySome people choose to see the ugliness in this world, the disarray. I choose to see the beauty.在这个世界上，一部分人选择看到丑恶与混乱， 但我选择看到美好的一面。这句台词出自《西部世界》。我无法确定我存在的真实性，无法确定我是否是一个 NPC，但是我确定，我不要用悲观的、痛苦的态度去过我的人生。快乐不是被动技能，快乐是主动获得。我看到别人脸上开心的笑容，收到来自陌生人的善意，感受着温暖，我希望当别人转向我，也是一样感受。曾经的困境，淡忘吧，不再去回忆它们。过去的我留在了过去，现在的我是这个时间线上的新实体。感谢在困境中温暖我的家人和朋友们❤️。2. 新的开始 | New Start回头看觉得自己已经很幸运，没有吃太多苦。能通过自己的双手让自己温饱，还有一些余钱能去适当地享受生活，我感到很知足。人生的轨迹不是一成不变，每一个不经意的机会，作下的决定，都发展出新的结果。我对接下来的人生未知性保持开放态度。3. Gap Year | Bye Bye!结束了整整一年的 Gap，其实一开始没打算休息这么久，毕竟现在的职场环境，“Gap 一年像当于坐过牢”。经过仔细的思考，既然我暂时没有经济上的烦恼，为何不休息一段时间。虽然这一年没有在工作，但是没 ...继续阅读 (8)

在 2023 年末曾去过一次关西地区旅行，那也是我第一次出国旅行。去年的游记，得到了非常棒的互动，让我感到很开心。关西旅行（2023）第一次到日本旅行，分享一下我的旅行过程和感受。当时已是晚秋，枫叶已经几乎落尽，没能欣赏到漫山红叶的景色略显遗憾。前几天打开小红书正好刷到红叶美图帖子，于是计划了此次旅行。请了 5 天年假，加上前后两个周末，共 9 天行程，实际上第一天和最后一天都是准备出发和返程，所以游玩的时间为 9-2=7 天。本文插入 HDR 图片，使用受支持的设备可获得最佳阅读体验。例如：携带 miniLED 屏幕的 MacBook + Chrome。HDR 支持检测：HDR 内容已开启：切换 HDR/SDR你可以点击按钮来预览不同的图片效果，特别是当图片显示异常时。本页面图片 HDR 效果在 30 bit 色深和 Chrome 内核浏览器两个条件未同时满足时默认关闭，可以手动开启。路线今年的计划依然是休闲的旅行，让身心都能放松。去年曾去过的一些地方，今年不打算再去了。例如大阪城公园、伏见稻荷大社。表示我去过了，表示没有去京都清水寺永观堂天授庵岚山斋佑亭东海自然步道奈良奈良公园若草山春日大社出发前事项说明购买往返机票飞猪预定酒店携程/美团/Booking/Agoda购买旅行保险微保入境登记Visit Japan WebSIM 卡（eSIM）Airalo此链接含 AFF少量现金（ ...继续阅读 (7)

封面来自 Mark EderDEMO下方是 Demo 展示区域，点击即可输入框触发下拉菜单。User IDPasswordCheckboxDate过程步骤 1. 点击输入框时显示下拉菜单我最初的想法是给每个输入元素添加一个点击事件监听器，但后来我意识到，当文档加载完成时，并不意味着页面不会随着内容的更新而添加新的输入元素。因此，为了解决这个问题，我们可以给 body 添加一个点击事件监听器。当 Input 发出的点击事件冒泡时，我们就可以做我们需要做的事情——显示下拉菜单。（伪）代码如下：123456789101112constshowSelect= () =>{// create a dropdown element and append to document// ...}document.addEventListener("click",(e) =>{consttarget = e.target;if(target.tagName==="INPUT"&& ["text","password"].includes(target.type)) {showSelect();}});步骤 2. 将下拉菜单附加到当前输入元素的底部我们可以使用“getBoundingClientRect()”来获取当前输入元素的偏移位置（相对于 ...继续阅读 (20)

我又去旅行了☀️考虑目的地时，看到鹿儿岛挺好奇的，上海往返直飞航班也很方便，翻翻别人的游记和美图，就决定是它！还没见过活火山呢，满足一下我的好奇心。这次旅行我玩得非常开心，欣赏了许多美景，也晒黑一个度。（鹿儿岛没有鹿）视频版⬇️ 4K 50FPS[This iframe content needs to be loaded by JavaScript.]行程日期行程2024.07.23上海10:50 AM =>鹿儿岛12:50 PM 🌥️ 28° ～ 31°2024.07.24鹿儿岛市-樱岛、仙岩园 🌥️ 28° ～ 31°2024.07.25指宿市 🌥️🌦️🌥️ 28° ～ 31°2024.07.26雾岛市 🌥️🌦️🌥️ 26° ～ 31°2024.07.27鹿儿岛13:50 PM =>上海14:50 PM 🌥️ 27° ～ 33°花费最近汇率挺划算的～我出发前购买的 50000 円现金花费 2333 元人民币。出发前事项备注整理行李我用的 To-do List境外旅行保险微保入境日本信息填写&申报VJW 网站SIM 卡Airalo确认酒店位置Apple Maps / Google Maps日元现金浦发银行购汇取现规划一下交通去浦东机场的出发时间/出行方式，到达鹿儿岛机场后的交通方式日程Day 1 出发10:50 的飞机，预留 2 个小时值机出关，预计 8:50 到达机场，坐地铁 ...继续阅读 (21)

又到达这个曾经生活过的城市，这一次，虽然我只是一个过客，但是当我走过那些熟悉的街道，坐上在脑海里留下深刻记忆的公交车线路，春风也是那么刚刚好，温暖，丝滑，都不曾改变。回到泉州，但是在泉州市区其实只呆了半天。泉州没有地铁，出行主要靠公交车或是汽车。记得我刚到泉州的时候，觉得泉州看起来好破旧。在很多地方，都能看到在高楼大厦拔地而起之前那些沧桑岁月的痕迹。只是随便走走，没有特别规划去哪里。如果问我泉州有什么好玩的，我想到的是：文化泉州是海上丝绸之路的起点，也是古代海港，可以前往参观泉州博物馆、闽台缘博物馆，免费。对音乐感兴趣的话可以在泉州欣赏到闽南地区的传统音乐「南音」。美食闽南沿海城市的味道：面线糊、姜母鸭、四果汤、肉粽、蚵仔煎等等沙滩青山湾、红塔湾等等，可以参考https://qz.bendibao.com/tour/2017331/5603.shtm，建议夏天再去泉州给我的感觉：一座气候宜人、不紧不慢的小（其实不小）城市。西街以钟楼为中点，东西两侧为东街和西街。这里是老城区，大部分是闽南风格的建筑，在泉州、厦门、漳州都可以常见到。在这片老城区里，坐落着文庙、关帝庙、开元寺等多处寺庙和公园。闽南人对于神佛很尊敬，很多长辈们初一十五烧香祈福，希望神佛保佑健康顺遂。在小红书上看到一些网红图片拍得很有氛围感，夕阳、街灯、人群都恰到好处。不得不说，天气对于景色真是太重要了。阳光、蓝天和白云总 ...继续阅读 (17)

写在前面工作多年了，几乎没有怎么放下心、放下工作去旅游。本来计划 12 月初就出发，想到生日临近了，给自己一些仪式感，让“过生日”变的有趣些，所以往后移了行程。日本关西地区距离上海不是很远，但是第一次出国，挺兴奋的，提前做一些功课避免落地就懵。buff：本文为我个人经验和感受，不具有普适性，请勿抬杠 😅，爱与和平。现在日元人民币汇率约 20:1，相较几个月前更不划算了一些。做攻略的时候有很多陌生的名词，我列在此处方便理解：名词意义VJW^Visit Japan Web入境信息申报JRJapan Railways，日本铁路公司之一近铁^近畿日本铁道，日本铁路公司之一^HARUKA关西机场特快专线，车身有 Hello Kitty 图案，很容易辨认^Klook类似携程、飞猪一样的旅行 App，香港地区出品Suica、西瓜卡日本交通卡ICOCA日本交通卡円圆，日元单位駅意义同中文的火车站的“站”，在巴士、轨道列车站点可以看到以及需要了解的一些事项日本的车辆方向盘在驾驶室右座，所以是左侧停靠，也就是说人和车都是走左边，楼梯也是走左侧，但是大阪有些地方（比如车站的楼梯）是右上左下公交车有后门上车的也有前门上车，山下车时如果门口有投币箱的话都需要刷一次卡（只扣一次钱）。如果没有卡也没有刚好的零钱时需要投入超额的公交费用（和国内一样，没有 1 块就投 5 块 10 块）街上没有垃圾桶，如果有遇到自 ...继续阅读 (33)

前提我的时间很充足，但是我没有自驾经验。本次游览的景点之间没有高速公路且路程非常长，综合考虑选择了报团。原定计划是去稻城亚丁，考虑到亚丁的海拔比较高（4000m+），而且现在已经入冬，景色不如秋景，所以选择去九寨沟。为什么是去四川？没见过雪山，特别想看看雪山的样子，看雾凇，看瀑布。总结不要报团，不要报团，不要报团。这几个景点景色都很美，特别说明一下，九寨沟只有晴天美，毕棚沟票超所值。尽量选工作日出去玩，人会少点。如果报团了，团里的赠品（火锅）不要哈，是坑。交通不便，在路上很累，景点之间没有高速，走国道大卡车特别多，路上很多弯，晕车的别来下雪天的话，黄龙景区就别去了，门票贵不说，唯一一个特色景点五彩池是冻住的哈。本文内的图已压缩但未调色。拍照设备为 iPhone 14 Pro + Sony A7CM2 + Samyang FE35 1.8如果重来一次的话我的行程成都毕棚沟 2 天（住沟里娜姆湖酒店，慢慢逛，还可以看日照金山）成都行程日期行程2023.11.09上海出发 9 点起飞 =>成都☀️ 15°C ～ 21°C2023.11.10 ～ 2023.11.134 天 3 夜 景区行程2023.11.14成都出发 8 点起飞 =>上海☀️ 7°C ～ 14°CDay 1成都☁️ 12°C ～ 20°C汶川☀️ 3°C ～ 10°C毕棚沟☀️ -3°C ～ 7°C黑水☀️ -3°C ～ ...继续阅读 (14)

封面来自 Luba Ertel在日常工作或生活中，复制粘贴的使用率很高。有时你突然需要之前复制的内容，如果有历史记录可以阅读和搜索，那将非常方便。一个简单的 shell 脚本就可以做到这一点！当脚本在后台运行时，它每 2 秒读取一次剪贴板，比较本地保存的记录内容，如果尚未保存，则将当前剪贴板内容附加到文件末尾。文件以日期命名（可以在以下脚本中轻松修改，请参阅OUTPUT_FILE），以便于存储和归档。实现新建一个clipboard.sh脚本文件clipboard.sh1234567891011121314151617181920212223242526272829303132#!/bin/bashDATE=$(date +%Y-%m-$%d)OUTPUT_FILE=~/Documents/$DATE.txtif [ ! -f "$OUTPUT_FILE" ]; thentouch "$OUTPUT_FILE"fiwhile true; doCURRENT_DATE=$(date +%Y-%m-$%d)if [ "$DATE" != "$CURRENT_DATE" ]; thenDATE=$CURRENT_DATEOUTPUT_FILE=~/Documents/$DATE.txtfiif [ ! -f "$OUTPUT_FILE" ]; thentouch "$OUTPUT_FILE ...继续阅读 (19)

What is a LUT?A LUT (Look-Up-Table) is simply a table of fixed numerical values that can be applied to video to alter its look. It can change an image’s contrast or color or both. 1D LUTs are the simplest, each input value mapping to a single output value, while 3D LUTs are more sophisticated and can apply to a co-ordinate set of colors.https://pro.sony/ue_US/technology/professional-video-lut-look-up-table#TEME170401LutsFromSony-professional-video-lut-look-up-tableBenefits of LUTsA LUT or Look-Up Table makes it easy to apply a wide variety of different looks to your video content. It’s often u ...继续阅读 (27)

Live-PhotoA simple live-photo component.Github:https://github.com/LynanBreeze/live-photoPreviewMy Style[This iframe content needs to be loaded by JavaScript.]html代码1Apple Style[This iframe content needs to be loaded by JavaScript.]html代码1OptionsKeyTypephotoSrcstring, requiredvideoSrcstring, requiredloopnullmutednulluseApplenullRun1pnpm install && pnpm run devBuild1pnpm build【还没写完】 ...继续阅读 (27)

硬件MacBook Pro 14 Inch (2021) with M1 Pro, 16GB + 512GB苹果垫脑。图片来源iPhone 15 Pro MaxiPad Pro 12.9 Inch (2021)为了 miniLED 而升级。Apple Watch S8 44mmAirpods Pro 2Meizu 21出门有大用，两次在日本我的 iPhone 连不上酒店 WiFi，靠它连上共享给 iPhone 使用，续航还久，棒棒！iPhone SE大学时代勤工俭学攒钱买的，当年超级好用，特别流畅。Sony A7C II去年买的，体积小巧，全画幅画质有保障。Epson EF-11躺床看剧。软件Bear日常笔记，写博客，订阅价格 💲14.99/年。1Password记密码查找密码都很方便。uPic博客附件上传工具。TopNotch隐藏 MacBook 屏幕上的刘海。BetterDisplay可以开启额外亮度，有时 SDR 600尼特亮度对我不够的时候开启更高来使用。ServerCat💲14.99 升级了 Lifetime Premium 订阅。有点小而美的感觉，挺好。像素蛋糕P图神器，买了 250 张 P 图额度，还有 200+ 没用呢。Infuse支持杜比视界，值得付费，但是但是怎么默默涨价到 💲12.99/年了啊。。。彩云天气 Pro限免时候下载的，在上海我觉得比苹果天气准。还有 ...继续阅读 (27)

我又去旅行了☀️考虑目的地时，看到 鹿儿岛 眼前一亮，上海往返直飞航班夜很方便，翻番别人的游记和美图，就决定是它！还没见过活火山呢，满足一下我的好奇心。这次旅行我玩得非常开心，欣赏了许多美景，也晒黑一个度。行程日期行程2024.07.23上海10:50 AM =>鹿儿岛12:50 PM 🌥️ 28° ～ 31°2024.07.24鹿儿岛县鹿儿岛市-樱岛、仙岩园 🌥️ 28° ～ 31°2024.07.25鹿儿岛县-指宿市 🌥️🌦️🌥️ 28° ～ 31°2024.07.26鹿儿岛县-雾岛市 =>上海🌥️🌦️🌥️ 26° ～ 31°2024.07.27鹿儿岛13:50 AM =>上海14:50 PM 🌥️ 27° ～ 33°出发前准备事项备注行李我用的 To-do List境外旅行保险微保入境日本信息填写&申报VJW 网站SIM 卡Airalo确认酒店位置Apple Maps / Google Maps日元现金浦发银行购汇取现规划一下交通去普通机场的出发时间/出行方式，到达鹿儿岛机场后的交通方式Day 1 出发10:50 的飞机，预留 2 个小时值机出关，预计 8:50 到达机场，坐地铁去机场时间也是很足够。坐地铁到🚇龙阳路站，换乘磁悬浮列车。到达浦东 T1 航站楼。出发🛫！快到了。、白云看起来软绵绵的。[This iframe content need to be loaded b ...继续阅读 (81)

其实有个想法是把上海的公园都逛一逛，不过实行起来还是要很多精力和毅力的😄共青森林公园清晨6点 公园小道有一束光，那瞬间🎵好像仙境桥上有个正在钓鱼的大爷落红不是无情物，化作春泥更护花绿野仙踪木绣球正盛开鲁迅公园黄兴公园 ...继续阅读 (50)

*Linear AlgebraLinear algebra is the branch of mathematics concerning linear equations.[wiki]Core KnowledegeMatrixMatrixConceptIn mathematics, a matrix is a rectangular array or table of numbers, symbols, or expressions, arranged in rows and columns, which is used to represent a mathematical object or a property of such an object.[wiki]Application in Real LifeIn computer graphics, matrices are used to describe geometric transformations of objects. Through matrix operations, operations such as translation, rotation, and scaling of objects can be realized, thereby generating various complex grap ...继续阅读 (46)

又到达这个曾经生活过的城市，这一次，虽然我只是一个过客，但是当我走过那些熟悉的街道，坐上在脑海里留下深刻记忆的公交车线路，春风也是那么刚刚好，温暖，丝滑，都不曾改变。回到泉州，但是在泉州市区其实只呆了半天。泉州没有地铁，出行主要靠公交车或是汽车。记得我刚到泉州的时候，觉得泉州看起来好破旧。在很多地方，都能看到在高楼大厦拔地而起之前那些沧桑岁月的痕迹。只是随便走走，没有特别规划去哪里。如果问我泉州有什么好玩的，我想到的是：文化泉州是海上丝绸之路的起点，也是古代海港，可以前往参观泉州博物馆、闽台缘博物馆，免费。对音乐感兴趣的话可以在泉州欣赏到闽南地区的传统音乐「南音」。美食闽南沿海城市的味道：四果汤、肉粽、蚵仔煎等等沙滩青山湾、红塔湾等等，可以参考https://qz.bendibao.com/tour/2017331/5603.shtm，建议夏天再去泉州给我的感觉：一座气候宜人、不紧不慢的小（其实不小）城市。西街以钟楼为中点，东西两侧为东街和西街。这里是老城区，大部分是闽南风格的建筑，在泉州、厦门、漳州都可以常见到。在这片老城区里，坐落着文庙、关帝庙、开元寺等多处寺庙和公园。闽南人对于神佛很尊敬，很多长辈们初一十五烧香祈福，希望神佛保佑健康顺遂。在小红书上看到一些网红图片拍得很有氛围感，夕阳、街灯、人群都恰到好处。不得不说，天气对于景色真是太重要了。阳光、蓝天和白云总是一个令人心情愉 ...继续阅读 (61)

起因嘛，就是这条短信：【七牛云服务】尊敬的七牛云CDN用户，您的账号 **@**.com 下 article-assets.lynan.cn 等 3 个域名绑定的证书即将过期，为保证您的服务正常使用，请您尽快更换证书。详见邮件内容。您可登录「消息设置/产品消息/CDN 相关通知」关闭短信通知。如证书已弃用请忽略。收到七牛的短信说明我的免费证书一年期又到了，需要重新申请、上传 SSL 证书。正好我最近因为迁移了博客到 CloudFlare，体验不错，干脆把图床也迁移了。总得来说，迁移的好处有：不花钱（10GB 以内的资源，目前来说我肯定用不到，因为我的资源在上传前都手动压缩过，当然了如果真到不够用的时候它超出额度也非常便宜）全球CDN无需自行配置 SSL 证书继续用七牛的话，一年配置一次我都有点懒😅收集原图床资源鉴于当时为我的博客单独建了一个 Bucket 并且配置了单独的域名，所以找起来很容易。跑个脚本即可：我的博客是 Hexo 生成的，原始文件都在source文件夹内。getlinks.js12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849const{ resolve } =require("path");const{ re ...继续阅读 (61)

XHR and its related features have been commonly used in recent decades. Since then, more and more Web sites now represent as Web Apps. To improve user experience with progressive loading, many Apps use skeleton screen to ease the feelings of unknown, rather than serve a blank white screen while waiting.What is a Skeleton ScreenIt’s the gray shapes shown while the data is loading from the server instead of displaying a classical spinner. —-^What is a skeleton screen 💀?⬆️ Look at This ⬆️What forLook at this comparison, UI with skeleton seems to have less reflow which I think is more comforting.T ...继续阅读 (60)

Unsplashis my favorite image site, not only for it’s huge amount of free images but also for it’s great user-experience. It has already been quite a while sinceUnsplashstarted usingBlurHashto deliveryprogressive Image Loadingexperience.BlurHash added to photo objectsThe ConceptProgressive Image LoadingProgressive Image Loadingmakes better user experience. But what is Progressive Image Loading?Instead of waiting for the final image to be rendered, use a low-quality image as placeholder (LQIP) first, swith to the original one when it’s loaded.What is going on?Render an element (divfor example) w ...继续阅读 (64)

构建与托管本站使用HEXO构建生成静态网站文件，托管在云服务器创建的Plesk面板中。在Plesk中配置了 Webhook，当我提交变更到我的 Github 私有仓库以后，触发 Actions 构建网站，变更的内容将自动同步到Plesk网站文件夹进行更新。个性化主题使用Icarus主题。大屏设备可以获得最佳阅读体验。字体本站共计使用两种开源字体：LXGWWenKaiThe quick brown fox jumps over the lazy dog 敏捷的棕色狐狸跳过了懒狗SourceHanSerifCNThe quick brown fox jumps over the lazy dog 敏捷的棕色狐狸跳过了懒狗字体文件由脚本收集所有用到字符简化而成，提高加载速度。generate-font-files.js1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162constfs =require("fs");const_ =require("lodash");constFontmin=require("fontmin");constdirectory ="source/_posts";constscript ...继续阅读 (68)

Descriptionhexo-lazyload-imageis a plugin for lazyloading elements in post. Implement lazyloading withIntersection Observer.*for browsers not supportIntersection Observer, lazy load is not woking due to I did not integrate polyfill in this plugin to avoid unnecessary script size.DEMOaltFeaturesLazy load for img, video, and iframeSupport Blurhash/Gradient CSS attribute for a placeholder imageError tip and retry button to reload the resourceDifferent syntaxes supportedSupport for RSS readersSupport for JavaScript-disabled browsersInstall1npm intsall hexo-lazyload-element -SUsage1. Enable lazyloa ...继续阅读 (101)

（主）路由器我用的是GLiNet MT3000。优点嘛：官方固件基于 OpenWRT体积很小，功耗很低，温度也不高支持 WiFi 6还算不错的 256MB RAM + 512MB ROM，简单地运行几个软件很够用稳定缺点：价格偏贵了点，同配置 100+ 元就可以买到其他品牌的路由器信号无法覆盖大面积户型折腾如果购买的是国行，到手先解锁。解锁后可以使用固件自带的：VPN、Adguard Home、Tailscale 等软件功能。可以参考这里进行解锁软件包源/etc/opkg/customfeeds.conf1src/gz custom https://op.dllkids.xyz/packages/aarch64_cortex-a53/如果安装某软件缺少软件包可以继续新增官方的源：/etc/opkg/customfeeds.conf123src/gz base http://glinet.83970255.xyz/?f=/mt7981/basesrc/gz luci http://glinet.83970255.xyz/?f=/mt7981/lucisrc/gz packages http://glinet.83970255.xyz/?f=/mt7981/packages安装 iStore 软件商店下载https://istore.linkease.com/repo/all/stor ...继续阅读 (75)

Web Page / PWAhttps://tiny.comBest compression tool for.pngimages.Should be noticed that imageswill be uploaded to tinypng’s server.https://squoosh.appSquoosh is developed by Google Chome Lab team, once loaded it runstotally offline. With WebAssembly integration, multiple de/encoders are available for choosing.Also, you can customize options for compression, very convenient.CLIimagemin-cli1234567891011121314151617181920$imagemin --helpUsage$ imagemin... --out-dir=build [--plugin=...]$ imagemin>$ cat| imagemin >Options--plugin, -p Override the default plugins--out-dir, -o Output directoryExa ...继续阅读 (67)

I have a gallery page in my blog directory, hosted by Plesk. Built fromvite + reactboilerplate, it’s a very simple SPA.WhyBefore this, my gallery page works like this:It’s a SPA, so runtime files need to load and initiate first. When page document was downloaded and parsed, the browser started loadingfiles and after our needed JavaScript files were downloaded and executed.I have the data fetching logic like this:index.jsx123456789101112131415const[list, setList] =useState([]);const[loaded, setLoaded] =useState(false);constgetData=async() => {constresponse =await(awaitfetch("https://api.ly ...继续阅读 (79)

写在前面工作多年了，几乎没有怎么放下心放下工作去旅游。本来计划 12 月初就出发，想到生日临近了，给自己一些仪式感，让“过生日”变的有趣些，所以往后移了行程。日本关西地区距离上海不是很远，但是第一次出国，挺兴奋的，提前做一些功课避免落地就懵。buff：本文为我个人经验和感受，不具有普适性，请勿抬杠 😅，爱与和平。现在日元人民币汇率约 20:1，相较几个月前更不划算了一些。做攻略的时候有很多陌生的名词，我列在此处方便理解：名词意义VJW^Visit Japan Web入境信息申报JRJapan Railways，日本铁路公司之一近铁^近畿日本铁道，日本铁路公司之一^HARUKA关西机场特快专线，车身有 Hello Kitty 图案，很容易辨认^Klook类似携程、飞猪一样的旅行 App，香港地区出品Suica、西瓜卡日本交通卡ICOCA日本交通卡以及需要了解的一些事项日本的车辆方向盘在驾驶室右座，所以是左侧停靠，也就是说人和车都是走左边，楼梯也是走左侧，但是大阪有些地方（比如车站的楼梯）是右上左下公交车有后门上车的也有前门上车，山下车时如果门口有投币箱的话都需要刷一次卡（只扣一次钱）。如果没有卡也没有刚好的零钱时需要投入超额的公交费用（和国内一样，没有 1 块就投 5 块 10 块）街上没有垃圾桶不是所有的 ATM 都可以国际取款大部份公共场所（景区、商场）禁烟，酒店也分禁烟和允许吸 ...继续阅读 (162)

突发奇想会不会某一天因为微信账号被封导致我失去我的联系人带来不方便，今天备份了一次微信通讯录，当账号丢失时我还可以通过我的备份文件找到我的联系人。备份步骤使用 iTunes 也就是现在内置在 Finder 里面的 Device 里面了，不加密备份一次备份时间取决于你的设备数据大小，我的 iPhone 14 Pro 256GB 使用了 149GB，备份耗时 35 分钟。使用iPhone Backup Extractor的 Expert Mode 提取Applications/com.tencent.xin/Documents/[MD5 of Your Wechat ID]/DB/WCDB_Contact.sqlite文件使用DB Browser for SQLite打开刚刚 Extract 出来的WCDB_Contact.sqlite文件，选择 Friend 表，菜单栏中选择 File/Export/Table(s) as CSV File…为什么导出 CSV？请看我直接用DB Browser for SQLite打开看到的内容，很多字段是 BLOB 二进制类型，特别不直观，对于我们需要阅读和查找都非常不方便。特别是dbContactRemark字段，里面的格式很奇怪，包含 n 个 uniCode 字符 + 昵称 + 修改过的微信 id + 备注 + 拼音 等等解析、查询.CSV 内 ...继续阅读 (56)

position: stickyis a positioning property in CSS, which makes an element behave likeposition: fixedwhen the page is scrolled to a certain position, and behave likeposition: relativeat other positions. Specifically, the element will “stick” at the set position until the edge of its parent container reaches the corresponding edge of the “sticky” element.https://developer.mozilla.org/en-US/docs/Web/CSS/position#descriptionThe element is positioned according to the normal flow of the document, and then offset relative to its nearest scrolling ancestor and containing block (nearest block-level ance ...继续阅读 (87)

前提我的时间很充足，但是我没有自驾经验。本次游览的景点之间没有高速公路且路程非常长，综合考虑选择了报团。原定计划是去稻城亚丁，考虑到亚丁的海拔比较高（4000m+），而且现在已经入冬，景色不如秋景，所以选择去九寨沟。为什么是去四川？没见过雪山，特别想看看雪山的样子，看雾凇，看瀑布。总结不要报团，不要报团，不要报团。这几个景点景色都很美，特别说明一下，九寨沟只有晴天美，毕棚沟票超所值。尽量选工作日出去玩，人会少点。如果报团了，团里的赠品（火锅）不要哈，是坑。交通不便，在路上很累，景点之间没有高速，走国道大卡车特别多，路上很多弯，晕车的别来下雪天的话，黄龙景区就别去了，门票贵不说，唯一一个特色景点五彩池是冻住的哈。本文内的图已压缩但未调色。拍照设备为 iPhone 14 Pro + Sony A7CM2 + Samyang FE35 1.8如果重来一次的话我的行程成都毕棚沟 2 天（住沟里娜姆湖酒店，慢慢逛，还可以看日照金山）成都行程日期行程2023.11.09上海出发 9 点起飞 =>成都☀️ 15°C ～ 21°C2023.11.10 ～ 2023.11.134 天 3 夜 景区行程2023.11.14成都出发 8 点起飞 =>上海☀️ 7°C ～ 14°CDay1成都☁️ 12°C ～ 20°C汶川☀️ 3°C ～ 10°C毕棚沟☀️ -3°C ～ 7°C黑水☀️ -3°C ～ ...继续阅读 (72)

Plesk supports node.js projects however it requires a entry.js file for launching. This is not the way we start our next.js project, so here are some tiny adjustments to run our next.js project on plesk.Project InitializationUsually we use git to pull our projects, I assume you already know how to download you project files to your plesk vhost.If Node.js were not installed, clickInstall Applicationto install it.Node.js SetupNode.js version, I Choosed 16.20Package manager,npmoryarnare both fineDocument root, this is where node.js reads compiled static files, it would be/DOMAIN_NAME/.next/static ...继续阅读 (72)

Web Page / PWAhttps://tiny.comBest compression tool for.pngimages.Should be noticed that imageswill be uploaded to tinypng’s server.https://squoosh.appSquoosh is developed by Google Chome Lab team, once loaded it runstotally offline. With WebAssembly integration, multiple de/encoders are available for choosing.Also, you can customize options for compression, very convenient.CLIimagemin-cli1234567891011121314151617181920$imagemin --helpUsage$ imagemin... --out-dir=build [--plugin=...]$ imagemin>$ cat| imagemin >Options--plugin, -p Override the default plugins--out-dir, -o Output directoryExa ...继续阅读 (60)

In July 2023, it has been 5 years since I graduated from college. Over these years, I have held 2 jobs which have provided me with significant growth opportunities. Here are some key points helped me a lot.Understand the Product You DevelopAs a developer, it is essential to have a deep understanding of the product you are developing. Understand the product’s features and objectives, clarify the problems the product solves, and its positioning in the market. Only by doing so can you better understand user needs, grasp the core functions and key points of the product, and provide constructive su ...继续阅读 (60)