本文讲解的主要是 Scoped 样式和 CSS Module 的对比,对这两个概念已经熟悉的同学            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2022-08-29 22:18:22
                            
                                154阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            【前言】无论是vue还是react的css模块化解决方案都是依赖loader来实现的
在使用上,vue中用scoped属性实现样式的私有化,利用深度作用选择器/deep来实现样式的去私有化。例子:<div><div class="demo"><div class="child"></
        div></div></div&            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-01-22 22:25:05
                            
                                1041阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            CSS ? Layout Module : CSS 布局模型,icon            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2016-08-20 08:47:00
                            
                                326阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            处理css全局作用 现在有这样一个场景: A页面和B页面都有一个相同的类名 我们            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-09-01 17:03:37
                            
                                101阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            【代码】vue vuex module mapActions。            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-09-16 17:40:20
                            
                                142阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            【代码】vue vuex module mapGetters。            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-09-23 11:14:35
                            
                                105阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            【代码】vue vuex module mapMutations。            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-09-23 11:15:49
                            
                                87阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            
   一、store是一个状态管理工具 (vueX中只有唯一 一个store) 
   
   用途 :存数据 取数据 改数据 
      
   把需要共享的数据放在store里 不需要共享的数据还是放在组件里 
      
   从state中取出数据渲染到view层------>view层再通过action改变数据------>action在将            
                
         
            
            
            
            什么是CSS-in-JS?顾名思义,CSS-in-JS就是可以使用JS来编写CSS样式,那么为什么要用JS来编写CSS呢?我写CSS写的好好的,干嘛非给自己找不自在呢?相信以前大家都听说过这么一个词:关注点分离,就算没听过这个词那么你肯定至少也听说过这么一句话:要把HTML、CSS和JS分开编写,不要写在一起形成耦合,不要写行内样式和行内脚本等,比如像这样?CSS-in-JS但是React的出现打            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-05-22 15:45:26
                            
                                45阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            VUE中CSS样式穿透1. 问题由来在做两款H5的APP项目,前期采用微信官方推荐的weui组件库。后来因呈现的效果不理想,组件不丰富,最终项目完成后全部升级采用了有赞开发的vant组件库。同时将webpack顺利从3升级到4(项目结构 webpack+vue+vuex+vue-router+vant+less)。相信好多做TOB的开发朋友都会选择顺手组件库。组件库内置了很多样式,方便了我们开发者            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-04-28 10:38:40
                            
                                70阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            一、配置全局css// main.js文件下
// 配置全局css样式
import '@/assets/css/global.css'
requrie('@/assets/css/global.css');直接导入css文件就可以在全局中应用二、配置全局JS// 1. assets文件夹下新建一个js文件夹
// 2. 在js文件夹中建一个settings.js文件
'''settings.            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-06-09 08:48:43
                            
                                76阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            6 月 6 日,W3C 发布了第一份滚动溢出行为工作组草案 CSS Overscroll Behavior Module Level 1。该草案定义 overscroll-behavior 去控制滚动视图滚动到边缘时的行为和效果简介在日常开发过程中,大家应该都见到过这么一个行为:子容器滚动条滚动到底,会带动父容器一起滚动。要解决这个问题,通常我们可以通过监听子容器的事件,然后调用 preventD            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-05-19 09:34:45
                            
                                271阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            yarn add react-app-rewired@2.0.2-next.0 --save-dev //这个版本比较稳定/* package.json */"scripts": {   "start": "react-app-rewired start",   "build": "react-app-            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-08-27 10:52:24
                            
                                250阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            yarn add react-app-rewired@2.0.2-next.0 --save-dev //这个版本比较稳定/* package.json */"scripts": {   "start": "react-app-rewired start",   "build": "react-app-rewired build",   "test":             
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-02-14 14:12:52
                            
                                324阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            安装react-app-rewired由于新的 react-app-rewired@2.x 版本的关系,还需要安装 customize-cra。但是我们这里不需要安装 react-app-rewired@2.x。只需要安装 react-app-rewired@2.0.2-next.0这个版本就可以了            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2020-07-09 11:29:00
                            
                                161阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            刚开始使用react, 发现react的cssmodule不是很好用, 每次都需要 import style from './index.module.scss' import cls from 'classnames' ... <div className={style.xxx}></div> . ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-07-14 18:24:00
                            
                                1225阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            问题描述:Cannot find module ‘chalk’解决方案npm install chalk            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-08-27 10:18:14
                            
                                1214阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            最近有报一个全栈课程,里面内容比较新颖,其中对scss样式管理的理念让我十分喜欢,各种操作让项目更加具有条理性。1.@mixin 在一个可以全局适用的scss文件中,姑且叫global.scss,写入:@mixin center(){
 display:flex;
 justify-content:center;
 align-items:center;
} 用css的眼光看,这是一个弹            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-04-18 22:22:42
                            
                                86阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            1.应用场景主要用于学习掌握如何在react中书写css样式, 实现页面布局.2.学习/操作1.文档阅读  // 如何在React中优雅的写CSShttps://react.docschina.org/docs/faq-styling.html   // react 官方文档中有简单提到关于在react中使用css截图如下:// 且可以看到为什么react            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-02-22 18:27:16
                            
                                58阅读
                            
                                                                             
                 
                
                                
                    