qq_22167557-优快云博客

1.1 HTML面试题1.行内元素有哪些，块级元素有哪些，空元素有哪些？{% blockquote %}行内元素：a, b, span, img, input, strong, select, label, em, button, textarea块级元素：div, ul, li, dl, dt, dd, p, h1-h6, blockquote空元素：br, meta, hr, link, input, img{% endblockquote %}2.页面导入样式时，link和@imp

2021-11-18 09:24:03 789

原创 React_下载文件

const download = (data, value) => { if (!data) { return; } let url = window.URL.createObjectURL(new Blob([data])); let link = document.createElement('a'); link.style.display = 'none'; link.href = url; link.setAttribute('download', `${v

2021-11-18 09:22:54 142

原创 React_Hooks useContext

React_Hooks useContextuseContext传值，可跨组件传值夫->孙1.创建两个组件ReactHooksUseContextF（父组件），ReactHooksUseContextC（子组件）2.ReactHooksUseContextF（父组件）父组件使用createContext创建contextimport React,{useState,createContext} from 'react'//1导入createContextimport ReactHooksU

2021-11-18 09:19:11 101

原创 React_query语法

react query1.useQueryhttps://react-query.tanstack.com/guides/queries const { isLoading } = useQuery(['resumeTags', id], () => { return client('getCandidateTags', { method: 'POST', }).then((res) => { console.log(res); set

2021-11-18 09:17:31 377

原创 Vue_异步获取数据

代码 async fun() { try{ const res = await axios.get(url) if(res.status===200 && res.data.code===0){ console.log(res) //操作数据 }else{ //数据获取失败 } }catch(error){

2021-11-18 09:15:35 468

原创 React_外部hooks及框架

React 数据请求reactquery 这是一个适用于react hooks的请求库。这个库将帮助你获取、同步、更新和缓存你的远程数据useQuery（查）知乎链接封装import { useQuery } from 'react-query';import { useClient } from 'contexts';function useAllJobsQuery() { const client = useClient(); return useQuery('allJobs'

2021-11-18 09:13:47 275

原创 React_各类依赖

VPNVPNReact_useform表单提交React_Query数据请求查询React学习网站学习网站lodashlodash阿里巴巴图标库图标库react图标库图标库react优化DOM优化防抖UseDebounceUI框架Ant DesignElement UIMaterial-UiCSS In JSEmotion网易云原因apiapiVSCode插件Auto Complete TagAuto Rename Tag 自动命名Better Com

2021-11-17 16:35:03 343

原创 vue_slot

slot基本使用插槽含义：就是引入子组件后，在插入子组件元素中添加信息或者标签，使得子组件的指定位置插入信息或者标签插槽有三种：默认插槽、具名插槽、作用域插槽默认插槽创建组件SlotTest，导入组件<SlotTest> <template v-slot:title>这是默认插槽</template></SlotTest>在SlotTest组件中通过slot标签获取传过来的值<template> <div&gt

2021-11-17 16:29:52 162

原创 Vue_传值prop&emit

prop父级向子级传值可使用prop1.父级中定义student data () { return { student:[ {name:'张三',age:33}, {name:'李四',age:32}, {name:'王五',age:31}, ], } },.2在要传入的子级组件中<context-1-children-

2021-11-17 16:28:09 88

原创 Vue_传值provider&inject

###provider父级向子级或更深级传递时使用providerdata () { return { foo:123123 } },provide() { return { foo:this.foo//将foo传给子级的子级组件 }; }}###inject子级用于接收父级传来的数据 <div>{{foo}}</div>inject:{ fo

2021-11-17 16:26:21 168

原创 Vue_路由

1.在Components目录下创建2个vue组件Container1和Container22.在router目录下的index.js中导入包2.1 vue包import Vue from 'vue'import VueRouter from 'vue-router'2.2 vue-router包import ContainerView1 from '../components/ContainerView1.vue'//import ContainerView2 from '../compo

2021-11-17 16:25:05 92

原创 Vue_Ant_designTable

1.Table加序号加固定序号在column中30条数据每页10条每次分页序号都是1-10{ title: '序号', customRender: (text, record, index) => `${index + 1}`, }加分页序号30条数据每页10条每次分页序号都是1-10 11-20 21-302.Table设置表格列在column中{ title: "时长", dataIndex: "duration", scopedSl

2021-11-17 16:23:36 160

原创 Vue_兄弟组件之间调用方法

###1.实现方法11.在兄弟组件2里用this.emit(′fun′)传到父组件里2.在父组件里，给兄弟组件1加上ref="children1"属性3.在methods里定义fun方法（this.emit('fun')传到父组件里2.在父组件里，给兄弟组件1加上ref="children1"属性3.在methods里定义fun方法（this.emit(′fun′)传到父组件里2.在父组件里，给兄弟组件1加上ref="children1"属性3.在methods里定义fun方法（this.refs.

2021-11-17 16:22:07 2081

qq_22167557的博客

原创 docker基础命令

原创 vue音频播放+下载

原创 element ui 前端table分页+搜索

原创 vue3 Element_UI 文件上传导入导出

原创 bpmn-js调研

原创 echart 旭日图组件拆分

原创 element ui 多选框内嵌套单选框

原创 element tree 树形数据的一些操作方法

原创 element ui 上传文件带本地验证和接口验证

原创 element table 多级的单元行合并

原创 element tree 搜索联动

原创 qiankun 数据通信

原创 element-plus配置自定义类名

原创 qiankun基础配置

原创 element ui tree 拖拽(支持子节点拖拽，子节点无法向外拖拽，最外层父节点可设置无法拖拽)

原创 element ui table 多选跨页

原创前端_面试题