看什么，你嫩蝶-CSDN博客

原创前端项目中导出excel和解析excel

@TOC# 学习目标：提示：这里可以添加学习目标例如：一周掌握 Java 入门知识学习内容：前端项目中导出excel和解析excel 提示：这里可以添加要学的内容例如： 1、解析excel 2、导出excel 解决方案： 1.解析exce vue2+elementui(二次封装的组件 UploadExecl.vue) 前提资源下载: npm i xlsx@0.17.4 <template> <div> <input ref="exce

2022-03-05 18:14:53 6473

原创 vue2和vue3响应式原理

vue2和vue3响应式原理文章目录vue2和vue3响应式原理一、问题分析？二、Object.defineProperty使用方法:6个配置项(4个酱油,2个重要)三、实现一个简单的响应式代码四、观察者模式五、实现一个简易的vue六、vue3实现响应式七、vue2和vue3实现响应式的区别八、浅淡vue2为什么不能直接监控数组的操作九、自我总结一、问题分析？ 1.如何实现数据变了,视图也跟着变?核心是:如何知道对象的属性值被修改了? 2.如何实现一个数据变量,多出视图跟着变? 3.如何保证视图改变

2021-12-22 22:49:10 672

原创 react-router-dom 简简单单

路由的基本使用 1.明确好界面中的导航区、展示区 2.导航区的a标签改为Link标签 <Link to="/xxxxx">Demo</Link> 3.展示区写Route标签进行路径的匹配 <Route path='/xxxx' component={Demo}/> 4.<App>的最外侧包裹了一个<BrowserRouter>或<HashRouter> 文章目录路由的基本使用一、路由组件与一般组件区别二、Lin

2021-12-10 20:57:52 272

原创 React实现代理服务器

react脚手架配置代理文章目录react脚手架配置代理一、方法一二、方法二一、方法一在package.json中追加如下配置 "proxy":"http://localhost:5000" 说明：优点：配置简单，前端请求资源时可以不加任何前缀。缺点：不能配置多个代理。工作方式：上述方式配置代理，当请求了3000不存在的资源时，那么该请求会转发给5000 （优先匹配前端资源）二、方法二 1.第一步：创建代理配置文件在src下创建配置文件：src/setupProxy.js 2.编

2021-12-10 11:56:23 336

原创一文读懂React新旧生命周期

React16版本和17版本生命周期详述提示：React官方推出的17版本,生命周期做出了改变提示：这篇文章让你轻松明白React生命周期文章目录React16版本和17版本生命周期详述一、React16版本生命周期1.初次挂载2.更新阶段2.1 通过setState()完成更新2.2 通过forceUpdate()强制更新2.3 父组件的状态改变导致子组件的更新3.卸载阶段二、React17版本生命周期1.挂载阶段2.更新阶段2.1 通过setState()导致组件更新2.2通过forceUpda

2021-12-07 11:14:30 1258

原创轻松解决Vuex

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档轻松解决vuex一、vuex是什么二、什么时候用Vuex三.搭建Vuex使用环境四.store中的核心配置项五.基本使用七.getters的使用八.四个map方法的使用九.模块化+命名空间一、vuex是什么 1.概念:专门在Vue中实现集中式状态(数据)管理的一个Vue插件,对vue应用中多个组件的共享状态进行集中式的管理(读/写),也是组件中通信的一种方式,并且适合任意组件的通信~ 二、什么时候用Vuex 1.多个组件依赖同一状态

2021-10-24 16:30:24 2860

原创一文掌握Vue组件的通信方法(下)

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录Vue组件中的六种通信方式(下)四、消息订阅和发布(pubsub)五.vue3中provide和reject六.Vuex环境配置如何在组件中触发 Vue组件中的六种通信方式(下) 四、消息订阅和发布(pubsub) 原理:需要接收数据的组件订阅消息,提供数据的发布消息作用:一种组件之间的通信方式,适合于任意组件间通信使用步骤: 1.安装pubsub: npm i pubsub-js 2.在需要使用的组件中引入 impor

2021-10-22 20:42:35 231

原创一文掌握Vue组件的通信方法(上)

文章目录Vue组件中的六种通信方式(上)一、父组件传数据子组件二、子组件传父组件备注:props是只读的，Vue底层会监测你对props的修改，如果进行了修改，就会发出警告子组件传父组件原理是通过事件绑定来实现三.全局事件总线全局事件总线原理也是事件绑定第一步:在main.js中在vue的原型对象上挂载一个$bus(可以自己任意命名)属性,其值为vue的实例对象第二步传值和接收 Vue组件中的六种通信方式(上) 一、父组件传数据子组件父组件传子组件原理是使用属性绑定,然后子组件通过props接收下面

2021-10-22 19:23:43 106

原创快速上手vue

关于不同版本的Vue vue.js与vue.runtime.xxx.js的区别： vue.js是完整版的Vue，包含：核心功能 + 模板解析器。 vue.runtime.xxx.js是运行版的Vue，只包含：核心功能；没有模板解析器。因为vue.runtime.xxx.js没有模板解析器，所以不能使用template这个配置项，需要使用render函数接收到的createElement函数去指定具体内容。 vue.config.js配置文件使用vue inspect > output.

2021-10-22 18:54:51 193

原创 Node 手把手教你发布属于自己的包

Node 手把手教你发布属于自己的包学习目标：学会把自己开发的包发布在npm上学习内容：学会切换镜像地址以及nrm工具学会使用发布包的相关命令发布包的步骤如下：首先需要在npm官网上注册npm账号,注意邮箱验证必须确认否则会导致发布包失败一.准备阶段 1.明确自己包功能的需求 2.在一个空的目录文件下面,创建一个package.json文件,并且初始化 //初始化package.json命令在终端中输入npm init -y npm init -y 3.在目录下创建一个index.

2021-10-07 20:51:56 631 1

qq_52275987的博客