CSS 组合选择符 第2页

手把手教你写一个简易的微前端框架

最近看了几个微前端框架的源码（single-spa[1]、qiankun[2]、micro-app[3]），感觉收获良多。所以打算造一个迷你版的轮子，来加深自己对所学知识的了解。这个轮子将分为五个版本，逐步的实现一个最小可用的微前端框架：1.支持不同框架的子应用（v1[4]分支）2.支持子应用H...

前端性能优化

1、如何进行前端性能优化？（必会）1.1、减少http请求减少HTTP请求的方案主要有：合并JavaScript和CSS文件、合并图片CSSSprites、图像映射（ImageMap）和使用DataURI来编码图片，图片较多的页面也可以使用lazyLoad等技术进行优化。...

我常用的几个 VueUse 最佳组合，推荐给你们

Vueuse拥有大量出色的组合。但是量太大，要把它们全部看完可能会让人抓不到重点。下面来介绍一些有用到的组合，它们如下：onClickOutsideuseFocusTrapuseHeaduseStorageuseVModeluseImageuseDark1.onClickOutside检测点击非常...

关于JQuery引用及基本用法

在JQuery文件中下载，并将其引入html文件。在使用jQuery之前，我们需要到jQuery的官方网站：“https://jquery.com/download/”把下载好的文件放到工程根目录下，然后在这个根目录下创建index.html文件。最后，将下载的JQuery文件引入index.h...

前端 面试题

1.性能优化的几个方面?1.资源压缩合并,减少HTTP请求2.非核心代码异步加载3.利用浏览器缓存4.使用CDN5.预解析DNS2.如何进行首屏优化1》首先对于首屏，我认为用户体验有三个阶段：①就是页面第一个东西加载出来：用户会感觉到自己已经成功访问到这个网址了②页面第一个含有有用信息的东西加载出来...

写了一个下载图片和视频的python小工具

谁先掌握了AI，谁就掌握了未来的“权杖”。在网上冲浪时，总会遇到一些好看的视频和图片，情不自禁地想“据为己有”。于是，就有了下载图片和视频的需求。浏览器插件工欲善其事，必先利其器。要做一件事，首先得找到对应的工具。下载网络图片或视频，当然首选浏览器插件了。使用MicrosoftEdgeDe...

又一个布局利器，CSS 伪类 :placeholder-shown

一般我们常见placeholder伪类选择器用来修改默认样式及文案，忽然发现placeholder-shown伪类选择器，比较官方的解释是CSS伪类表示任何显示占位符文本的form元素。简单来说就是当输入框的placeholder内容显示的时候，输入框干嘛干嘛。兼容性如下，在移动端没什么问题plac...

更甚一筹的编写技巧

编写好的CSS代码，有助提升页面的渲染速度。本质上，引擎需要解析的CSS规则越少，性能越好。MDN上将CSS选择符归类成四个主要类别，如下所示，性能依次降低。ID规则Class规则标签规则通用规则本文我想分享一些我在编写高性能CSS中用到的简单例子和指南。这些都是受到MDN编写的高效CSS指南...