## 冥门嫁娶 这是不需要打伞却会被淋湿的一天，盛夏的成都总是阴雨绵绵。  放弃长滕鬼校后，我们二人选择了 `K空间密室逃脱`。 我们和另外四人组队，来挑战这个最难最恐怖的“冥门嫁娶”主题。 看完我抽到的角色“侍卫”之后，我们就被蒙上眼罩，进入一间小黑屋。奇怪的是，明明就是一扇门的事，为什么需要戴眼罩呢？ **本文含有剧透内容** ### Room1 我和锦轩把蜡烛探到一扇类似玻璃的洞里时，突然扑上来的鬼脸让我萌生了退出的念头。从这以后，我对类似的洞口就防备有加。 根据一张纸条这个线索~~以及工作人员的大量提示~~，我们顺利到达下一个房间。 ### Room2 我们解救出被关在一个电话亭一样的亭子里的新娘。闪电与白衣鬼使我多巴胺飙升。 根据一对对联这个线索~~以及工作人员的大量提示~~，我们顺利到达下一个房间。 ### Room3 根据一个罗盘和一张纸条这个线索~~以及工作人员的大量提示~~，我们顺利破解了密码，但是因为机关没对准，耽误了许多时间，成为遗憾。 ### Room4 这关有大量的单人任务，队友一个一个被叫了出去，期间不时传来惨叫与碰撞声。所幸的是，作为侍卫的我没被叫出去。 破解灵位密码后，我们从一个狗洞钻到了最后一个房间。四个大棺材矗立在那里，仿佛要我们进去。 担心之时，时间也到了，工作人员示意我们停下，给我们讲解了后面的情节。原来 丫鬟(锦轩)/侍卫/小斯 其中一人在一进门就被鬼附身了，我们戴上眼罩时，手上被撒了特殊的荧光粉。特殊灯光照射时，会显现标记。棺材确实是为我们准备的，进去之后鬼会随机抓走一个人，众人解救他之后返回上一个房间，在光的照射下鬼显露原形。新娘新郎给父母磕头，游戏结束。 总之，恐怖不至于，但会让你一直提心吊胆并盯着每一片黑暗，至少我这么觉得。 ## 《超时空同居》 这才是爱情片该有的样子。女主很漂亮，故事很精彩且略微烧脑。强推这部电影，片尾的几个彩蛋，是一个男人看了会沉默，女人看了会流泪的故事。

## 前言 最近一直在探索合适的个人博客解决方案。最开始是用hexo,然后推送到coding page仓库。后来用Next.js开发了个静态博客[NBlog](https://github.com/RiverTwilight/NBlog)，官方文档中推荐使用vercel部署，就抱着试试看的心态尝试了一下，没想到vercel竟如此强大。 ## GithubPage vs Vercel ### github page + 使用开发框架需要手动执行开发框架的编译脚本，再单独为打包出来的文件夹建立git仓库。 + 每个账户只能拥有一个仓库&站点 + 访问速度较慢 ### vercel + 支持十几个开发框架（Next.js/Create React App/Vue...)，只需要建立源代码仓库，打包在云端进行。推送代码后自动部署。 + 每个账户支持绑定无限Github/Gitlagb仓库&站点 + 全球CDN加速 当然，vercel有一个缺点，如果你开发时修改了使用的依赖包，部署后是无效的，因为vercel会重新安装依赖。 ## 教程 ### 绑定仓库 访问[Vercel](https://vercel.com/)官网，根据提示注册账号。个人用户可以免费使用。 点击`Import Project` -> `Import Git Repository`，输入git仓库地址，vercel与Github基本上是无缝衔接，绑定过程非常轻松。 绑定完成后是项目配置。Vercel会自动识别开发框架，这里可以自定义编译代码和输出文件夹，你可以在编译代码中添加自己的逻辑；使用内置框架一般不要修改输出文件夹。 配置完成后点击`Deploy`，耐心等待即可。 ### 绑定域名 部署完成后vercel会自动生成一个域名（一般是*.vercel.app)，访问域名提供商控制台，添加一个**CNAME**解析,记录值填入vercel控制台看到的域名。解析完成后返回控制台，vercel会自动验证域名，通过后会自动申请SSL证书。 大功告成！ [vercel官方文档](https://vercel.com/docs)

## 问题背景 当把chrome的搜索引擎设置为bing时，如果习惯打开新tab后立即在地址栏输入的话，页面加载完又会清空地址栏！真的很头疼。 ## 解决方案 使用自定义的bing引擎。打开`设置->管理搜索引擎->添加`，名称和关键词随便写，查询url输入`https://cn.bing.com/search?q=%s`即可！ ## 关于Bing 对于无法科学上网的墙内码农，使用Bing代替谷歌是个不错的选择。 什么？百度？小心降维打击哦。

