深圳幻海软件技术有限公司

Web标准&W3C规范引用最全面的前端笔记来啦，包含了入门到入行的笔记，还支持实时效果预览。小伙伴们不需要在花时间去写笔记，或者是去网上找笔记了。面试高频提问和你想要的笔记都帮你写好了。支持移动端和PC端阅读，深色和浅色模式。原文链接：https://note.noxussj.top/Web

基本描述CSS伪类是很常用的功能，主要应用于选择器的关键字，用来改变被选择元素的特殊状态下的样式。伪类类似于普通CSS类的用法，是对CSS选择器的一种扩展，增强选择器的功能。目前可用的伪类有大概40多个，少部分有兼容性问题。我们比较常见的，如::hover、:root、:first-child等。语

给el-dialog添加@open="open()"在刚进入页面的时候对话框是关闭的，echarts不进行获取dom，当点击对话框出来的时候，有个opened事件，在这个事件里边进行echarts的初始化，执行数据；<el-dialoglock-scrollwidth="80%"style="

在这个系列文章里，我尝试将自己开发唯一客服系统（gofly.v1kf.com）所涉及的经验和技术点进行梳理总结。文章写作水平有限，有时候会表达不清楚，难免有所疏漏，欢迎批评指正 该系列将分成以下几个部分一.需求分析二.初步技术方案选型，验证三.数据库结构设计四.WEB访客前端设计与开发五.

在vue3中的$attrs的变化$listeners已被删除合并到$attrs中。$attrs现在包括class和style属性。也就是说在vue3中$listeners不存在了。vue2中$listeners是单独存在的。在vue3$attrs包括class和style属性,vue2中$attrs

第一期·使用Vue3.1+TypeScript+Router+Tailwind.css构建手机底部导航栏、仿B站的登录、注册页面。代码仓库alicepolice/Vue-05(github.com)构建项目新建项目导入bootstrap-icons-vuebootstrap-icons-vue-np

下面的动画展现了通过两个代表x、y轴的滑块来实现图形的平移效果动画，本文介绍怎么来实现这样的滑块。滑块html结构示例通过ul列表结构组织，每个li元素的内容表示一个滑块，每个滑块包含名称、滑块和值三部分内容，其中滑块使用input元素即可实现，只需要将type设置为range即可。复制<di

在WebAPI中，有非常有用的对象、属性和函数可用于执行小到访问DOM这样的小任务，大到处理音频、视频这样的复杂任务。常见的API有Canvas、WebWorker、History、Fetch等。下面就来看一些不常见但很实用的WebAPI。1.WebAudioAPI在线预览：https://web-

大部分同学都用过CSS的屏幕宽度媒体查询，像是这样：复制@mediascreenand(min-width:900px){div{padding:1rem3rem;}}1.2.3.4.5.这里表示的是与屏幕宽度相关的样式设置，上面的代码表示当屏幕宽度大于900px时，内部的样式代码块才能生效。其实不

介绍一个全新的、和用户行为息息相关的属性：inert。HTMLElement.inert-WebAPIs|MDN(mozilla.org)[1]。有了这个属性，可以更加轻易地控制很多交互行为，花几分钟了解一下吧！一、inert是什么？inert是HTMLElement的一个布尔属性，意为"惰性"，简

在Chrome104中，支持了一个非常有意思的新特性。CSS中的 ​​transform​​ 支持单独赋值改变。不要小看这一点，此点改动在很多时候，能够非常有效的解放生产力，算是一个非常NICE的更新。浅析一下什么意思呢？我们来看这样一个例子：在之前，我们可以利用 tr

‍本文将介绍一个新特性，从Chrome90开始，overflow新增的一个新特性-- overflow:clip，使用它，轻松地对溢出方向进行控制。overflow:clip为何首先，简单介绍下 overflow:clip 的用法。overflow:clip:与&nbs

今天，要介绍一种基于CSS mask-composite 的高级技巧。通过掌握它，我们可以通过一张图片，得到关于它的各种变换，甚至乎，得到各种不同颜色的变换。通过单张PNG/SVG得到它的反向切图事情的经过是这样的，某天，我们拿到了这样一张PNG/SVG图片：这是一张PNG图，灰

在CSS中，其实存在各种各样的函数。具体分为：Transformfunctions[1]Mathfunctions[2]Filterfunctions[3]Colorfunctions[4]Imagefunctions[5]Counterfunctions[6]Fontfunctions[7]Sha

大家好，我是皮皮。扫雷大家都玩过，今天我们就是用JavaScript来打造扫雷游戏。废话不多说，直接看下效果;上图是失败后的结果。一、思路分析我们新建一个首页,在首页放置一个点击开始游戏的按钮，动态生成100个小格，即100div;然后通过点击div进行扫雷操作，然后扫雷成功或者失败显示对应的结果;

前言前面针对WebComponents学习了一些基本的理论知识，我们了解到的概念有：CustomElementsShadowDOMTemplatesSlots以及和这些概念相关的子知识点。理论知识基本上够用了，从现在开始我们需要将理论运用到实践中，让理论为实践服务。今天，我们就使用WebCompon

大家好，我卡颂。React内部最难理解的地方就是「调度算法」，不仅抽象、复杂，还重构了一次。可以说，只有React团队自己才能完全理解这套算法。既然这样，那本文尝试从React团队成员的视角出发，来聊聊「调度算法」。什么是调度算法React在v16之前面对的主要性能问题是：当组件树很庞大时，更新状态

本文将深入探讨在CSS中两个非常类似的属性--filter和backdrop-filter。它们都能完成某些滤镜功能，但是它们肯定也存在差异。那么，为什么在CSS中有了filter还诞生了backdrop-filter了?带着这个疑问，开始今天的正文。filterVSbackdrop-filter在

大家好，我是皮汤。最近一直在研究TailwindCSS相关的内容，打算将其用在接下来的各种项目中，之前也写过关于CSS工程化方面的文章：2021年你需要之前的CSS工程化技术，今天给大家介绍一篇关于Tailwind最新发布的v3.0相关的内容。2021年12月10日，TailwindCSS的创始人A

划重点，这是一道面试必考题，很多面试官都喜欢问这个问题，我就被问过好几次了 。要实现上图的效果看似很简单，实则暗藏玄机，本文总结了一下CSS实现水平垂直居中的方式大概有下面这些，本文将逐一介绍一下，我将本文整理成了一个github仓库，欢迎大家star。仅居中元素定宽高适用absolute