- 博客(20)
- 收藏
- 关注
RSS订阅原创 react中setstate的异步问题
当setstate事件与onClick，onChange事件结合使用的时候，就会触发setstate的异步事件，导致数据更新不及时的问题解决办法：
2022-02-23 14:22:21
521
1
原创 原生js获取表单中所有元素的value值
send(){ // console.log(json) this.getElements("form1",'type') this.getElements("form2",'father') this.getElements("form3",'mather') this.getElements("form4",'child') this.getElements("form5",'visit') },//formName:锁定表单..
2022-01-27 14:37:24
1867
原创 React中使用react-file-viewer
1.npm install react-file-viewer2.在组建中引入import FileViewer from 'react-file-viewer';3.使用： <FileViewer fileType={this.state.imgFlieType}//文件类型 filePath={this.state.details.dragger}//文件地址 onError={console.log('错误信息')} errorComponent={
2022-01-21 15:29:49
4816
2
原创 react类组件：用户在一点时间内判断用户无操作（滚动条，键盘，鼠标事件），input框自动聚焦操作
功能要求：光标在第一次进来时锁定会员码框，一定时间内页面没有操作（滚动，鼠标点击，键盘点击）的时候锁定条形码框 componentDidMount(){ // 获取焦点 const input1=document.getElementById('getInput1') const input2=document.getElementById('getInput2') const vipValue=this.state.vipInput.cu
2022-01-18 22:31:21
831
原创 react组件React slick的使用
React slick 是一个使用 React 构建的轮播组件。使用方法：1.安装React slick：npm安装：npm install react-slick --saveyarn安装：yarn add react-slick2.安装轮播组件样式npm install slick-carousel --save3.依赖安装好了以后，需要在使用组件的页面进行引入使用4.使用目标轮播代码即可注意：一定要引入react-slick的样式文件，否则是没有效果
2022-01-14 09:53:51
1776
1
原创 react类组件使用antd中表单验证进行数据交互
错误信息：解决办法：不能再类组件中使用useState useForm函数组件中的钩子函数来实现，解决，在类组将中通过ref获取数据域来对form表单的api进行控制，
2022-01-12 18:00:54
369
原创 mock.js在react中的使用
安装mock.js依赖安装axios依赖并能在使用的页面进行引入在文件中新建一个mock.js的文件夹内容如下：import Mock from 'mockjs'// 模拟数据列表let arr = [];for (let i = 0; i < 10; i++) { arr.push({ key: i, type:'类型一', num: `${i}`, mode: `现金`, diagnosis:'00'+i, ...
2022-01-05 08:39:17
664
原创 vue-router的基本使用方法
路由 全局配置路由：cnpm i -S vue-router 新建一个router的文件夹，在里面新建router.js的文件 2.1引入vue模块：import Vue from 'vue' 2.2、引入router模块：import Router from 'vue-router' 2.3、注册使用路由：Vue.use(Router) 2.4引入需要定义路由的地址 例如：import Rlist from '../views/compenont/list.vue'
2021-10-30 16:03:13
267
原创 vue实现多页应用配置
在文件夹public下面新建一个xxx.html页面，并在页面的div中添加id 例如：<div id="app"></div> 新建一个与main.js同级的xxx.js文件，并在里面引入vue模块，引入xxx.html中的id命名 例如：import Vue from "vue"; new Vue({ el:'#root', render(ce) { return ce('h1', ['我是index页面应用']) } }) ..
2021-10-27 10:30:55
184
原创 mongoose库
三大核心对象：Schema，Model,Document(三个对象的顺序：先有Schema再有Model最后：Document)1.引入mongoose模块。const mongoose=require('mongoose')2.搭建mongodb环境mongoose.connect('mongodb://localhost/oa_db', function() {console.log("connectting to mongodb success.")})3.Sche..
2021-10-19 21:25:36
260
原创 使用原生Node.js构建服务器
// 一、例1:新建http.js文件,写入服务器代码,监听客户请求// 引入http模板const http= require("http");// 1.创建服务器let server=http.createServer();// 2.监听请求server.on("request",function(request,response){ console.log("收到客户端请求");});// 3.设置监听端口号server.listen(8085,function(){ .
2021-09-27 19:13:24
261
原创 jquery中Ajax的使用
方式一：$.Ajax(object);object中的键值参数有：type：请求方式（常用的有get，post，默认为get请求）url：请求地址data：请求参数（格式：字符串：id=3&name=zhangsan;json:{id=3,name=zhangsan}）async:请求是否异步，（默认异步true）dataType：指定服务器返回数据类型（post请求：application/x-www-form-urlencoded）cache:是否允许缓存，默认t
2021-09-23 19:08:51
89
原创 JQuery的遍历
参数解释：k:下标v:下标对应的节点语法一：$("操作节点")each((k，v)=>{//执行代码})；语法二：$.each($("操作节点"),function(k,v){});
2021-09-23 17:52:35
40
原创 闭包函数的认识
概念：函数可以应用函数内部的局部变量特点： 1、使用不但会很容易造成内存泄漏； 2、设置私有变量作用： 1、函数外部可以访问函数内部的函数的变量，减少变量的声明 2、内存占用空间大，浪费内存 3、防止变量污染实例：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> ...
2021-09-16 20:54:44
43
原创 ajax实现跨域的方法
1.使用jsonp的方法实现跨域：（json+动态的script）script标签没有同源策略性问题，即可以采用script中的src属性来实现跨域，（一般使用动态生成script标签来引用外部js来解决跨域问题）示例：html代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatibl
2021-09-15 20:31:46
618
原创 ajax实现封装
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do.
2021-09-15 20:14:40
131
原创 cookie的封装
class Cookie { // 参数解释： // key:名字 // val：名字对应的值 // exp：保存时间 // 设置cookie static setCookie(key,val,exp=""){ if (exp) { let date=new Date(); .
2021-09-13 20:41:50
279
原创 PHP中连接mysql数据库，创建接口
<?phpheader("content-Type:text/html;charset=utf-8");// 操作步骤: // 1. 连接数据库 // 2. 准备 sql 语句 // 3. 让数据库执行 sql 语句 // 4. 分析执行结果 // 5. 关闭数据库连接// 链接数据库(ip地址, 用户名, 密码, 数据库的名称, 端口号) $link=mysqli_connect('127.0.0.1','root','root','1'); .
2021-09-11 16:29:26
583
原创 关于对象中this指向的总结
1.如下图所示，在行内绑定事件中，this指向window<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-sc
2021-09-08 17:26:56
588
原创 js实现抛物线
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content="width=device-width,initial-scale=1.0"><titl...
2021-09-04 17:42:05
772
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人