## 部署 ### 部署方法 类似express， 编译完成后运行`npm run start`命令，服务器配置反向代理即可 ### 端口占用 Next默认在开发环境下使用3000端口，若此时执行`npm run start`命令会提示端口被占用，将`package.json`文件下script的start命令改成如下即可 ```cli npm run start -p ``` ## window属性

 ## 我和Windows 中考结束时，白嫖*腾讯云*新人福利购买了1核2G的服务器，从此告别了租用免费的虚拟主机（每个月都要给他们宣传）。尽管早就听闻Linux大名，因为刚开始接触服务器系统，谨慎地选择了Windows。刚买的那几天，因为根本就不会操作而几次想要退货...现在庆幸幸好当时坚持了下去。其实学习任何新东西都是这样，刚开始会很难，很想放弃，熬过那段时间，熟练之后却跟新人装B说简单。 ## 这一年 运营网站，科学上网，试图挂刷网易云等级没想到海外无法访问网易云音乐... ## Hello,Linux 阿里爸爸的控制台真心不错，服务部署起来出奇的顺利。用上了pm2。

### 2020年6月7日 写下这些文字时，你一定在开开心心地吃喝玩乐，享受自由自在的快活吧？ 那是一种难以言说的隔阂与尴尬，真是奇怪，人们知道有个她不爱的人爱她，却愈加远离；人们知道他爱的人不爱他，却愈加爱她。 好笑吧？ 多希望我根本没见过你。难受，纠结，心酸，想放弃，想念，想再也不见，忘不掉，难以割舍，留念。 但至少，幸运的是，你还允许我以你作为信仰，是我变得更好的动力。至少，在你面前不会自卑。安静地等吧，要挥别的过去终将会过去，要相信对的人在未来等着我。过好自己的生活，我期待更优秀的自己。 下辈子换你这样喜欢我好不好？还是不要了，我不想你像我一样这么难受。 ### 2020年6月7日 早上起来看见桌面上备份的聊天记录，搜索她的名字一条一条地看，仿佛她就在我面前，试图忘掉的记忆全部复活。

## 前夕 2019年6月13日，我在二中的宿舍床上担心会不会睡不好，会不会影响明天的数学。 2019年6月14日，中考结束的那天晚上，我冲进房间买下了第一台服务器。 2019年6月15日，师生参加了毕业典礼。临放学有同学丢给我棒棒糖，没想到那颗糖几乎成为永别。 2019年6月16日，搭乘东航`CA4532`航班飞往成都，父母骗了我，我没和同学说再见，没收拾好回忆，匆匆离开。下午抵达成都，借住在父亲同学家里。  2019年6月17日，匆匆赶往成实外参加自主招生考试。 2019年6月18日，即将踏入成外高新考场时，收到了成实外的录取通知书（平行班）。怀着波澜起伏的心情考完第二场。 2019年6月21日，与父亲前往峨眉山朝圣。  2019年6月22日，由于成都的房子在装修，被父亲送到乡下撒野。 半个被荒废的暑假过去了 ## 成外高新 2019年7月21日，参加为期两个周成外高新夏令营（衔接班）。在成都与陌生人的第一次邂逅，是和可爱的钰婷。遇到了第一个班主任，董老师。 2019年7月30日，自行车被盗，报案后石沉大海。 2019年整个8月，泡面，一个人，电影，旅行和手机写前端。 2019年9月，一个周的军训。在509认识了锦轩，在教室里认识了思源。  2019年9月24日，头部受伤，缝三针，回家休养，有幸成为MIUI11内测用户。 ## 钉钉时代 2020年1月19日，买了新的自行车————美利达探索者100。 2020年1月20日，裸骑都江堰，全程80多公里。  2020年1月23日，回老家，成为第一批带上口罩的四川人。南方阴冷的冬天很是难受，喜欢北方轰轰烈烈认真的雪。 2020年2月10日，开始钉钉时代。每天上课，在群里划水，连麦，看剧，产出无数代码。 ## 新生 2020年4月20日，返回校园，见到了余下两年的同窗，结识了鸭姐和磊磊。 2020年5月2日，第一次真正意义上和同学出去耍。 + 牵肠挂肚 + KTV + 散步 2020年5月9日，成都的学生们摘下了口罩。 2020年5月20日，实验中学的同学们返校了。 2020年5月30日，第二次出游。认认真真做了vlog。写了一篇[游记](./记五月三十日游.md)。 + 鸡毛店 + 锦里 + 锦江 2020年6月13日，买了新的服务器，写下这篇回忆录。 ## 写在后面 这篇文章记录了我中考结束后的一年，或者说来成都的一年，遇见的人，经历的事。我希望成为《活着》里的福贵那样“精彩地讲述自己”的人。

