weixin_38291448的博客

本文首发于「妙蛙种子前端」博客，欢迎关注～早期的搜索引擎，大家都在一个相对公平的规则内玩耍：你的内容够好，网站体验更优秀，在搜索引擎中的排名一般都会比较高。因为搜索引擎能便捷的为我们定位到精准的内容，慢慢的，我们就习惯的在互联网中使用搜索引擎获取内容。那是什么能让搜索引擎不断的搜集到优秀的内容？当然互联网技术、硬件技术发挥了重要的一环，但技术的研发是需要资金的投入的，而企业的经营也是需要成本的，只有有了充沛的资金流，才能支撑着企业不断的进行技术研发、改进技术，从而为用户提供“无所不能”的搜索体验。.

本文首发于「妙蛙种子前端」博客，欢迎关注～学习SEO之前，我们必须要了解清楚搜索引擎背后的运作模式。为啥？借用我们老祖宗的兵法：知彼知己，百战不殆；不知彼而知己，一胜一负；不知彼不知己，每战必败。翻译过来的意思是：了解敌方也了解自己，每一次战斗都不会有危险；不了解对方但了解自己，胜负的机率各半；既不了解对方又不了解自己，每战必败。程序员的日常工作中，基本都是人均使用Google查阅各种资料，所以就从搜索引擎的老大Google学习。数据来源Google首先会从各种各样的来源获取互联网上海量的.

HTML5的 dialog 元素可以快速实现一个带有遮罩层的弹窗，效果与el-dialog类似。HTML5 dialog 标签除了支持常规的全局属性外（id、class、data-* 等），还有一个自身特有的属性：open。open 属性标识该 dialog 的状态是显示还是隐藏， dialog 上没有该属性时弹窗是隐藏的。所以我们可以动态控制 dialog 的open属性切换弹窗的显示和隐藏。

以前我尝试过很多事情，基本都是做到一半就想放弃了，所以我一直把自己定义成三分钟热度的代表。但回想以前自己热衷打游戏的时候，可以坚持每天上线完成每日任务，经常肝到半夜。为啥？因为打游戏会提供阶段性奖励

本次笔记我们尝试使用Custom Elements的来定义一个可以在页面上随意复用的自定义组件。组件为一个猫咪眼珠跟随小球运动的css动效

Web Components是HTML5提供的一种原生组件封装集成点方式，我们可以通过这种技术封装一些类似Vue自定义组件的元素，在html中直接使用。提到Web Components我们优先会提到组件化，什么是组件化？指的是将相似的业务抽离成固定的交互形式，然后通过html、JavaScript、css去实现这个交互，并且将这个交互的html、JavaScript、css合并在一个独立、封闭的空间内，对外暴露功能接口。用面向对象的思维来看就是：高内聚、低耦合。

Chrome 和 Firefox 将在最近的几个月内更新到100版本，版本预计的发布时间：Chrome：2022 年 3 月 29 日，Firefox：2022 年 5 月 3 日。100 版本是Chrome 和 Firefox 的里程碑，也是从两位数版本号升级为三位数版本号的时间点。这次版本号的升级，可能会导致部分网站识别User-Agent中浏览器版本号逻辑导致网站功能异常。