前端菜菜-CSDN博客

转载 React Hook useCallback?

https://segmentfault.com/a/1190000020108840死循环01:Child使用useEffect获取数据,对getData有依赖，于是将其加入依赖列表02:getData执行时，调用setVal，导致App重新渲染03:App重新渲染时生成新的getData方法，传给Childfunction FatherTest() { const [val, setVal] = useState(""); function getData() ...

2021-02-19 11:49:37 542

原创 React函数式，数据响应问题？

https://overreacted.io/zh-hans/how-are-function-components-different-from-classes/01：函数式组件，交互时所运用的数据，为当时上下文环境中的数据let i = 0; class App extends React.Component { constructor() { super(); this.state = { name: '哈哈' } } changD

2021-02-19 11:40:38 764

原创 React class组件数据总结

classAppextendsReact.Component{constructor(){super();this.state={ name:'哈哈' }} changData(){this.setState({name:'嘻嘻'})}render(){return(<divclassName="App"> <h4&g...

2021-02-19 10:42:21 544

原创 Blob + ArrayBuffer 怎么将流文件，转为本地文件读取？

Blob +ArrayBufferArrayBuffer对象：(模拟内存中二进制数据，用来操作内存)01：设计目的为了满足 JavaScript 与显卡之间大量的、实时的数据交换（二进制）02：只能通过视图（TypedArray视图和DataView视图）来进行操作。“视图”部署了数组接口，这意味着，可以用数组的方法操作内存TypedArray视图：共包括 9 种类型的视图，用来读写简单类型的二进制数据。DataView视图：可以自定义复合格式的视图，用来读写复杂类型的二进制数据。Blo.

2021-01-12 14:44:14 2858

原创 npm发布vue包

01: 新建文件夹02: npm init => 生成 package.json 每个人的不一样{ "name": "ktrees", "version": "0.0.1", "description": "发布的第一个vue组件包", "main": "index.js", "scripts": { "test": "echo \"Error: no tes...

2020-04-29 15:33:24 303

原创 VUE + TS项目记录 vuex-class

npm install --save vuex-class文件目录:代码展示 index:import Vue from 'vue';import Vuex from 'vuex'; // 引入模块import LoginStore from './modules/LoginStore'; Vue.use(Vuex); export default new Vuex.St...

2020-03-25 09:11:15 933

原创 VUE + TS项目记录 (修饰器vue-property-decorator)

安装:npm i -S vue-property-decorator提示:I: 首先安装上面两个模块II: 使用相应的模块,引入对应的模块**01: @Prop 属性传递****// 使用:<h4> {{propA}} | {{propB}} | {{propC}}</h4>**@Componentexport default class Yo...

2020-03-25 09:09:00 1320

原创 VUE + TS项目记录 (文件命名)

01: 仓库StoreI: 模块引入在store文件下index.ts引入所需要的的模块,并且在modules中注册namespaced: true => namespaced为false的时候，state,mutations,actions全局可以调用，为true，生成作用域，引用时要声明模块名II : 文件名(希望尾缀名.xxxStore.ts) 方便在文件引入的时候看尾缀名...

2020-03-25 08:56:18 1650

原创 axios关于Ts接口,常用的列表

export interface AxiosTransformer { (data: any, headers?: any): any;}export interface AxiosAdapter { (config: AxiosRequestConfig): AxiosPromise<any>;}export interface AxiosBasicCreden...

2020-03-06 10:18:44 1522 1

原创 vue+typescript的vscode代码片段设置编码

{"Print to console": {"prefix": "vue TypeScript Template","body": ["<template>\n\t<div>\n\n\t<div>\n</template>\n","<script lang=\"ts\">\n...

2020-02-28 10:11:29 758 2

转载 VSCode中"experimentalDecorators"设置问题

前言最近用vue+typescript做项目，脚手架构建好项目后，发现vsCode一直发出警告提示，百度之后，解决了。但是又不仅仅是百度就解决了。问题的出现工作区有几个项目，新开的项目添加进来的位置在最后。警告提示：Experimental supportfordecoratorsisa feature thatissubjecttochangeinafu...

2020-02-27 14:20:11 656

原创记一次,axios,jq,xhr获取后端,excel数据乱码

01: 低版本的jq,不支持二进制数据的解析01: 版本3.X02: 设置xhrFields: { responseType: ‘blob’ },$.ajax({ url: 'http://192.168.10.101:8089/Defect/exportDefectByQuery', type: 'post', contentType: 'appli...

2020-01-10 17:00:19 418

转载 js遍历对象的几种方法

for…in (遍历对象自身和原型上,可以遍历的属性)Object.keys (遍历对象自身,可以遍历的属性)Object.getOwnPropertyNames(obj) (遍历对象自身,可以遍历和不可遍历的属性)...

2019-07-29 10:02:17 217

原创 vue styel,class简单介绍

标签class属性class: 一个data:{ bgred : 'red', flag:true}<p :class="bgred"> 字符串</p> <p class="zhijie"> 字符串</p><p :class="{blod:flag}"> 对象布尔值</p>class: ...

2019-07-24 09:25:37 247

原创父子组件同时更新(三种方法) VUE

01: this.$emit(‘自定义事件’，val)<child-one :ms="a" @devicehandel="emithandel"></child-one><button @click='emithandel'>按钮</button>methods: { emithandel() { this....

2019-07-24 08:54:01 1409

原创 $attrs props

$attrs01: 获取父组件,上面的属性(不包括class,style)02: prop父组件传递给子组件的数据A根 B子组件 C孙子组件C => 获取A根传递的数据<根A :data1='数据1' :data2='数据2' > </根A ><子B v-bind='$attrs'> </子B >子组件B: p...

2019-07-18 20:53:08 197

原创 vue $listeners祖孙之间通信事件

A是父组件, B是子组件 ,C孙子组件当我们A 向 C 传值的时候我们有几种方式01: A父组件 => b子组件 => C子组件02: VUEX03: $listeners根组件<template> // v-on="$listeners", 子组件获取根组件绑定的事件 <slot-main v-on="$listeners" @rootFn1...

2019-07-18 19:45:01 1225

qq_25919495的博客