weixin_36766850的博客

原创 【无标题】

value6666666

原创 【无标题】

qqServlet里的代码复制代码import javax.servlet.ServletException;import javax.servlet.annotation.WebServlet;import javax.servlet.http.HttpServlet;import javax.servlet.http.HttpServletRequest;import javax.servlet.http.HttpServletResponse;import java.io.IO

原创 钱钱钱钱钱

qqServlet里的代码复制代码import javax.servlet.ServletException;import javax.servlet.annotation.WebServlet;import javax.servlet.http.HttpServlet;import javax.servlet.http.HttpServletRequest;import javax.servlet.http.HttpServletResponse;import java.io.IO

原创 React 页面返回刷新的思考

今天修改一个bug，其实是个很简单的需求，但是花了很多的时间，改到后面越来越无奈，因为如果经验丰富或者有水平的话，马上就可以改出来。 需求很简单：要求返回刷新。按照y一般图方便思路都是，如果setState不同，让界面重新渲染。componentWillReceiveProps(nextProps){ this.setState({ ...nextProps })}但是我这个bug的问题在于，原代码使用的是兄弟组件的形式，...

原创 记一次select的bug

情况：select框中由1000行数据，会导致很卡的情况。经过讨论后，决定第一次只显示100条数据，但是搜索的时候，可以搜索所有，但是只显示50条过滤数据。 解决antd的select下拉框因为数据量太大造成卡顿的问题_liuyuhua666的博客-CSDN博客_antd select 卡采用上面的博主推荐，能够解决问题。但是有一个新的问题就是如果超出初始100以外的数据，那么只能显示id。但是100以内的，确实正常。后来经过排查，发现是select的value的属性 赋值的是id，而不是.

转载 PropTypes 检测

arrayOf与ObejctOf多重嵌套类型检测 // An array of a certain type optionalArrayOf: PropTypes.arrayOf(PropTypes.number), // An object with property values of a certain type optionalObjectOf: PropTypes.objectOf(PropTypes.number), //示例 static propTypes =

原创 next.js 学习笔记

快速建立项目：$ npx create-next-app next-create新建pages文件夹，新建文件，如index.jsexport default ()=><div>nextBlog page</div>运行，即可看到index信息新建components文件夹，新建文件，如pangexport default ({children})=><button>{children}</button>在inde

原创 antd form 解决切换下拉框 对应输入框必选非必选问题

