笔记
Argenta99
这个作者很懒,什么都没留下…
展开
-
git指令
常用指令分支管理 git branch 查看本地分支 git branch -r 查看远程分支 git branch -a 查看本地和远程分支 git checkout <branch-name> 从当前分支,切换到其他分支 git checkout -b <branch-name> 创建并切换到新建分支 git branch -d <...原创 2022-02-18 10:20:22 · 157 阅读 · 0 评论 -
React 全局状态useContext
基本步骤和类组件类似1.根组件导入并调用createContext方法 得到一个对象并导出import { createContext } from 'react'export const Context = createContext()2.使用Provider组件包裹根组件,通过value属性提供要共享的数据return ( <Context.Provider value={ 这里放要传递的数据 }> <根组件的内容/> </Contex原创 2021-11-12 19:30:30 · 519 阅读 · 0 评论 -
react修改状态小案例
import { Component } from 'react'import ReactDOM from 'react-dom'class HelloReact extends Component { state = { name: 'jack', assets: [{ id: 1, name: '手机' }, { id: 2, name: '耳机' }], skill: ['vue', 'react'], // angular info: { ag.原创 2021-11-06 21:16:28 · 159 阅读 · 0 评论 -
React初始用介绍
第一步当然是创建了 用过vue的小伙伴都知道要建脚手架在使用react的时候 我们也有创建方式第一种npm i -g create-react-appcreate-react-app 项目名字第二种npx create-react-app 项目名字npx是调用最新的create-react-app 直接创建 React 项目1.导入包2.创建react元素 格式React.createElement('标签名...原创 2021-11-05 19:47:11 · 109 阅读 · 0 评论 -
tab栏切换结合搜索渲染 防止重新切换分页导致数据混乱
当我们点击搜索时 tab栏可以进行搜索过后的数据tab切换筛选数据 当我们再次改变搜索框内的内容 不点击搜索 而切换tab栏 会默认去搜索搜索框内的内容进行渲染 分页原因一样原因是 当我们点击tab栏切换和分页按钮时 都会触发获取数据的请求 而请求内携带参数 有页码以及输入框内关键字信息 虽然我们没有点击搜索 但是在获取数据时 他会自己将参数传送过去解决思路 我们应该在发送请求时 如果未点击搜索 就不应该传入关键字信息搜索按钮list中有搜索相关的学科和...原创 2021-11-03 10:25:30 · 884 阅读 · 0 评论 -
Vue+element-ui实现tab栏数据筛选切换
拿同一数据 不同状态下渲染表格封装一个实现表格数据的组件当我们点击tab栏切换时 饿了么关于tab栏有一个事件 @tab-click 并给子组件绑定ref三种状态分别是0,1,2 我们可以修改所点击的tab栏的name使所点击的tab栏和状态对应传给子组件拿数据要传的值 使初始的审核状态未知 显示全部数据根据点击不同的tab绑定不同状态 得到相对应的数据需要向后端传值拿数据...原创 2021-11-01 20:20:09 · 1130 阅读 · 0 评论 -
gitee团队合作操作流程 依次输入即可
项目经理(组长)git clone 项目 (二次开发)rm -rf .git 删除项目中的.git文件夹git add . 添加暂存区git commit -m xxxx 项目初始化创建远程仓库并绑定gitee有教程或看我之前发过的教程git branch release分支创建 release 分支,测试分支git branch develop分支创建 develop 分支,开发分支...原创 2021-10-30 20:29:54 · 290 阅读 · 0 评论 -
css伪类 :empty 如何用css找出多个相同标签没有内容的那一个
:empty CSS伪类代表没有子元素的元素。子元素只可以是元素节点或文本(包括空格)原创 2021-10-28 21:52:12 · 173 阅读 · 0 评论 -
vue中打包优化瘦身
打包之后,会得到dist目录,如果希望可以双击打开index.html,则需要提前在vue.config.js中配置路由懒加载 只有在路由进入到这个页面的时候 才会去加载这个组件的资源路由懒加载中的魔法注释可以人为设置这个文件的名字 (在注释中指定webpackChunkName)components = () => import(/* webpackChunkName:"login"*/ "../component/Login.vue")打包去除console....原创 2021-10-28 19:00:33 · 300 阅读 · 1 评论 -
Vue中多个子组件更新同一数据覆盖前一数据问题
当我们在一个组件中 有多个子组件对同一接口 不同数据进行更改时 我遇到了 再更新最后一个组件 会把之前跟新的数据覆盖的情况首先 是打开这一父组件时 三个子组件同时发送ajax请求当我们在更新第一个子组件内容后 想切换到另一个子组件更新另外的内容时第一个子组件修改后数据样子修改第二个子组件的时候 我们修改了入职时间 但是我们跟改的名字又变回去了这是因为我们在打开父组件时 他们同时发送请求获取数据 当我们...原创 2021-10-25 15:59:24 · 2380 阅读 · 0 评论 -
vue中上传图片到腾讯云 (再也不怕占内存啦)
在vue中像上传照片到云对象储存cos中 我们可以在element-ui中找到一个上传文件的组件其中上传图片到腾讯云需要安装一个依赖包npm i cos-js-sdk-v5 --save在使用的组件中 实例化一个cos对象 固定写法const COS = require('cos-js-sdk-v5')// 填写自己腾讯云cos中的key和id (密钥)const cos = new COS({ SecretId: 'xxx', // 云端储存桶的id SecretKey:原创 2021-10-25 19:15:00 · 481 阅读 · 0 评论 -
Vue中语法糖 v-model在组件上的使用
v-model是input中value属性 监听input事件的语法糖它也可以在组件上使用 在父组件中写v-model所以在子组件中的props中有一个 value 接受子组件传父组件也可以使用 this.$emit('input')进行传递...原创 2021-10-24 23:40:29 · 211 阅读 · 0 评论 -
如何让element-ui中不同分页的序号连续
table组件中有一个type可以设置index其中我们还可以自定义索引 使用 :index在methods中定义方法当前页面的前面一面乘以他页面的条数再加上1就为后来的索引 再加上原本他的索引 形参index从0开始...原创 2021-10-20 18:31:04 · 364 阅读 · 1 评论 -
Vue中watch深度监听
普通的监听<input type="text" v-model="user.name"><input type="text" v-model="user.age"><script>export default { data(){ return { user: { name: "", age: 0 } } }, watch: { user(newVal, oldVal){原创 2021-10-19 21:19:00 · 371 阅读 · 0 评论 -
路由导航守卫
1.路由守卫的3个参数to:到哪去from:从哪来next: 执行下一步 next() 相当于 next(true ) 进行管道中的下一个钩子。 next(false) 中断当前的导航。 next(errow) 参数是一个Error实例,则导航会被终止且该错误会被传给router.onError()注册过的回调。2.全局前置首位 beforEachrouter.beforeEach((to, from, next) =&g...原创 2021-10-07 22:24:15 · 141 阅读 · 0 评论 -
Axios中的拦截器
原创 2021-10-07 21:36:44 · 51 阅读 · 0 评论 -
vue项目中axios请求
1.src文件下下创建utils文件夹 里面创建个js文件 request.js2.在request文件中写baseURLimport axios from 'axios'var instance = axios.create({ baseURL: ''})export default instance3.在src文件下创建api文件夹 里面新建一个index.js文件4.在index.js文件中写请求方式,请求地址import request from '...原创 2021-10-06 19:39:42 · 126 阅读 · 0 评论 -
原型和原型链
原型构造函数可以new个实例对象 构造函数中也都有一个属性 prototype 这个属性里面有一个原型对象反过来 这个原型里面也有一个属性是constructor 是指向构造函数的。他们两个之间通过这两个属性形成双向箭头 互相指向对方通过new出来的实例对象也有一个__proto__指向原型对象。new出来的实例对象 是将构造函数内的this指向这个实例 为这个实例对象添加属性原型是对象 就可以通过new Object()创建 那么他就也会有一个__proto__指向他的原型的原型。也就是Obje原创 2021-10-03 22:58:16 · 58 阅读 · 0 评论 -
前端路由原理
前端路由,url的匹配处理在前端页面进行,而不向后端请求。在页面不刷新的情况下,更改页面内容的手段。首先url更改时,页面不能刷新,不然肯定会向服务器发送请求。这里就有两个基础的方法可以做到,window.location和window.history1. window.locationlocation.href:完整的网址location.hash:hash值虽然出现在url中,但不会被包含在http请求中,是 URL 中 hash (#) 及后面的那部分,常用作锚点在页面内进行导航,因.原创 2021-10-01 23:26:36 · 74 阅读 · 0 评论 -
js中防抖
防抖函数:在频繁触发某一个事件时,不想每次触发都执行函数,例如搜索发送ajax请求 想要一段时间内不再触发该事件后才会去调用对应的回调函数// fn 为事件处理函数 需要防抖的事件// debounce的中文意思是防抖 delay的中文意思是延迟 下代码中都是自定义的名字function debounce (fn,delay) { let timer = null //借助闭包 return function () { //如果进入该分支 说明当前正在一个.原创 2021-09-30 21:15:00 · 84 阅读 · 0 评论 -
JS中数组常用的方法
let arr = [1,2,3,4]1.转字符串方法Array.prototype.toString.call() 变成字符串arr.join() 变字符串2.堆栈方法arr.push() 最后添加 返回增加后的长度arr.pop() 删除最后一个 返回被删除的项目arr.unshift() 在开头添加 返回增加后的长度arr.shift() 删除第一个 返回被删除的项目3.排序方法arr.reverse() 翻转.........原创 2021-09-29 20:57:23 · 654 阅读 · 1 评论 -
Vuex使用
全局和modules中使用state getters mutations actions原创 2021-09-28 22:45:34 · 98 阅读 · 1 评论