经验
文章平均质量分 51
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 · 166 阅读 · 0 评论 -
antd-vue中v-model不能和 v-decorator同时使用
<a-input v-decorator="['name', validatorRules.name]" placeholder="请输入"></a-input>获取v-decorator的值methods: { changeMe(Value) { //Value就是当前触发字段的值,也可以用下getFieldValue获取 this.form.getFieldValue('name') } }..原创 2022-01-19 10:26:41 · 1543 阅读 · 0 评论 -
在vue项目中使用svg
1.安装svg依赖npm i svg-sprite-loader2.配置 vue.config.js 补充如下代码const path = require('path')function resolve (dir) { return path.join(__dirname, dir)},chainWebpack (config) { // set svg-sprite-loader config.module .rule('svg') .原创 2022-01-05 19:26:38 · 522 阅读 · 0 评论 -
ant design vue中,表格的自定义scopedSlots渲染
比如 当我们需要格式化时间的时候 直接写在column中 可以传参数到slot中。也可以在template中写模板中对应的slot-scope可以用来传递参数,其中第一个参数是当前字段对应的值progress,第二个参数是当前字段对应的所有值对象,即整个data...原创 2021-12-31 16:12:41 · 2012 阅读 · 0 评论 -
vue中使用echarts 及配置项
vue中如何使用echarts 以及配置项原创 2021-12-31 11:57:46 · 1107 阅读 · 0 评论 -
vue项目启动提示Error: No ESLint configuration found.
npm init -ynpm install eslint --save-dev手动添加.eslintrc.js文件 配置如下代码module.exports = { root: true, parserOptions: { parser: 'babel-eslint' }, env: { browser: true, }, extends: [ // https://github.com/vuejs/eslint-plugin-vue#...原创 2021-12-23 14:59:46 · 1122 阅读 · 0 评论 -
移动端实现返回之前浏览过页面 滚动条还在上次浏览的位置
移动端在滚动列表的时候 切换列表 会相互影响 原本我在这个列表滚动到这个位置 切换到一个列表滚动到最底部 再切换回来 这边的列表也变成最底部了 其实 无论是在第一个频道 还是再另一个频道 他其实都是滚动的都是body元素 别问我是怎么知道的可以定义一个方法,监听他的onscroll事件, 递归这个元素的子节点 再去调用这个方法 对这个页面的所有节点 都监听,滚动的时候 只有真正触发的那个元素 才能打印出来把这个打在控制台 可以查看是哪个元素在滚动function find...原创 2021-12-02 14:41:52 · 698 阅读 · 0 评论 -
Vue3与Vue2 新增了哪写
vue3相比于vue2 性能提升了不少 首次渲染更快 占用内存更少 打包体积也会更小 而且很好的支持了ts的使用vue2 中的 template 标签内只能有一个根元素, 将 template 中的根元素直接替换到 #app 处vue3 中没有该限制, 可以放任意多个根元素, 将 template 中的根元素全部以 appendChild 方式加入 #app, 不是替换Vue2 实现响应式的原理: Object.definePro...原创 2021-11-28 20:03:26 · 824 阅读 · 0 评论 -
体验TypeScript 两分钟入门
格式let 变量名: 类型 = 初始值let str: string = 'ts'const age: number = 18str = 'dddd'console.log(str)console.log(age)作用 为变量添加类型约束 变量后的:就是类型注解 JS 已有类型 原始类型:number/string/boolean/null/undefined/symbol 对象类型:object(包括,数组、对象、函数等对象) TS 新增类型 联.原创 2021-11-24 12:00:44 · 479 阅读 · 0 评论 -
React中在非组件的状态下使用history
在react-router-dom中有Router这个包 但是Router没有history属性Router + HashHistroy = HashRouterRouter + BrowerHistroy = BrowerRouter安装react-router-dom时,默认会安装history包,我们可以通过这个包来自己创建history对象具体步骤import { createBrowserHistory } from 'history'export const histo.原创 2021-11-18 20:40:45 · 1059 阅读 · 1 评论 -
浅谈Event loop事件循环机制
Eventloop 是指浏览器或node的一种解决javaScript单线程运行时,不会阻塞的一种机制 也就是我们经常使用异步的原理在js中 任务被分为两种一种是宏任务(MacroTask):setTimeout,setInterval一种是微任务(MicroTask): process.nextTick,Promise.then 同步任务在栈中先执行,进入主线程,异步任务进入任务队列,根据异步事件类型,进入对应的宏任务队列或者微任务队列中, 当执行栈为空的时候 ...原创 2021-11-14 22:22:31 · 599 阅读 · 0 评论 -
React手写逻辑复用--倒计时
将组件状态逻辑提取到可重用的函数中,实现状态逻辑复用。自定义hooks 约定函数名必须是use开头 React会通过函数名是否以use开头来判断是不是hooks用户 可以设置倒数的时长 initNum可以设置倒数结束后执行动作 calBack回调函数可以设置倒数开始 startimport { useState, useRef, useEffect } from 'react'export defau...原创 2021-11-13 15:48:17 · 1075 阅读 · 1 评论 -
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 · 529 阅读 · 0 评论 -
React 中的useRef
useRef的作用主要有两种1.操作DOM或者获取其他组件的引用操作步骤import { useRef } from 'react'const xxxx = useRef(null) <input ref={xxxx} />xxxx.current2.多次渲染之间共享数据import React, { useEffect, useState } from 'react'import ReactDom from 'react-dom'expo...原创 2021-11-12 19:13:56 · 2573 阅读 · 0 评论 -
React中hooks
hooks 是一些可以让你在函数组件里 钩入 react state及生命周期的特点 hooks 只能在函数组件内使用我们可以使用class提供给状态也可以使用hooks提供状态 但是在16.8之前 只能使用class提供状态 函数组件展示内容react组件时用来构建用户界面的 函数式组件本身比较简单 可以很好的胜任根据状态渲染ui而我之前说过 函数式组件没有状态 但是结合hooks后 可以让函数组件内具有维护状态的能力 并且带来了组建的逻辑复用 是一种不一样的复用useState为函数组件提.原创 2021-11-11 19:54:52 · 985 阅读 · 0 评论 -
React中的setState
当我们按下按钮 打印n的时候 视图层的n变成了3 而输出却并没有变 setState的对象 是异步的setState调用之后,并不会立即去修改state的值,也不会立即去更新dom 他的执行顺序是在钩子函数componentDidUpdate前的当我们给setState添加第二个参数 一个回调函数之后再打印n此时获得的n是最新状态的他还有另一种写法this.setState((上一状态) => { return 新状态}[,回调函数])...原创 2021-11-10 22:19:40 · 962 阅读 · 1 评论 -
React中类组件的生命周期
组件的生命周期:组件从被创建到挂载到页面中运行,再到组件不用时卸载的过程只有类组件才有生命周期react类组件的生命周期钩子函数-整体说明上图为常用的生命周期 分三个阶段 五个钩子函数下面我也主要是讲常用的生命周期图来自http://projects.wojtekmaj.pl/react-lifecycle-methods-diagram/挂载阶段constructor 最先执行,创建组件时 初始化state,创建ref等 render ...原创 2021-11-09 19:58:13 · 434 阅读 · 0 评论 -
React组件介绍
用过vue的小伙伴都知道组件的作用 react中的组件也是差不多的作用 接下来我给大家介绍介绍在react中我们应该怎么使用组件react的组件主要分四类基础组件:指input、button这种基础标签,以及antd封装过的通用UI组件业务组件:由基础组件组合成的业务抽象化UI。例如: 包含了A公司所有部门信息的下拉框区块组件:由基础组件组件和业务组件组合成的UI块页面组件:展示给用户的最终页面,一般就是对应一个路由规则...原创 2021-11-06 21:40:49 · 717 阅读 · 0 评论 -
React中组件传值讲解
父传子<子组件 自定义名1={要传给子组件的值1} 自定义名2...../>函数式组件中-子组件通过添加形参接受 我们就起props父组件内<HelloFunc age={19} name={'张三'}/>子组件内function 子组件(props) { return (<div>子组件的内容{props.name}---{props.age}</div>)}类组件中 通过this.props来获取父组件内<原创 2021-11-08 19:26:49 · 430 阅读 · 0 评论