需求：form表单内一个输入框 和一个选择框。当选择框选择为"非必要"时，输入框必填，当选择框为其他时，输入框不非必填。解决：form表单中选择框增加required校验，为true时（最好直接判断，不要用useState定义值，判断不及时），则提示星号。且提交时记得增加校验判断。产生问题：当选择“非必要”时，输入框输入，再退出，提示“请输入内容”，不处理再切换为其他，输入框的错误提示仍存则。解决:再切换的onChange事件中，增加resetField(['form表单对应的输入框字段‘],或

原创 antd form表单 input 警告边框样式修改

原创 http协议笔记 未完待续

无论webservice、rest做大型架构 都离不开HTTP协议webservice 相当于http协议+XMLRest 相当于http协议+json各种API相当于httpi协议+JSON/XMLHTTP请求信息和响应信息的格式请求：（1）请求行（由请求方法、请求路径、所用协议版本三部分组成）（2）请求头（3）请求主体信息（可以没有）请求方法中包括：get\post\put\delete\options\trace响应（1）相应行（协议版本、状态码、状态文

原创 useEffect 依赖

第二个参数是空，挂载和更新都渲染。当是[]，挂载渲染。当[数据]当依赖是基础数据类型时，挂载和更新渲染当依赖是引用类型,数组和对象时，会一直渲染解决办法：A={a:1,b:1}useEffect(()=>{},[A]1、依赖改为设置对象或者数组中的某个值，如useEffect(()=>{},[A.a]2、使用usePrevious,利用useRef能保存上一次渲染内容的办法import React, {useState, useRef,useEffect}

原创 typeScript 对象嵌套数组对象

场景：管理后台，多个选择框，内容取决于后台接口返回的内容。 后台返回接口中，包含多个数组，且数组中各对象的属性相同，除一个不同。一、定义并初始化数组interface A{ aa:string, ab:string}inter B{ ba:string |null, bb:string | null} iterface C{ cA:A[] | null, cB:B[] | null, cC:A[] | nu...

原创 moment antd

1

原创 classnames 动态添加类名

1

原创 typeScript 技术胖 笔记 下

20_函数泛型<>现在给join方法一个泛型，名字就叫做JSPang,后边的参数，这时候他也使用刚定义的泛型名称。然后在正式调用这个方法时，就需要具体指明泛型的类型啦。function join<JSPang>(first: JSPang, second: JSPang) { return `${first}${second}`;}join < string > ("jspang", ".com");如果要是number类型，就直接在调用方法的时候进

原创 typeScript 技术胖 笔记 上

03_基础静态类型与对象静态类型a 对象类型const car:{name:string,price:number}={name:'奔驰',price:12222}b 数组类型const cars :string[]=['奔驰‘,'宝马‘]c 类类型const Car{}const car:Car=new Car()d函数类型const car :() =>string =()=>{return '奔驰'}05 函数参数与返回值函数参数为对象（解构）时

原创 get funtion用法

在新对象初始化时定义一个getter这会为obj创建一个伪属性latest，它会返回log数组的最后一个元素。var obj = { log: ['test'], get latest() { if (this.log.length == 0) return undefined; return this.log[this.log.length - 1]; }}console.log(obj.latest); // Will return "test".

原创 Vue 安装sass

卸载其他高版本sass，安装以下版本yarn add [email protected] add [email protected]

原创 使用express cors跨域第一次session undefined问题

使用express ，利用cors中间件实现前后端分离 但是发现明明传过去登录接口设置session，但是检验接口输出session确实未定义，百度知道是跨域问题导致的。问题解决：后端的app.js添加app.all('*',function(req,res,next){res.header("Access-Control-Allow-Origin","http://localhost:9000");//前端域名res.header("Access-Control-Al...

原创 node 使用art-template渲染 webpack打包 报错while running webpack with art-template-loader. Can‘t resolve ‘n

错误内容：Requests that should resolve in the current directory need to start with './'.Requests that start with a name are treated as module requests and resolve within module directories (node_modules).If changing the source code is not an option there i

原创 webpack 基本配置坑记录

1、html的图片{test:/\.html$/i,loader:'html-loader',options:{esModule:false}},2、webserverdevServer:{//热加载contentBase:resolve(__dirname,"build"),...

原创 for循环中异步转同步 js

需求： nfc需要与手机交互指令数组，并返回处理。思路：1、cardRearder中的promise方法，并返回结果。2、getRetApdus中for循环处理cardRearder的结果res。（要等待所有的结果返回，使用传统for方法）（forEach相当于一部函数）3、nfcReadCard请求处理getRetApdus的结果（nfcReadCard请求中的async 要放在res前面 ，否则会报await is a reserved word）。结果：console.log(".

原创 this与强制this

转载：https://www.cnblogs.com/chengxs/p/10554578.html

原创 正则表达式 元字符/元符号意义

字符类、单个字符和数字 元字符/元符号 匹配情况 * 匹配出换行符外的任意字符 [a-z0-9] 匹配括号中的字符集中的任意字符 [^a-z0-9] 匹配任意不在括号中的字符集中的字符 \d 匹配数字 \D 匹配非数字，即与[^0-9] \w 匹配字母和数字及_ \W 匹配非字母数字和_ ...

原创 事件委托与动态生成表格

委托： A委托B去买饭 A发布任务 委托方 B执行任务 代理方事件委托实现步骤： 1、找到当前节点的父节点或祖先节点 2、将事件添加到你找到的这个节点或者祖先节点上 3、找到触发对象，判断触发对象事发是否想要的出发对象，在进行后续操作。动态生成表格<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"&...

原创 EditView 部分问题集合

1、取消自动获取焦点，点击获得焦点在父级控件增加android:focusable="true"android:focusableInTouchMode="true"2、取消光标默认颜色android:textCursorDrawable="@null"增加drawable文件，改成具体选择3、输入法将布局上移在AndroidManifest.xmlactiv...