## 写在前面 这篇博客记录我的 [ygktool](https://www.ygktool.cn) 开发历程。 ### 缘起 大概是19年7月份的时候，那时我已经厌倦了停留在html和css无脑拼装的层次上，希望能向前端大神更近一步，加之一直追随的前辈也有自己的（很强的）工具箱，就想到了做工具箱的点子上。 ### 志向 ~~至少在中国有和一个木函一样的影响吧？~~ **能被别人的文章推荐到。譬如知乎** ## 历程 2020年二月份之前，一直都是传统的php和jq架构。为了营造出SPA的效果还死磕`iframe`. 没想到视觉效果还不错。 2020年二月之后开始接触NPM，因为之前已经有了react基础，很快就用Create-react-app搭建了ygktool pro。紧接着开始了移植工作，移植的过程十分枯燥（当时没用vscode都得手动格式化代码）。很快，pro成为了正式版，从此告别php + jquery。 ### 技术栈 感谢这些优秀的库/框架。另外一些小规模使用的库没有列出。 * Create-react-app * Typescript * Sass * MDUI * Express ## 技术细节 ### 使用npm link时Hook报错 使用npm link测试UI库时，如果组件使用了Hook就会报错。在Github 关于 hook的issue下找到了解决方案。问题原因是两个库使用各自的React依赖。解决方法是将app的react链接到UI库的react下。 ```bash npm-link-shared ./node_modules/mdui-in-react/node_modules . react && npm start ``` ### 无声明文件的类引用 `gif.js`这个库作者没有发布声明文件，只好自己添加模块。在react-app-env.d.ts中添加 ```ts declare module 'gif.js' { class GIF { constructor(config); } export = GIF; } ``` ### 检测设备的夜间模式 不要遗漏查询串的括号！ ```js window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches ``` ### React事件池 在开发`文件树工具`时发现了一个有趣的事 ```js for (var i = 0; i { console.log(e.target.files)// error! } } ``` 循着控制台的提示查了官档： > The SyntheticEvent is pooled. This means that the SyntheticEvent object will be reused and all properties will be nullified after the event callback has been invoked. This is for performance reasons. such, you cannot access the event in an asynchronous way. > SyntheticEvent 是合并而来。这意味着 SyntheticEvent 对象可能会被重用，而且在事件回调函数被调用后，所有的属性都会无效。出于性能考虑，你不能通过异步访问事件。 这下就明白了，只要在回调函数之前用变量保存事件属性就可以在回调里使用了 ### 忽略隐式类型转换而浪费大把时间 开发设置页面时，列表组件会返回选中项目的下标，而设置业务函数没有值传入就会退出。 ```js if (!name || !value) return originSetting ``` 这样写的话，如果value为0也会退出... #### 解决方案 ```js if (!name || !value && value !== 0) return originSetting ``` ECMA2020新特性有对类似问题的解决方案 ```js let number = 0 let myNumber = number ?? 7 // => 0 ``` ## 思考

## Thinking in Programming Good morning, I'm very glad to stand here and give you a short speech.I shall be speaking about *Thinking in Programming*. About myself. I have many tags, including coder,cyclist and cartoonist. My onw website get 300+ visitors per day on average. I have taken several courses in Web, including courses HTML, CSS, JavaScript. I spent most of my time in JavaScript because it has a large amount of branches. A year of programming experience has changed me a lot . For example, * When waiting for the elevator, I can't help thinking about the scheduling algorithm. * Before do something, I'll think about the solution first. * I become more patient and willing to do things. Programmers are always like this. They like to stand behind and pay silently. They don't like to talk big and talk with strength. Today, we enjoy everything brought about by the Internet, which is the result of countless programmers' hard work. For what to do in the future, I hope to become a professional programmer, do what I like to support myself, and have time to write some code to change the world. Allow me to conclude by quoting a sentence I like very much > Start where you are, use what you have, do what you can. # Show My proudest work is a toolbox. Let me show you...Well, The camera doesn't seem very clear. It takes a lot of effort behind seemingly simple pages. ... For example, this a qrcode maker, I just type some text and then I can get a qrcode. Sometimes I have difficulty choosing, so I make a random selector. I just need to input the items to be selected, and it will help me choose one randomly. # About COVID-19 The scale of the coronavirus crisis calls to mind 9/11 or the 2008 financial crisis—events that reshaped society in lasting ways, from how we travel and buy homes, to the level of security and surveillance we’re accustomed to, and even to the language we use. # AD I like HUAWEI'S ad most that background music is Dream It possible. It tells a moving fight story.

