笔者还是前端的菜鸟，还请大家多多指教呀~ 欢迎大佬指正，一起学习，一起加油！ 排他思想 在实现今天的练习之前，我们先来了解一下排他思想，排他思想也就是为当前元素设置一个特定的样式，并为...

什么是cursor? Cursor是一款基于GPT的代码生成工具，它可以帮助开发者快速生成代码，提高开发效率。GPT是一种自然语言处理技术，可以根据输入的文本生成相应的文本。Cursor利用GPT技术，将开发...

使用方法： 1. 下载Hover.css https://ianlunn.github.io/Hover/ 夸克网盘下载 下载的文件 2. 将hover-min.css拷贝到项目中 3. 打开官网的效果案例，右键打开源代码，拷贝需要效果的类名 4. 在...

随着前端技术的不断演进，CSS也迎来了许多新特性，其中CSS变量（Custom Properties）无疑是增强样式灵活性和维护性的一大利器。本文将深入浅出地解析CSS变量的核心概念、常见应用场景、易错点及...

设计图分为版心一般为： 1600/1520/1440/1400/1200px pc正常写（一般是在1920px的屏幕），版心w写最大宽度为当前设计图版心的宽度，注意不是宽度，而是最大宽度。最大宽度的意思是，当屏幕大于...

水平有限，如有错误，敬请指正。 Javascript篇 1. 数据类型 * 基本数据类型（Number,Boolean,String,null,undefined,symbol(ES6新增),BigInt） * 引用类型 （Object,Array,Function） 2. 基本数...

效果演示 Node+socket.io简单的网页聊天室 源码在安装好依赖后可以一键复制直接运行，因为涉及nodeJs，步骤比较多，代码里面我都写了注释并且标注了步骤序号，一共大概17步，帮助理解。 01. 创...

平时都是用键盘敲代码，今天用代码敲个键盘，没什么用，但感觉敲出来还挺好看，下图截图只是静态效果，可以一键复制下面代码查看效果，顺便写了按键效果，敲自己电脑的键盘，对应的键就会发光。...

1. css 一行文本超出... overflow: hidden; text-overflow:ellipsis; white-space: nowrap; 2.多行文本超出显示... display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: ...

众所周知，前端内容多而杂，经过查阅各种资料，总结了一些知识点，以备后续复习使用。 html篇 html应该是前端中最简单的知识点了，标签用着用着就熟记于心，话不多说，上干货。 1. 常见块级元素...