- 博客(36)
- 收藏
- 关注
原创 调用本地摄像头,截取图片上传服务器
接口提供访问连接媒体输入的设备,如照相机和麦克风,以及屏幕共享等。它可以使你取得任何硬件资源的媒体数据。在用户通过提示允许的情况下,打开系统上的相机或屏幕共享和/或麦克风,并提供 MediaStream。包含视频轨道和/或音频轨道的输入。2.需要在HTTPS 或在。
2025-02-26 09:30:46
180
原创 后端返回图片数据流处理
export async function getImg( params: { // query /** 当前的页码 */ // current?: number; // /** 页面的容量 */ // pageSize?: number; }, options?: { [key: string]: any },) { return request('/config/workbench/workflow/task/processImage', {
2022-03-07 17:58:32
955
1
原创 ajax小结
AJAX总结Asynchronous JavaScript + XML(异步JavaScript和XML)1.不刷新整个页面,实现局部刷新2.接受并使用从服务器发来的数据原理:XmlHttpRequest对象向服务器发送请求1.创建XmlHttpRequest对象if (window.XMLHttpRequest) { // Mozilla, Safari, IE7+ ... httpRequest = new XMLHttpRequest();} else if (window.Ac
2022-02-28 21:36:31
148
原创 promise简单总结
promise一些总结Promise 对象 - ECMAScript 6入门 (ruanyifeng.com)// 一般情况下是有异步操作时,使用Promise对这个异步操作进行封装// new -> 构造函数(1.保存了一些状态信息 2.执行传入的函数)// 在执行传入的回调函数时, 会传入两个参数, resolve, reject.本身又是函数特点:(1)对象的状态不受外界影响。(2)一旦状态改变,就不会再变,任何时候都可以得到这个结果1.基本使用形式一new Promise
2022-02-28 21:03:09
282
原创 在使用React+ant中的一些问题
在使用React+ant中的一些问题1.合并表格(73条消息) Ant Design的Table合并单元格处理rowSpan_Candice_C的博客-优快云博客_ant table合并单元格2.往QueryFilter的输入框插值Form表单的运用import {Form } from 'antd';const [form] = Form.useForm();const setValue = ()=>{ form.setFieldsValue({ test: '内
2022-02-26 12:02:36
1365
原创 React隔代组件间通信的一种方法
context用于隔代组件间的通信1.创建Context容器(首字母大写)const ***Context = React.createContext()2.渲染子组件时,用到***Context.Provider,通过value属性向后代组件传递数据<***Context.Provider value={数据}> 子组件 </***Context.Provider> //----------------------const {Provider} from
2022-01-21 21:08:14
436
原创 react常用的三种hooks
Hooks函数式组件中使用一些class组件中才有的特性1.useStateconst[变量名,更改变量的函数名(内置函数)] = useState(初始值)useState()参数:第一次初始化指定的值在内部作缓存返回值:包含两个元素的数组,第一个内部当前状态值(变量名来接受的值),第二个为更新状态的函数import React,{Component,useState} from "react";//函数组件写法// class Hooks extends Component{//
2021-11-15 00:15:51
1243
原创 react补充
简写stateclass Test extends React.Component{//原理:类中可以直接写赋值语句,其意义是给实例对象添加属性并赋值 //初始化状态 state = {name:'zhangsan',age:45} //自定义方法 changeName=()=>{//使用箭头函数改变this指向,此处this指向实例对象 this.setState({name:'lisi'}) } render(){ ret..
2021-11-11 23:10:26
650
原创 react总结
react总结特点声明式的设计高效,采用虚拟DOM来实现DOM的渲染,最大限度的减少DOM的操作灵活,跟其他库灵活搭配使用(不包括VUE)JSX,js代码里写HTML,JavaScript语法的拓展组件化、模块化单向数据流,没有实现数据的双向绑定。数据->视图->事件->数据一、创建项目安装脚手架 create react appnpm install -g create-react-app创建项目create-react-app demo(项目名称)
2021-11-11 23:08:11
718
原创 vue+axios+form表单上传excel
vue+axios+form表单上传excel<template> <div> <form id="formData"> <input name="file" type="file" id="file"> </form> <button @click="importEXCEL">上传文件</button> </div></templ
2021-11-02 08:52:53
414
转载 js数组使用map遇到的问题
js数组使用map遇到的问题1.当数组元素为基本类型时let arr = [1,2,3,4]let arr2 = []arr2 = arr.map(item=>{ item = item*3 return item})console.log(arr)// [1,2,3,4]console.log(arr2)// [3,6,9,12]2.当数组元素为引用类型时let arr = [{value:1},{value:2},{value:3}]let arr2 =
2021-09-24 14:10:00
1143
原创 HTML中的table加滚动条+修改样式
HTML中的table加滚动条<table class="table"> <thead> <tr> <td>我是表头1</td> <td>我是表头2</td> <td>我是表头3</td> <td>我是表头4</td> </tr> </thead> <tbody>
2021-09-07 15:29:41
2221
转载 js通过下标删除多个数组元素2021-09-07
js通过下标删除多个数组元素let arr = [{name:'张三',age:40},{name:'李四',age:40},{name:'王五',age:40},{name:'田五',age:40}]let indexArr = [1,3]function test(arr,indexArr){ let test = [] test = arr.filter((item, index) =>{ return !indexArr.includes(inde
2021-09-07 09:24:33
1116
原创 清除浮动2021-08-25
清除浮动浮动原因:容器子元素都浮动,浮动脱离文档流不占据位置,而容器又不便于设置高度时,容器此时的高度会为0,会影响到后面标准流的内容<ul class="test"> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li></ul><style>
2021-08-25 08:35:39
91
原创 css选择器
css选择器小记示例:<div> <input type="text" value="test"><br/> <input type="text" value="test"><br/> <input type="text" value="test"><br/> <ul> <li>1</li> <li>2</li&
2021-08-20 08:35:43
124
原创 vue父组件修改子组件data
父组件修改子组件data内容父组件<template> <div> <children ref="children"></children> <button @click="change"> 修改内容 </button> </div></template><script>export default { data(){ }
2021-08-19 15:13:17
380
原创 md文件快捷
常用md文件快捷键一级标题:#+空格二级标题:##+空格。。。无序列表:*+空格有序列表:数字+.+空格超链接:[名字]+(地址)图片:![名字]+(地址)短文字:`包裹斜体:*包裹内容 【ctrl+i】粗体:**包裹内容【ctrl+b】删除线:~~包裹内容下划线:ctrl+u生成标签代码:```+语言类型【ctrl+l】分割线:三个*或者三个-注释:大于号...
2021-07-28 08:57:07
2286
原创 DOS命令小记
打开CMD方式1.开始+系统+命令提示符2.win+r输入cmd3.在任意文件夹下面,shift+鼠标右键4.资源管理器地址栏加上cmd常用DOS操作#查看当前目录下的所有文件 dir#切换目录 cd (change directory)cd …cd /d 换盘详细路径切换cd 路径,只能本盘路径#清理屏幕 cls (clear screen)#退出终端 exit#查看电脑IP ipconfig#打开应用calcmaspaintnotepad#ping命令pin
2021-07-27 08:52:11
63
原创 Vue插槽小记
Vue插槽小记1、 匿名插槽子组件 匿名插槽 父组件 改变匿名插槽2、 具名插槽子组件 具名插槽1 父组件 具名插槽内容 3、 作用域插槽(可以传数据的插槽)子组件 父组件 {{scope.data123}} ...
2021-07-23 08:44:22
53
原创 2021-05-14ajax小记
**#AJAX小记(四步骤)(不需要重新加载整个网页的,做到更新部分内容)**1、创建XMLHttpRequest 对象let xhr = new XMLHttpRequest()[注]老版本浏览器let xhr = new ActiveXObject("Microsoft.XMLHTTP");2、创建Http请求xhr.open(method,url,async);[注]method:GET或POSTurl:请求地址async:布尔值(是否异步)3、设置响应HTTP请求状态变化的函
2021-05-14 16:58:59
80
原创 js数组方法小结
js中数组一些相似方法的区别every()检测数组所有元素是否满足条件some()检测数组中是否存在满足条件的元素find()返回第一个满足条件的元素findIndex()返回第一个满足条件的元素索引值indexOf()返回指定元素第一次出现的位置(即索引值),没找到则返-1lastIndexOf()返回指定元素最后一次出现的位置(即索引值),没找到则返-1pop() 删除最后一个元素shift() 删除第一个元素push()尾部添加元素unshift()首部添加元素splice()
2021-03-27 11:32:23
62
原创 js数组
js数组方法总结:哪些对空数组无效一、无效reduce()every()some()filter()find()findIndex()forEach()map()reduce()
2021-03-27 11:30:40
65
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人