Lanstar4：锐意新生 自砍三刀
Lanstar4：锐意新生 自砍三刀
我也效仿小米MIUI 14“剃刀计划”：努力打造最轻巧流畅的模板😜
Lanstar4展开剃刀计划，刀刃向内，努力打造“固件最小、阅读最佳、加载应用最少”的轻巧流畅的模板。先自砍三刀！
第一刀：向臃肿的模板固件下手！
过去3年Lanstar随着功能增加，调用的第三方库增加，并且几乎都调用Jquery库，jq是js的一层封装，自然体积比js原生大，由于时代的发展，兼容等问题逐渐淡化，我们身为前端人，应该走出舒适圈，减少对jq的依赖。
HTML5的出现到如今也已经超过10年，那时候就出来好多新的js api，例如'document.querySelectorAll来平替jq的dom选择器，那时候开始，jq注意要离开。
Github在18年时候就全站去除了jQuery，在他们的博客，提到
在jQuery方面，我们将其与现代浏览器中支持的web标准的快速发展进行了比较，发现：
$（selector）模式可以很容易地替换为querySelectorAll（）；- 现在可以使用
Element.classList实现CSS类名切换； - CSS现在支持在样式表而不是JavaScript中定义可视化动画；
$.ajax请求可以使用Fetch标准执行；addEventListener（）接口足够稳定，可以跨平台使用；- 我们可以很容易地用轻量级库封装事件委托模式；
- 随着JavaScript语言的发展，jQuery提供的一些语法糖已经变得多余了。
我在很多地方还看到使用jq，一些多多少少是历史因素，比如Typecho后台，但是它们丝毫不影响我在此倡议大家减少对JQ的学习和使用，真的没有必要，也希望某些比赛某些机构减少大家拥抱未来的阻碍，JQ不是我们的未来！
对历史的jq进行改写成js，真的十分有趣，这也是我本次修改的心得。
不学jq，也是因为现在都是前端框架——React.js和Vue.js的天下，由于typecho没有api缘故，要不然我也想开发vue版本的模板，这些都在计划中，希望以后能够做出。
因此，我的结论是，操作dom用原生js，拒绝jq，非dom使用react或者vue。
在这样的大背景之下，我的第一刀：
- 将依赖jq的库都替代了，懒加载，灯箱，PJAX等等都是纯js实现的
- 把原来的dom操作都换到了原生，实践证明了18年的话！应该也是第一款完全去除jq的typecho模板
- 异步加载评论和文章，现在几乎所有的typecho都是使用
jquery的ajax，而我也现在使用fetch去获取，也让我的评论请求发送更快了！有点搞笑是我改完了才发现fetch是平替，哈哈哈，另外，lanstar应该是typecho历史上第一个用fetch来异步的，真累，fetch提交表单坑挺多的，也学到更多！（lanstar的第一次发布也免费开源了无插件的私密回复！也是历史的第一次) - 除去jq，我对css也进行了精简，以前版本升级，无用的css也很多。
第二刀：向舒适阅读下手
- 将css的单位都修改成了rem，使用了rem适配，理论上更好的适配各个设备
- 文章主题区域变大，文字大小得体，以前很多人说太窄了
- pjax区域更加合理，神奇的解决了pjax与一些高亮需要重新激活的问题
- 首页、文章内容页渲染的样式更好能让人阅读，分有没有配图加载，好看就舒服了~
- 友情链接页的图片更大了，解决溢出问题。
第三刀：向按需加载组件下手
虽然不是使用webpack开发，但我也自己实现了伪“按需加载”，这是现在很多UI框架都有的功能。
我呢，实现方法很简单，和以前不同的是不全部加载所有的js库，而是例如单击这个操作，我才动态加载js到dom中，然后再具体实现具体的功能...非常像按需加载，是吧！这样就实现了，首页不加载不需要的js，用才加载，一定程序上减少了加载时间！
自砍三刀之后，我也增加了一些功能：
- 首页加载部分评论
- 终于在3年后增加文章内容页底下的复制链接，分享按钮这些功能
- 也学习了优秀的模板，增加了相册，日记动态等模式，让typecho发布不再单调！更多探索尽在lanstar
- 异步加载分类下的文章
- 2个css属性就实现了模板全部的黑暗模式！这也应该归到第一刀吧，哈哈哈
- 许多bug的修复...真的忘了