Seven78

2023 年前端周同学的年度总结，人生是一场直播，没有彩排，每个人都是自己的导演，祝愿大家都能票房上亿～

react diff 算法 diff算法的作用 计算出Virtual DOM中真正变化的部分，并只针对该部分进行原生DOM操作，而非重新渲染整个页面。 传统diff算法 React的diff算法 什么

服务器直接生成HTML文档并返回给浏览器，但页面交互能力有限。适用于任何后端语言：PHP、Java、Python、GO等。 页面初始加载的HTML文档中无内容，需要下载执行JS文件，由浏览器动态生成页面，并通过JS进行页面交互事件与状态管理。 isomorphic/univer…

此CSS函数让你在声明CSS属性值时执行一些计算。 calc() 函数用于动态计算长度值。

pointer-events CSS 属性指定在什么情况下 (如果有) 某个特定的图形元素可以成为鼠标事件的 target。 元素永远不会成为鼠标事件的target。但是，当其后代元素的pointer-events属性指定其他值时，鼠标事件可以指向后代元素，在这种情况下，鼠标事…

...... 这个关键字强制每个单词的首字母转换为大写。其他的字符保留不变（它们写在元素里的文本保留原始大小写）。字母是Unicode字符集或者数字里定义的字符 ；因此单词开头的任何标点符号或者特殊符号将会被忽略。 这个关键字强制所有字符被转换为大写。 这个关键字强制所有字符被…

. 执行上一个命令 学习 Vim 是枯燥的，可能是因为命令太多吧，而且即使短时间记住了，长时间不去用的话也是会淡忘的，个人觉的记住几个常用的就可以了，毕竟一般情况下是在服务器修改某个配置的文件的时候去使用。 快狗打车前端团队专注前端技术分享，定期推送高质量文章，欢迎关注点赞。

垂直居中，在 CSS 中是一个老生常谈的问题，面试的时候也会时常被提及。所以，今天我们就来聊聊 9 种不同的居中方法。 有常见的 flex、transform、absolute 等等。也有 CSS3 的网格布局。还有伪元素的方法，是的，你没有看错，::after 和 ::bef…

首先，我得坦诚，之前从未做过SEO相关的研究，也可以说我之前想当然的以为我写出来的上线页面应该被搜索引擎检索到😄。直到最近，因为比较沉迷Next.js，并且众所周知，作为一个SSR框架，主打的就是首屏渲染和SEO，然后在和很多小伙伴的交流过程中，一些人就会问，应该如何用Nex…