10 | Page | Kitety别样

CSS 伪类合集分享

文章分享了一个CSS伪类的合集，并提供了简单的demo。伪类用于定义元素的特殊状态，如:active、:only-child、:any-link、:only-of-type、:blank、:empty、:optional、:checked、:hover、:out-of-range、:in-range、:indeterminate、:default、:placeholder-shown、:invalid、:read-only、:read-write、:disabled、:enabled、:lang()、:not()、:focus和:focus-within。这些伪类可以用于增强用户交互体验和页面的响应性。文章还提到了浏览器兼容性问题，并建议通过Can I Use网站查看具体的兼容性信息。

前端

CSS

Your connection is not private | 您的连接不是私密连接的解决办

Chrome

Chrome Network面板解析

这篇文章详细介绍了如何打开 Chrome 开发者工具中的 Network 面板，并对面板中的工具栏、启用网络记录、清除请求日志、请求过滤、过滤输入框等功能进行了说明。还介绍了如何使用 Hide Data URLs 隐藏 data: 协议的 URL，以及如何进行请求搜索、禁用缓存、模拟网络情况、导入导出请求文件等操作。文章最后总结了信息总览栏、Filter、请求区和基本表头的作用和使用方法。

Chrome Console面板解析

这篇文章介绍了打开 Console 面板的几种方式，以及面板的基本结构和功能选项。它还提供了关于 Console Api 的一些常用方法和参考资源链接。文章详细说明了如何使用控制台工具进行调试和查看日志信息，是开发者使用 Chrome DevTools 的重要参考资料。

HTTP协议原理笔记

这篇文章简要介绍了HTTP在WEB开发中的重要性和作用。通过了解HTTP，开发者可以提升自身的价值。文章从简单例子和img标签加载图片开始，逐步深入讲解了HTTP的各种属性和特性，包括Cache-control属性、缓存验证、CORS跨域等。此外，还介绍了HTTP协议的发展历史和HTTP2的一些特性。文章通过简洁明了的方式，为读者解析了HTTP在现代WEB开发中的重要性和应用。

HTTP

Chrome开发者工具总览

这篇文章讲述了作者受到同事使用 Chrome 开发者工具的启发，决定深入理解和解读各个面板的功能，并计划在谷歌官方文档基础上，撰写一系列关于 Chrome DevTool 的使用方法和技巧的文章。作者认为，这对于初学者入门和已经从事 WEB 开发的工作人员的深入学习都是非常有必要的，也是一次学习和成长的机会。

Chrome

Chrome Elements面板解析

这篇文章介绍了如何打开 Chrome 开发者工具和初识 Elements 面板，以及 DOM 面板的使用方法和基本编辑操作。还包括了元素的隐藏、删除、恢复操作，右键菜单功能，属性子面板的使用方法，以及 Event Listeners、DOM Breakpoints、Properties 和 Accessibility 等功能的简要说明。文章总结了 Chrome Elements 面板的全部内容，为读者提供了对该面板的全面了解。

走，再走一波干海子

这篇文章描述了作者两次去干海子的经历。第一次是团建，第二次是和朋友。由于迟到推迟出发，作者心情忐忑。在阿坝的山景中，山体明暗交错，隧道穿行，景色壮美。山顶积雪，与去年绿意盎然的景象形成鲜明对比。徒步上山，路途景色变化，包括石阶、树林和积雪，让人兴奋玩雪。在山顶拍照留念，欣赏景色，感慨时间飞逝，思考自我成长。

干海子

旅游

春日的太阳

心得

JS箭头函数三连问：为何用、怎么用、何时用

这篇文章探讨了现代JS中箭头函数的特性和优缺点。箭头函数具有简明的语法和直观的作用域和this绑定，比其他形式的函数声明更受欢迎。其语法结构简洁，省略了function关键字，使代码更简洁。然而，箭头函数的作用域继承自父函数，不具有自己的执行上下文，因此在某些场景下不推荐使用，如对象中的方法和函数的深层调用。总的来说，应权衡箭头函数的优缺点，将其作为一种工具使用，而不是无脑替换所有函数声明。

前端

翻译

Hello World

Hexo

游记&相册记录

旅游

...

5 6 7 8 9 10

Kitety

独特为佳，Kitety的个人博客