什么是巡检报告 巡检报告是指对某一个系统或设备进行全面检查，并把检查结果及建议整理成报告的过程。 巡检报告通常用于评估系统或设备的运行状况与性能，以发现问题、优化系统、提高效率、降低...

TinyNG 是基于 Angular + TypeScript 的前端 UI 组件库，旨在为开发人员带来更高效的开发体验和统一的视觉交互风格。TinyNG 已经在华为内部使用四年，支撑数百个企业产品，拥有强大的稳定性和...

问题 前端开发过程中写CSS通常是一件很头疼的事情，大家都不愿意去写，有的公司甚至专门招实习生过来替自己写CSS，为什么大家都讨厌或者说不愿意去写CSS呢？主要有一下几个原因 写CSS费事费力，...

进行准备工作 这边对基本的样式进行了设置，首先在html部分设置了一个名为nav的div，推荐大家语义化来写不要学我这种，随后进行基本的默认样式的清除，并且设置盒子为ie盒子方便后续的计算，整...

上文回顾-让小伙伴挠头的按钮微交互特效（上） 上文中我们已经帮小伙伴解决了一部分挠头的交互效果，接下来进行上次预告的部分。 形状变化微交互 形状变化微交互是一种通过改变按钮的形状来增强...

我正在参加「掘金·启航计划」 在现代社会中，文本排版已经成为了一项非常重要的技能。无论是在工作中还是日常生活中，我们都需要使用文本排版来使我们的文本更加易读、美观和专业。作为一名前...

前言 之前学css的时候，发现了两个css相关的东西sass,less，这俩玩意用起来是很方便的，毕竟里面可以自定义变量、方法之类的，可以让很多重复的东西封装起来共用一套代码。 但是我发现一个问题...

首发于公众号 前端从进阶到入院，欢迎关注。 多年来，CSS 开发者一直希望能够根据元素内容来选择元素。虽然 CSS 提供了许多基于特征选择元素的选择器，但直到最近才有了根据元素内容选择元素的...

一，前言 今天遇到一个布局兼容问题，调试了一番，发现z-index的表现和自己的认知不相符，才知道自己对z-index的认知有错误，于是写篇文章总结下这个z-index的具体使用。有基础的朋友可以直接看...

css中使用选择器如何获取到当前元素的前一个相邻节点？ 让人迷糊的 previous sibling 在jquery中可以直接使用 $(selector).prev() 来得到。但是直接使用css，很多地方都直接说没有提供的方法。...

最近官网整体更新风格，其中导航栏引入了大量的svg的小图标，直接在项目中使用了ui提供的svg，发现网络请求面板中会有大量的图标资源在请求，因此本文主要针对这种情况，减少svg图片请求 1、svg...

前言 不管是unocss还是tailwindcss和windicss，默认的单位都是rem，这有一定的设计理念，但其实这对于习惯使用px单位的人来说不太友好，有相当一部分人因为这点而放弃使用原子化css 那么，有没...

前言 这里介绍的是使用flex布局方式实现骰子中的1点到6点的布局。 ? 如何实现骰子中的1点布局？ <div class='contaner layout'> <div></div> </div> <style> .co...

前言： CSS可以说是网页样式的灵魂，特别是CSS3发布后，更是让网页在无需借助JS的情况下，便可直接使用CSS实现以往无法实现的效果。本文根据日常的开发经验，总结出几个使用CSS就可实现的效果，...

前言 大家好，这里是藤原豆腐店。这次项目的需求需要用到圆形进度条，在插件市场找到个进度条插件使用起来很方便，我趁着空闲时间研究了一下他的源码实现，学习别人是怎么封装插件的，下面是我...

众所周知，CSS 有许多不同的单位，用来表示长度、宽度、高度、字体大小等属性。 其中，有一种单位可能不太为人所知，但却非常实用，那就是 vmin 和 vmax。 大家好，我是渡一前端子辰老师，今天...