2021

9月6日 · 2021年

客户端渲染与服务端渲染

2021 编程

114 3 0

SSR 客户端渲染与服务端渲染前言当前端项目不断更新迭代，工程文件不断增大，打包文件也越来越大，页面的整体刷新加载速度就会变慢，从而极大地影响了用户体验。因此需要一种技术来解决这种问题并提高网页的响应速度。概念单页面应用（SPA）单页面应用（single-page application）：只有一张Web页面的应用，是一种从Web服务器加载的富客户端，单页面跳转仅刷新局部资源，公共资源仅需加载一次，常用于PC端网站，购物等网站。优点：页面之间切换快，减少了服务器的压力缺点：首屏打开慢，不利于SEO搜索引擎优化，利用搜索引擎的规则是提高网站在有关搜索引擎的自然排名。搜索引擎优化（SEO）搜索引擎优化（SEO）：利用搜索引擎的规则提高网站在有关搜索引擎的自然排名。因为SPA单页面应用，是通过Ajax获取数据，这就难保证我们的页面能被搜索引擎收到，并且有一些搜索引擎不支持JS和通过Ajax获取数据，那就更不用提SEO了。渲染（Render）如果我们只是想显示一堆不变的数据，那么我们直接写一个a.html丢到服务器上让客户端访问就可以了。但这是基本不可能的事情，数据一般是变化的。你不可能为每套数据写一个视图，所以我们需要分离数据和视图，然后使用一种技术将数据塞到视图中，这种技术就叫渲染。这工作放在服务器上做就是服务器渲染，放在浏览器做就是浏览器渲染。简单来说：渲染，就是指数据放入 html模板文档的过程。客户端渲染（CSR）客户端渲染（Client Side Render），就是用户在通过URL请求访问网站的时候，服务器端返回给客户端的是HTML文档，再让浏览器去解析渲染展示页面。浏览器拿到页面后，根据写在HTML页面上的JS代码，对该HTML的内容进行修改。优点前后端分离。前端专注于前端UI，后端专注于api开发，且前端有更多的选择性，而不需要遵循后端特定的模板。体验更好。比如，我们将网站做成SPA或者部分内容做成SPA，这样尤其是移动端，可以使体验更接近于原生app。缺点前端响应较慢。如果是客户端渲染，前端还要进行拼接字符串的过程，需要耗费额外的时间，不如服务器端渲染速度快。不利于SEO。目前比如百度、谷歌的爬虫对于SPA都是不认的，只是记录了一个页面，所以SEO很差。因为服务器端可能没有保存完整的HTML，而是前端通过JS进行dom的拼接，那么爬虫无法爬取信息。除非搜索引擎的seo可以增加对于JavaScript的爬取能力，这才能保证seo。服务器渲染（SSR）服务器渲染（Server Side Render），前端发出请求后，后端在将HTML页面返回给前端之前，先把HTML页面中的特定区域，用数据填充好，再将完整的HTML返回给前端。…

8月18日 · 2021年

代码开发规范

2021 编程

104 7 0