二〇二〇年五月三十日，多云，空气中弥漫着初夏的微热。 这是一个半期考试刚刚结束的星期六，我们五个人（思源，鸭姐，小孙，磊磊，我）均取得了不错的成绩。相约一起出来耍。一是放松，二是拍一部真正的vlog，以及，带我和林怡两个在海边长大的孩子看看成都。 这天早上我早早地起了床，彼时的成都还在一片寂静中。敲了一会代码，八点吃过早饭。大约十点钟左右，我出发了，今天是校服白衬衣和黑色休闲裤，还带上了自拍杆（今日MVP） 碰面地点是`鸡毛店`————成都知名川菜馆。小孙首先抵达，很快，他在地铁口接到我。 ## 鸡毛店 俗话说，无酒不成席！预定好包间之后，我们去买奶茶。尽管是繁华地带，却没有我喜爱的书亦。跋涉几百米后，终于出现了还算不错的蜜雪冰城，谁知道它竟然没有开始营业！于是我们继续走，总算见到一个名不见经传的`丸摩堂`，这是一个又贵又难喝的奶茶店（我与思源的评价都说明了这一点）。 ？？怎么才几分钟蜜雪冰城就开门大吉了？ 回到店里时，磊磊已经到了，几分钟后思源和鸭姐也到了。 磊磊和小孙都是干净的短袖和工装裤，思源和我情侣装？是JK，鸭姐是典雅大方的蛋黄长裙浅绿色长裙。 ### 菜单 * 麻婆豆腐 * 辣子鸡 * 糍粑 * 蒸肉 * 毛血旺 地道的川菜菜单了，共计CNY 256。 席间，我尝试用各种奇葩角度拍照，鸭姐向她的母亲介绍了我们一行，大家谈笑风生，好不快乐！ 由于不清楚饭菜的分量，点多了。虽然我已经饥肠辘辘，也只好雨露均沾。思源说她可以吃六碗。 感觉剩下的饭菜可以养活一个连。 鸭姐的萝卜挂件掉在店里了。 ## 锦里 > 名彰汉唐，街纳古今。 > 功著三国，客聚五洲。 我和磊磊骑车，另外三人则是打车到了锦里。人很多，只要健康码就能进。 这是一条老街，现代化的改造让我略感压抑。这里有川剧变脸表演，有国家文化传承人的摊子，有各种摆件，配饰，糖画，书画，有漂亮妹纸，有在茶馆里唱歌的干净的帅鸽。显然，当历史沉淀和现代文明碰撞时，总会别有一番景致。 ### 耳朵清道夫 这里是成都特色掏耳朵！ 经过长期激烈的心理斗争，小孙首当其冲，要尝试一下。躺在椅子上的小孙开始略有紧张，在师傅如开锁般娴熟的一顿操作之后，很快就飘飘欲仙，沉醉在温柔乡里...体验过后他只有一个字：爽！这彻底击垮了磊磊的心理防线，他也躺在了那把交椅之上。然而`真香定律`是普适的，“爽啊”，磊磊说，“仿佛听力翻了一倍”。 我和两个女孩子没试，寻思万一有个三长两短呢。他俩享受的桠子倒是被我们的手机忠实地记录下来了。 ### 表哥的纪念品 我们一直想给被父母关在温室里的本该来的表哥买个礼物，寻寻觅觅，一直没找到她喜爱的《全职高手》和王者瑶的周边。到最后还是没有买啥 不过大家都感慨，要是表哥来了，我们没法自由自在地开黄腔谈笑了 ### 哈根达斯？ 逛完一圈下来，我们也倦了，鸭姐请我们去一家冰饮店。 * 玫梅 * 柠檬 * 西柚 * 小食拼盘 点完单，我们买了副印有四川方言的扑克，教鸭姐说四川话，顺便打“干瞪眼”。 我真的蠢啊！打牌时竟然心不在焉，大家只好悻悻离去。 ## 桌游 果然是酒香不怕巷子深，成都排名第三的桌游俱乐部竟然在一栋略显破旧的大楼里。老板的桌游收藏像图书馆里的图书一样琳琅满目。 令人头晕的烟气和压抑的空间... ### 德国心脏病 思源首先提议玩这个，果然学习委员反应力惊人，锐利地判断，单身15年敏捷的手速，很快占据上风。 ### 叠叠高 （唱）人类用沙，造出梦里通天塔．．． ## 滨江路 > 水边灯火渐人行，天外一钩残月带三星。 高楼的霓虹勾勒出繁华的夜空。桥上，一盏盏车灯仿佛颗颗疾驰的星星。人们欣赏着美丽的滨江夜景...多希望，期年之后，大家还能在一起散步 ### 是无心的玩笑，对吧 回忆总是美好的，因为你的潜意识已经替你过滤掉了那些不美好的。 ## 尾声 > 没有遗憾 > 还有我 我们在新南门地铁站分开。 十点过，我到家了。很累，但很开心，非常开心，初中没有过这么充实有热闹的一天。 那些不开心的事情，早日滚蛋吧。