zhengjie0722的博客

前端开发中，正常引用css都是全部引用 import './App.css'，但是在react项目中，倾向于模块化开发，那么如何对css进行模块化开发呢。 1、首先在项目src的根目录新建文件名为custom.d.ts的文件，添加css对象模块的配置 declare module "*.css" { const css: { [key: string]: string } export default css } 2、模块化文件命名：修改App.css文件的文件名为App.module...

在很多业务场景中，对同一功能应用系统的复用，需要改变UI设计，或者是直接动态皮肤切换。sass的map遍历、函数定义、map存取、混合器等知识为皮肤的切换提供了相应的技术支持。 实现的思路就是给html的根标签设置一个“data-theme”属性，通过js控制“data-theme”的属性值，sass根据“data-theme”的属性值来判断使用相应的主题遍历。 比如，我们要实现一个系统平台内红色主题“red”和蓝色主题“blue”的切换，具体实现方式如下： 1.实现皮肤切换，对应几...

在项目中，UI经常会设计带颜色渐变的设计图，通常设计师会切图，以图片的形式加载，但这样会消耗浏览器资源，且如果需要动态改变文字，也不方便，因此就需要利用CSS3实现文字的渐变了。 1、background-clip+text-fill-color： .gradient-text-one{ background-image:-webkit-linear-gradient(...

常见的CSS文本样式 1、段落首行缩进 通常text-indent缩进属性将对段落首行开头文本文字进行缩进显示。 .popContent-desc { text-indent: 0.1rem; } 以上代码就是对div进行0.1rem的首行缩...

Chrome会在客户登陆过某网站之后, 会自动记住密码 当你下次再次进入该网站的时候, 可以自由的选择登陆的账号, Chrome会为你自动填充密码. 而你无需再输入密码 这本身是一个很好的功能, 但是对于开发者而言, 却有一个很让人难受的问题. 当你选择账号密码之后, 你的输入框会变成浏览器自带的颜色。 之所以出现这样的样式, 是因为Chrome会自动为input增加如下样式. ...