代码开发规范代码开发规范前言学习开发也有些年头，长久以来，深刻体会到编码规范对于一个程序员来说是极其重要的事情。对于一个项目来说，几乎80%的精力都是花费在维护上，因此便于维护是一个项目好坏的重要标准。即使是自己开发的项目，一段时间过后，再回过头去维护，倘若代码一团糟，也是相当让人抓狂的事情（由指自己）。因此，其实平时有在严格要求自己有一个良好的代码开发规范，但是总觉得有一些问题，只是自己一时并无法找到是什么问题，如何去解决。今天作为前端，写了一个需要后端返回一个前端要用的数据结构，写了一个json的配置文件，里面的字段作为一个模块的基本信息。组长让我把数据结构写完发给他，让他看看。随后组长便改了一版发给我，而且还挨个讲了改动的原因。真的是听君一席话胜读十年书，顿时感觉之前自己开发的时候出现的一些问题原因找到了。因此在这里作为记录。基本命名规范由于我是以前端入门，后面接触了一些python后端。因此这里暂时基本规范的时候，以前端代码为例。其余语言也可作为参考。在前端开发项目中涉及到命名的地方有很多：目录名，项目名，文件名，函数名，变量名，常量名，参数名，class名，id名等。不同的地方应当结合应用场景采取不同的命名方式，以此达到最佳效果。不规范的命名首先先罗列几种不规范的命名。不规范的命名在开发的时候遇到是很头秃的事情，遇到过挺多种，简单罗列几种： 1. 单字母 xxxxxxxxxx let a = 1; let b = 2; 2. 数字法 xxxxxxxxxx <div class="box1"></div> <div class=“box2”></div> <div class=“box3”></div> 3. 拼音法 xxxxxxxxxx function qiandao(){…

8月16日 · 2021年

书籍《我的晃荡的青春》读后感

2021 东野圭吾娱乐读后感

248 5 1

这周带了一本东野圭吾的“自传”回去，之所以有了兴趣，是因为这本书是东野圭吾的真实青春时光，所以也的确想看看我喜欢的悬疑作家的青春，是怎样一般风景。作者: [日本] 东野圭吾出版社: 南海出版公司出品方: 新经典文化原作名: あの頃ぼくらはアホでした译者: 代珂出版年: 2015-9 页数: 232 定价: 35.00元装帧: 精装丛书: 新经典文库·东野圭吾作品 ISBN: 9787544278867 我把青少年时期所有快乐的部分写成了《我的晃荡的青春》。——东野圭吾推理大师东野圭吾真诚讲述成长经历这不是优等生的制胜秘笈，更不是成功逆袭的人生传奇这是一个普通生的青春手记 ———————————————————————————————————- 他是一个从小学“晃荡”到大学毕业的平凡孩子。小学时，他痛恨读书，没看完过一本小说；初中时，他进了远近闻名的坏学校，唯一的愿望是能四肢健全地毕业；高中时，他整日痴迷李小龙，“远大理想”是能考上录取线最低的大学；高考落榜进复读班后，他依然是全校最没心没肺的快乐学生。他在一个普通家庭长大，上的全是普通的学校，十几年间，没有进过特长班，没有请过补习老师。正是这段“晃荡”的青春岁月，让他在充分自由的环境下成长，养成他笑对挫折的勇气与胸怀，保全了让他受用一生的所有天分。如今，他已连续多年当选日本“年度最受欢迎作家”，被媒体誉为“百年一遇的推理大师”。他叫东野圭吾。这本书讲述了他从小学到大学这一人生关键时期的真实经历。东野圭吾日本著名作家。 1985年，《放学后》获得第31届江户川乱步奖，进入文坛。 1999年，《秘密》获得第52届日本推理作家协会奖。 2005年，《嫌疑犯X的献身》荣获第134届直木奖。 2012年，《解忧杂货店》荣获第7届中央公论文艺奖。 2013年，《梦幻花》荣获第26届柴田炼三郎文学奖。 2014年，《祈祷落幕时》荣获第48届吉川英治文学奖。…

8月11日 · 2021年

Fabric.js 学习笔记

2021 前端编程

129 2 0

learn_fabric Fabric.js 学习笔记导语在 HTML 上想要绘制基本的简单形状的时候，通常都会使用 Canvas 进行操作。纵然 Canvas 原生API已经可以做许多事情，但在绘制复杂图形和一些特定情况需要改变图片的时候，原生的API十分复杂。而 Fabric.js 就是解决这个问题的。工作中的项目需要用到 Fabric.js 对用户进行个性化设置，因此，在这里对 Fabric.js 进行一些简单的记录。安装 yarn add fabric -S # or npm i fabric -S 也可以下载最新的 JS 文件，通过 Script标签引入。为方便记录，以下内容全部都是使用原生的html进行演示。使用…

8月7日 · 2021年

书籍《沉睡的人鱼之家》读后感

2021 东野圭吾娱乐读后感

104 5 0

已经很久没有好好地静下心来读一本书了。昨天刚把工作中的第一个项目完成，回到家里，就看起了在公司图书馆借阅的东野圭吾的一本书。大概看了两小时，有些困，便睡了。今天早上醒来便接着读了，很快，就将这本不厚的书读完了。

7月6日 · 2021年

记我刚刚结束的平淡无奇的大学生活

2021 杂记

793 20 7

记我那平平无奇的大学生活记我那刚刚结束的平平无奇的大学生活前言从2017年到2021年，大学四年结束了。如果说中学时代是在所有人的期待下艰苦学习的时候，那大学时代，则是在自己的兴趣与热爱下度过的四年。早在两年前由于吐司工作室创始人Twosee发了他四年的经历（点击蓝字即可查看），那时就已经惊呼：非人哉。但也不怕丢人的说，当时就有暗下决心，想要毕业的自己也可以写出这样的一份经历来。于是，就有了这篇文章，像老大致敬！ 2017年 2017年10月学校百团纳新时，加入了吉他社、棋社与校资助团，为我后续的路埋下了伏笔。 2017年百团纳新吉他协会 2017年12月在本学期最后一天在图书馆遇到了很棒的人，从此有了持续不断的努力的理由与动力。元旦晚会参与荧光舞，也因此与社团的朋友更加熟悉。只能看到手套的荧光舞，现在看来是跳了个寂寞 2018年 2018年1月开始自学PS，算是正式开始接触平面设计，承包了资助团一年内的所有海报，公众号图片，视频，PPT等。我设计的自助团纳新宣传单 MG动画结合快闪风格的纳新PPT 查看完整版 2018年3月在校园遇到第二届校园一卡通设计大赛的横幅，纵然同乡嘲讽道会比不过科班，但依旧初生牛犊不怕虎般报了名。 2018年4月自幼喜欢下象棋，在大学中依然能发现许多厉害的人，很荣幸在全校师生棋类友谊赛获得第三名（其实是并列第二）。第三名的证书，可以加2分创新学分 2018年5月很幸运靠着各位朋友同学投票通过初赛，并在决赛中最后获得二等奖的成绩，最后很荣幸加入了吐司工作室设计组。一卡通决赛答辩现场，图中均为大佬我设计的一卡通卡面后来在设计组中做了很多海报，宣传单，banner，logo等，学习到了非常多平面设计相关知识。我设计的吐司纳新海报，现在看来可圈可点 2018年6月第一次上台吉他表演，虽然设施出了问题，但也已成为不可磨灭的记忆。社团嘉年华表演写的文章发表在杂志上了。写得最好的一篇文章…

6月29日 · 2021年

我为什么要上大学？

2021 杂记

161 5 0

不如追风去我为什么要上大学？ “除了功利性的收益，像是找工作，找对象有很大帮助以外，我个人觉得上大学最大的意义是：在你十七八岁到二十多岁这个冲动的年纪中，给你一个舒适的空间，在进入真实的社会前做一次缓冲；给你足够的时间，让你想清楚一些事情，更加认识自己，建立对世界的认知。同时在这几年中，健康快乐地成长。” ——谢左右 1. 起源在历史的车轮面前，我们都是螳臂当车的歹徒 5年前，正值高中。很有幸，联系上了一直没联系的小学同学，他还将我拉入了小学班级群。由于小时候的我经常搬家，所以小学读了很多个学校，因而其实对每个班级的印象都并非很深刻。这个是小学3-4年级的班级，待了3个学期，对于这个待得相对较久的班级还是很有感情，尽管班级里的大部分同学我都忘记了。某天，群里在讨论一个同学的工作，爬了爬消息才知道，这位同学初中就辍学开始工作了，摸爬滚打了几年，目前也找到了一份自己尚且满意的工作，主要是维护网络安全方面，工资很高，一个月能赚2万。对于那时还在上高中的我来说，其实不是很清楚这样的薪资水平是一个什么样的概念。只感觉，应该很厉害才对。他也说，当初自己各种碰壁，最后很幸运碰上一个不错的前辈，这才让他走上了这条路。现在的他，由于工作原因，经常需要跑到不同的国家：柬埔寨，菲律宾，越南等。从他发的朋友圈也能看出经常会跑到风土人情完全不同的地方。本来也还好好的，不知怎么的，突然就扯到了读书这件事情上。很早就辍学的他，意料之外但又情理之中的支持读书无用论。愈发猖狂，贬低高中，贬低大学。当看到这些言论的时候，其实我有点不太开心。但很无奈的是，我并不能做出任何有效的反驳，纵有千万言，也只得憋在肚子里。后来他说到他英语不好，讨厌英语。我便强行怼了一句：你现在再厉害，你不学习英语，你也只能在中国附近的国家待着，也不能去那些发达国家发展啊。“嗯，是的”，人家简单回了一句便和其余人聊了起来。我没有再看接下来的聊天，我只是觉得有些地方我解释不清楚。我并非是“存在即合理”言论的绝对忠实拥护者。比起当即存在的事物，我更相信历史趋势的必然。我很喜欢一句话：在历史的车轮面前，我们都是螳臂当车的歹徒。正如《明朝那些事儿》里描述朱元璋想尽一切办法只为了废除宰相制度，但实际上后来内阁的产生毅然是宰相制度变相的存在方式罢了。同理，作为高中生的我，实在解释不清楚我们为什么要读书，为什么要上大学，上大学有什么用这种问题。只是我的内心告诉我，在中国历史中持续了一千二百余年的科举制度，如此悠长的历史足以表明读书的重要性。只是，为什么要上大学，大学有什么用，这些问题，的确深深地让我困扰了很长时间。 2. 开始冬天到了，白昼渐短，日暮渐长。 2017年金秋，带着一些问题，我踏上了属于我的大学之路。起初，为了寻找答案，我会选择图书馆。学校图书馆不算大，但想要看完还是有些困难。大一上学期除了兼职，其余时间几乎都泡在了图书馆。读了非常多的书，但我尤其喜欢那种描写人一生的书，我在他们身上仿佛短暂的活了一次。从他们身上，让我学到一个严肃的人会度过什么样的一生；娶一个不道德的女人，会对人生有什么影响；选择做一辈子学术研究，会是个什么样的体验；人近末年才发现从小陪伴自己长大的朋友，却对自己抱着极深的恶意，会是怎样的震撼……像一个从一个泡沫走进另一个泡沫一样的梦里，然后再醒来，他们的人生构成了我的养分。让我储存了很多关于人生，关于世界的规律，只要经过简单验证，就可以快速的使用。前人总结好了经验，把它们记下来上，让我不用以身犯险，在年轻的时候就去探索最幽深晦暗的人性，我只需要照做，看能不能得出一样的结论即可，这种站在巨人的肩膀上看世界的方式极大的提高了效率，也让我对于生活中大多数事情都能轻车熟路。纵然如同东野圭吾在书中所说：世界上有两样东西不可直视，一是太阳，二是人心。但我一直觉得我的人生中，需要提前去面对这些，就像疫苗一样，以小剂量的毒性，激活全身的免疫系统。我只有提前知道人心都能黑暗到什么地步，当我今后再次面临之时，我才可以杜绝不知所措的尴尬。正因如此，我大一看了近150本书。也正是因为有了众多的前车之鉴，对于许多事情，在很大程度上有在我在最冲动的年纪犯下会影响一生的错误之前给我以警醒，反复提示自己不要忘记初心。 3. 挫折四时可爱唯春日，一事能狂便少年。在这个年纪，除了冲动，更多的应该是狂妄。年少轻狂，真的不是说说而已的。这个在大人们看来花一般的年纪，往往都有着极大的野心。但所幸，大学里的众多比赛，足以让心比天高的少年猛然跌入谷底。在遇到某个怦然心动的浪漫后，便总想着“改变世界”。与三五好友，一时兴起组建队伍，有了想法，也很开心的找到了很棒的指导老师，满心期待。在假期日夜劳作，所幸最后也有了成品。队伍几人在商讨项目方向时，一路过关斩将，就差没打败腾讯，坐拥中国最大互联网公司的名头了，一行人讨论得不亦乐乎。但最后，不止是时机已晚，还是不如评委意，初审都没过。正如《人间失格》所说：若没有猛烈的欢喜，又怎会有悲痛的来袭。不可否认，这扑面而来的一盆冷水将少年们极度炽热的心浇得凉透透的。在第一年暑假回去与复读的高中同学相聚，在庆祝同学即将步入大学生活时，他说道：“我大学里要学习好多东西，我要学PS，PR，AE，把Adode全家桶都学了，还要学MS Office，然后瘦到120斤…”。后来，也会听到大学校园里的一些话语：“我要开始创业，到时候的我拥有十几套房，接你们来玩”，“我要当飞行员，开着飞机全中国逛”，“我决定了，我要走电竞之路！”…… 且不论是否都实现了自己的目标，但大学这个年纪，我们小小的内心里，往往有着无限的想象啊。最棒的事情是，纵然我们有着很多错误的思路，但我们也都可以在这个时期得到纠正，比如迷信急功近利，投机取巧等。且这个年纪也需要试错，那么大学的环境真的很好的保护了我们可以以很小的代价去经历这个过程。当领悟到这一点时，我开始尽全力地去试错，也不管是否会被嘲笑，是否会被人认为是奇葩，只顾着按照自己想法去走。每当犹豫时，总会劝自己“又死不了，试一下又不会有啥”。后来也会应用到自己薄弱的一方面：人际交往。我经常和我的朋友们说道“如果我有什么言行冒犯到你们，请务必及时提醒我，不用担心，即使再难堪我也不会生气，我真的很开心别人可以挑出我的毛病。” 嗯，难免有些人始终不愿指出，但很高兴有些朋友总能及时提醒我，让我成为更好的自己。 4. 阻挠大学里，绝大多数人都很少会被生活困扰。我还有一个弟弟，比我小6岁。相比而言，他的成绩比我差多了。兴许是因为家人经常在他面前提到我，从而让他觉得无论怎么努力也无法和哥哥并行，那就算了吧。 2020年因为疫情，在家里待了大半年。我一个在社会上摸爬滚打了很久的堂哥来拜访我们，邀请了许多亲戚，一起吃饭。在饭局上，兴许是期末考试成绩刚出来不久的缘故，聊天的话题转向了我弟弟的成绩。父亲总带着一丝无奈与讥讽地调侃道弟弟成绩不好，时刻表露出让他初中毕业就工作的想法。堂哥听后极力反对，表示即使成绩再差，也要读个高中，读个大学。但其实，堂哥也没有读过大学，对于刚对“为什么要上大学”这个问题有些眉目的我来说，也完全不知道堂哥是如何了解到读大学的益处的，兴许是被社会摧残的。但那时的我，与高中时期一样，无比同意堂哥的观点。以至于后面和亲戚们争辩了起来。后来，由于种种原因，了解了一些关于出国留学事宜，加上21年去上海实习了两个月之后，高额的花费不禁让我有些感慨国内大学生活是多么轻松。即使是首都最高等学府的学费不过几千块钱，我们大学里的住宿费用与外面相比跟不要钱差不多。而即使是在北上广深这样一个房价十万一平的城市，大学生的住宿费不过1500元/年。而这些可以用极低的代价在一个城市学习生活的原因，都是因为这一切几乎都是国家买单。就连名不经传的我们的大学，教学老师也都是985的研究生和硕士起步。还有诸多便捷的生活设施，免费的图书馆，超大的运动场，昂贵的实验器材，各类活动讲座，便宜的饭菜等等。简直幸福得不能再幸福。…

6月23日 · 2021年

今天的风，还挺温柔且值得的

2021 杂记

146 5 0

不知什么时候开始的特殊癖好，会隔一段时间就去附近医院的急救室附近的长椅待上一下午。什么都不做，就干坐着，闭上眼睛，戴上耳机，用最小的声音，听着《夜的钢琴曲》，31首，听完就走。大多时候，什么都不会发生。而有些时候，也往往能听到一些零碎的聊天片段。有护士之间的低声，也有家属间的怯语。偶尔，也能从这些片段中拼凑出个大概的故事。今天便是如此。今天下午急救室里没有患者，真好。急诊抢救室旁有一个前台，下午3点的时候，前台换班了。新换来的两个护士小姐姐在戴着口罩聊天。聊天片段挺感兴趣，便让护士姐姐和我详细说了一下具体内容。这是一个关于养老院里的老人的故事。老大爷孤身一人，没有儿女，也没有亲戚，原本一直在养老院待着，最后因为生病了，病得有点严重，就送到医院来了。其实应该是怕死在养老院，所以就给甩给医院了吧。老大爷病得有点重，终日无法进食，好不容易喂进去的，全都给吐出来了。最后只能靠每天输营养液来维持，但由于浮肿，输液就导致全身水肿更加厉害。不能碰，一碰就疼，一到晚上更加难受，翻个身也疼。很多护士都烦这个老大爷，一到晚上每隔一段时间就要按一下铃。久之没有护士愿意搭理他了，就让他一个人在床上难受。有一次是一个扎马尾的这个护士小姐姐值班，那晚，几乎每隔一个小时老大爷就要按一下铃。他一按，护士姐姐就要起床去照顾他，帮他翻个身，或者换个位置。就这样，护士姐姐几乎一个晚上都没睡。老大爷说第二天一定要报答护士姐姐。第二天早上，护士姐姐给老大爷洗脸的时候，老大爷让护士姐姐把他的衣服拿过去。老大爷颤颤巍巍地从口袋里拿出了200元，颤抖着要塞给护士姐姐，带着哭腔说道：“昨天晚上要是没有你，我的老命就到此为止了，真的感谢你，你拿着吧”。一个近70岁的老大爷，冲着扎着马尾的护士姐姐哭得像个小孩子。当然，护士姐姐最后也没收老大爷的钱，还是给塞回口袋里了。前几天，老大爷去世了，那天不是这个护士姐姐值班。值班的护士姐姐已经睡着了，老大爷什么时候走的，没人知道，检测仪器也没用。护士姐姐讲的时候眼圈红红的，在我道谢后，转过身走向座椅的时候，听到她对另一个护士姐姐说：我以后一定要结婚。听完老大爷的故事，没有过多停留，便回去了。我没有办法体会：那是得要多么绝望，才可以在人生的后半程，将自己的生命托付给一个陌生人。走出医院门口，突然间就感觉: 相比之下，其实今天的风，还挺温柔且值得的。

5月21日 · 2021年

凡心所向，素履以往，生如逆旅，一苇以航

2021 杂记

214 6 1

20 年年末，临近放假之际，因为顾虑到疫情，连夜给朋友和同学写起了明信片。在事后几个月的某一天，由于发生一些事情，让自己猛然想起在明信片中写的一句话:“看透不美好却相信美好，见过不善良却依旧善良”。当时写这句话，只是因为想祝福朋友。但后来越来越发现，比起是一句祝福，这更像是离谱的“要求”。而这所谓的“要求”，连我自己都没办法做到。在看透世间不美好的同时却还相信着美好，见过许多不善良的事情却依旧保持善良。这得需要多大的勇气呀。连自己都做不到的事情，却“要求”别人做到，实在有些过分。于是，我后来联系了该朋友，向其道歉，并收回了这句话。也就是从那以后，我发现很多事情，只可以拿来约束自己，是不能用来要求别人的。 “凡事提前十分钟”，是自己在经历过许多次失败之后的教训，很早之前就以此约束自己。的确，以后就很少迟到，对于很多事情处理起来也都会游刃有余。而当面临朋友的手忙脚乱时，心里却埋下不悦的芥蒂，“为什么他不能和我一样提前十分钟”。但其实，“凡事提前十分钟”，从来就不是一个律条，并不是不按照这个办法做的人都是坏人。别人也只是并未用这句话来约束自己罢了。除此之外，像那些“用‘谢谢你’替换‘谢谢’”，“再小的承诺也要履行”，“不要欺骗别人”，“让对方挂电话”等这类用来自我约束的戒条，都只能拿来约束自己，绝不能用来约束别人。昨天和朋友谈论一个话题时，对方提到: “能力越大，责任越大”，“能者多劳”，这些字眼的时候，我有些生气。准确来说，这段时间都不太喜欢这些字眼。我反驳道: 我真的很讨厌“能者多劳”这句话，我没有义务，也不应该去做一些本不应该我做的事情。我肯做只是因为我善良。但对方说这句话，会让我认为有人在把我靠努力得来的能力，自以为是的当成理所当然。一直以来，我都在极其严格地要求自己，不管做什么事情，不要因为自己的错误而影响到别人。与此同时，我自然也不喜欢因为别人的错误而影响到我。当然，很好说话的我，倘若感觉到了对方存在一丝愧疚之心，倒也不会计较。但我真的很不喜欢对方一脸事不关己的模样，让我很想把拖鞋甩他脸上。我不应该，也没有义务去为别人的过失买单。当然，更让人生气的事情，莫过于当别人的过错影响到你的时候，还美曰其名在锻炼你。尽管当事情发生时，也知道避免不了要牵扯到自己，但正当自己劝自己“正好可以锻炼一下多线程处理事情的能力，也可以锻炼一下情绪管理”之时，倘若对方这时候再来一句:“我这是在锻炼你，锻炼你多线程的能力，在社会上总不能一直单线程处理事情”。这时真的是问候对方全家的心情都有了。在大学中我学到最深刻的一个道理便是: 凡事无对错。路怎么走都是可以的，人与人之间在某种程度上也并无区别。但于我而言，要活出自己想要的模样，才算不枉此行吧。而自己最想活出的模样，便是少年模样，这也是 QQ 网名为“余生少年”的原因。而我所理解的少年啊，是这番模样: 青涩稚气却懂得光芒内敛，从不会过分张扬放肆；经历苦楚却总是只字不提，谈笑之间皆不忘初心；一辈子都学不会的圆滑世故，却有着与生俱来的礼貌风度。

4月29日 · 2021年

个人主页构建笔记

2021 html 编程

133 4 0

陈默的主页春招快结束了，打算在结束之前换一个自己的个人主页，之前是使用的landingPage登录页做的个人主页。后来觉得实在不妥，便决定重新再设计一个。当然想法有很多，执行起来总是会遇到各种各样的问题，比如样式设计，开发框架，响应式等等问题。因此尽管自己设计了很多版本，也有开始开发，但最后都选择了放弃。所幸在最后无意间发现了大佬Dandy Weng的个人主页，无论是风格，动画，还是内容，都深入我心，于是决定仿照大佬的写一个自己的主页。大佬的主页代码并未开源，因此都由本人仿照开发。但由于闲余时间有限，所以并未做太多更改。大佬不愧是大佬，在学习大佬的个人主页时，学到了非常多实用性很高的东西，因此在此处作为记录。个人主页在线演示：新主页旧版主页：Landing Page版旧主页技术栈 HTML部分：HTML / Canvas / SVG CSS部分：CSS3 / Flex / Grid / CSS变量 / 引用字体 / TweenMax.js / ScrollMagic.js JavaSript部分：面向对象 / Ajax 特点响应式布局 / 黑暗模式…