- 博客(20)
- 收藏
- 关注
RSS订阅原创 react中setstate的异步问题
当setstate事件与onClick，onChange事件结合使用的时候，就会触发setstate的异步事件，导致数据更新不及时的问题 解决办法：
2022-02-23 14:22:21
687
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
2057
原创 React中使用react-file-viewer
1.npm install react-file-viewer 2.在组建中引入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
5343
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
1015
原创 react组件React slick的使用
React slick 是一个使用 React 构建的轮播组件。 使用方法： 1.安装React slick： npm安装：npm install react-slick --save yarn安装：yarn add react-slick 2.安装轮播组件样式 npm install slick-carousel --save 3.依赖安装好了以后，需要在使用组件的页面进行引入使用 4.使用目标轮播代码即可 注意：一定要引入react-slick的样式文件，否则是没有效果
2022-01-14 09:53:51
2179
1
原创 react类组件使用antd中表单验证进行数据交互
错误信息： 解决办法： 不能再类组件中使用useState useForm函数组件中的钩子函数来实现，解决，在类组将中通过ref获取数据域来对form表单的api进行控制，
2022-01-12 18:00:54
476
原创 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
786
原创 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
409
原创 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
282
原创 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
432
原创 使用原生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
454
原创 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
191
原创 JQuery的遍历
参数解释： k:下标 v:下标对应的节点 语法一： $("操作节点")each((k，v)=>{ //执行代码 })； 语法二： $.each($("操作节点"),function(k,v){ });
2021-09-23 17:52:35
128
原创 闭包函数的认识
概念：函数可以应用函数内部的局部变量 特点： 1、使用不但会很容易造成内存泄漏； 2、设置私有变量 作用： 1、函数外部可以访问函数内部的函数的变量，减少变量的声明 2、内存占用空间大，浪费内存 3、防止变量污染 实例： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> ...
2021-09-16 20:54:44
104
原创 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
742
原创 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
236
原创 cookie的封装
class Cookie { // 参数解释： // key:名字 // val：名字对应的值 // exp：保存时间 // 设置cookie static setCookie(key,val,exp=""){ if (exp) { let date=new Date(); .
2021-09-13 20:41:50
372
原创 PHP中连接mysql数据库，创建接口
<?php header("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
759
原创 关于对象中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
693
原创 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
900
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人