一. 下载swiper:npm install swiper -S二. css:在main.js里引入cssimport Vue from 'vue'i            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-03-15 09:40:18
                            
                                388阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            <template> <div> <div class="swiper_Box" :class="identify"> <div class="swiper-wrapper" :ref="identify"> <div class="swiper-slide" v-for="(item,index)        Read More            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2020-01-13 17:12:00
                            
                                400阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            npm install --save swiper 应用模块引入import 'swiper/dist/css/swiper.min.css' import Swiper from 'swiper'            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2019-06-15 14:01:00
                            
                                189阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            由于版本原因,建议安装指定版本,不要安装最新版本。 1.版本如下 1.1.swiper 安装版本号:5.3.6 安装命令行代码:npm install swiper@5.3.6 --save 1.2.vue-awesome-swiper 安装版本号: 4.0.4 安装命令行代码:npm instal ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-08-30 17:16:00
                            
                                756阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            由于我自己在写一个demo时候用到了该插件,出现了一些问题,所以就简单查了一下该插件的用法以及一些常见的错误 1.出现Get .../maps/swiper.min.js.map 500(Internal Server Error) 使用min版本时缺少Source Map文件 1. 禁止Sourc ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-08-21 00:20:00
                            
                                549阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
             目录 步骤一:安装插件步骤二:引包步骤三:添加内容步骤四:初始化swiper,创建一个swiper实例步骤五:在父组件中使用并给Caousel组件传递参数完整代码: OK今天给大家介绍一下vue2中使用swiper插件,以及在使用中需要的问题,比如说在使用时轮播图失效的情况的解决。由下图可以看到现在swiper已经更新到了8版本了,但是需要注意的是5以上的版本是为了            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-01-08 19:27:34
                            
                                125阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            由于我自己在写一个demo时候用到了该插件,出现了一些问题,所以就简单查了一下该插件的用法以及一些常见的错误 1.出现Get .../maps/swiper.min.js.map 500(Internal Server Error) 使用min版本时缺少Source Map文件 1. 禁止Sourc ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-08-21 00:20:00
                            
                                665阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            1.安装 npm install swiper vue-awesome-swiper --save 注意:该安装方法安装的最新版的vue-awesome-swiper(@4),对应的是swiper6, 然而,swiper6仅仅与vue3兼容,swiper6的文档也是英文,问题可能不易解决 所以,我们 ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-07-23 11:06:00
                            
                                1592阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            请问一些 ng4.x里面引入轮播组件  无法执行下面的的命令,npm install @types/swiper --save npm inst...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-07-13 21:53:16
                            
                                209阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            1、安装redux、react-redux npm install --save redux react-redux (1) 这里解释一下react-redux、redux 的作用 redux 是状态仓库 react-redux 用于把 react 和 redux 进行关联,使所有的子组件都可以拿到 ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-09-14 19:57:00
                            
                                224阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            react中使用icon 创建icon。js文件 import { Icon } from 'antd'; const AmsIcon = Icon.createFromIconfontCN({ scriptUrl: '//at.alicdn.com/t/font_1716373_kcn07h2np ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-08-16 15:24:00
                            
                                598阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            1.1 let 及 const1.1.1 let 命令用 var 声明变量有变量提升的情况。1     console.log(a);
2     var a = 1; 如果没有第二行的声明,那么会看到“a is not defined”的错误。但有了第二行,打印结果就是“undefined”。出现这种结果的原因就是 var 声明变量时的变量提升机制,等同于:1     var a;
2            
                
         
            
            
            
            react中redux 三大原则 redux中文网 单一数据源 整个应用的 state 被储存在一棵 object tree 中,并且这个 object tree 只存在于唯一一个 store 中。 state是只读的 唯一改变 state 的方法就是触发 action,action 是一个用于描述 ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-06-14 00:58:00
                            
                                237阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            react使用1.React概述1.1 什么是React?1.2 React特点2.React的基本使用2.1 React的安装2.2 React的使用3.React脚手架的使用3.1 使用React脚手架初始化项目3.2 在脚手架中使用React3.3 JSX的基本使用3.4 组件3.5 React事件处理3.6 组件中state和setState3.7 表单处理4.组件通讯4.1 组件的pr            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-07-22 14:46:35
                            
                                41阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            React 简单介绍 
作者 RK_CODER why React?React是Facebook开发的一款JS库,那么Facebook为什么要建造React呢,主要为了解决什么问题,通过这个又是如何解决的?从这几个问题出发我就在网上搜查了一下,有这样的解释。Facebook认为MVC无法满足他们的扩展需求,由于他们非常巨大的代码库和庞大的组织,使得MVC很快变得非常复            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-10-18 09:25:28
                            
                                21阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            首先 npminstallless-loaderless--save-dev安装之后终端npmruneject来暴露webp            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-01-03 14:51:41
                            
                                138阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            疑问 问:React Suspense有什么用呢? 答:在动态导入的帮助下,React Suspense让我们轻松定义延迟加载的组件。 代码demo const OtherComponent = React.lazy(() => import('./OtherComponent')); functi            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-05-12 20:29:46
                            
                                5190阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
                react项目构建可以很简单,但是如果是结合typescript,其实也不是很麻烦,官网也有很明确的说明。有两种办法:    1、直接构建带有typescript的react项目,我们需要增加额外的参数,模版不能使用默认的cra-template。而是使用cra-template-typescript。npx create-react-app tsr            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-10-14 02:51:54
                            
                                176阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            一 Redux: Redux基本使用1 Redux是一个独立的、专门用于做状态管理的JS库。不是react插件库,这一点要和react-redux区分开。redux可以用在react(angular, vue等)项目中,但基本是与react配合使用。2 Redux作用:管理react应用中多个组件共享的状态。  3 Redux工作流程: 解释:react组件中含有状态            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-12-20 21:49:09
                            
                                63阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            目录 React Swiper轮播图(一) React Swiper轮播图(二) 需求 实现React可切换轮播图 效果预览 使用库 swiper官网 https://swiperjs.com/react npm i swiper@6.5.0 --save 实现方法 /** 导航 */ import ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-08-27 14:45:00
                            
                                1105阅读
                            
                                                                                    
                                2评论