
前端
学编程的司马光
用最朴素的话语,解释最晦涩的术语
展开
-
史上最好用的校验【身份证有效期】的JS方法
最近有一个需求需要校验输入的身份证有效期的开始和结束日期,由于是没有使用日期选择框,是直接文本录入的,因此需要对录入的内容做一些校验,废话不多说,直接上代码。原创 2023-02-24 16:02:37 · 3239 阅读 · 1 评论 -
微信小程序web-view不要使用 wx:if 和wx:else,页面也会跳转,但参数都没有了
微信小程序web-view不要使用 wx:if 和wx:else,页面也会跳转,但会出现奇怪的错误,比如携带的url参数都没有了.尽量使用两个页面分开。原创 2023-02-22 14:08:34 · 2068 阅读 · 0 评论 -
微信小程序 cameraContext.stopRecord 不报错也无响应
若真的需要setData,只能放在cameraContext.stopRecord成功后的回调函数中。还是在setData的回调函数中执行cameraContext.stopRecord,很是头疼,微信这方面的资料又很少,研究半天,发现是this.setData影响的。不论是在cameraContext.stopRecord之前执行了setData,但是执行cameraContext.stopRecord不报错也无响应,执行cameraContext.startRecord没有问题,原创 2023-01-10 17:42:55 · 1224 阅读 · 0 评论 -
微信小程序cameraContext拍摄的视频或照片上传后端,不需要处理实时监听的ArrayBuffer格式的视频数据,只需要直接使用wx.uploadFile上传后端,简单好用(带前后端代码)
微信小程序cameraContext拍摄的视频或照片,不能直接上传后端,监听的实时视频数据 格式是ArrayBuffer,后端无法接收,将ArrayBuffer转换成Blob格式后,因为微信小程序暂时还不支持Blob格式的数据,也无法上传,推荐使用wx.uploadFile上传后端,不需要进行格式转换原创 2022-11-08 10:56:23 · 3262 阅读 · 0 评论 -
H5页面跳转微信小程序时:wx.miniProgram.navigateTo 报错 ‘wx‘ is not defined no-undef
有一个功能,需要从H5页面跳转到微信小程序,查了微信官方文档:只需要引入js文件,然后直接使用即可,但一直报错:wx' is not defined no-undef原创 2022-11-03 12:32:28 · 10631 阅读 · 3 评论 -
解决小程序启动后页面报错:Uncaught (in promise) env: Windows,mp,1.06.2209190; lib: 2.26.2
小程序项目构建成功后启动,报错信息如下,很烦恼,没有具体的报错信息WAServiceMainContext.js?t=wechat&s=1666321259431&v=2.26.2:1 Uncaught (in promise) env: Windows,mp,1.06.2209190; lib: 2.26.2原创 2022-10-21 13:34:04 · 14084 阅读 · 2 评论 -
最全汉字正则校验:只允许汉字,允许带点,允许拓展汉字,生僻字,比如䶮之类的汉字
这里只讲中文名正则校验,若是需要更全面的校验,请看另一篇博客:全网最全js前端、后端通用校验中文姓名(可带点·)的方法还是一贯的风格,一贯的直接,不讲废话,开始:1:校验纯汉字(长度为2-6位):/^([\u4e00-\u9fa5]{2,6})$/gi.test('要校验的汉字')2:校验带点的汉字(需要处理各种点,请看文章开头的博客)点前后允许2-5位汉字/^[\u4E00-\u9FA5]{2,5}([\u25CF\u00B7][\u4E00-\u9FA5]{2原创 2021-09-27 17:47:12 · 15346 阅读 · 6 评论 -
react公用onChange方法:changeOneState,对于字段很多的页面,不用写很多onChange方法,所有页面共用一个方法即可
举个例子,页面上三个字段:用户名,邮箱,电话,都是放在state中的,因此对应有三个onChange方法:三个字段的onChange方法如下: handleNickName = (e) => { this.setState({ nickName: e.target.value }); } handleEmail = (e) => { this.setState({ email: e.target.value }); }原创 2021-09-23 17:41:48 · 920 阅读 · 0 评论 -
前段发送给后端的json数据,删除无效信息的方法:删除空、undefined,‘’空字符串等
对json进行处理,空、undefined,‘’空字符串,都去掉对应的键,如果值左右存在多余的空格,则去掉多余空格,废话少说,直接干货// 对json进行处理,空、undefined,// ‘’空字符串,都去掉对应的键,// 如果值左右存在多余的空格,则去掉多余空格export function clearJson(myObj) { Object.keys(myObj).forEach((key) => { const v = myObj[key]; if (v ==原创 2021-09-23 17:22:57 · 842 阅读 · 0 评论 -
全网最全js前端、后端通用校验中文姓名(可带点·)的方法
在网上找了好久校验汉字姓名的方法,全部不尽如人意,自己动手写了一个。测试下来,可包含所有可能的情况,后端语法稍微改一下,也是一样使用。废话不多说,直接上代码。可以使用的朋友请点个赞// 将传入的姓名中空格和全角空格都去掉,乱七八糟的·都换成半角的·export const checkChineseName = function(name) { let reg = /^[\u4e00-\u9fa5]{2,15}$/; // 保留点后,用来校验的姓名,也是最终校验通过原创 2021-09-03 17:55:52 · 4830 阅读 · 0 评论 -
一个ZIP包下载的问题,相同的配置,本地可以,测试不行
两边返回的都是同样的内容,但是本地的可以弹窗【身份证.zip】提示下载成功比较了一下responseHeader里面的内容,有些许的不一样暂时还没找到解决办法原创 2021-08-05 09:52:21 · 564 阅读 · 1 评论 -
生产环境突然编译报错:‘XXXX‘ is not defined no-undef
在某年某月的某一天(2021-02-24),在一个前端工程里面,我就改了一个字段名,对gitlab发誓,除此以外,啥也没动。而且,在本地,npm start,启动前端项目,和往常一样,完美的连一个警告都没有,就像这样:真是如丝般润滑,然而,分别发布到测试环境和生产环境,就碰到纠缠我好几天的诡异之事了。他报了一个下面的错误:但是这个Map.jsx,我是从来没碰过的,具体内容如下:茫然的我,还以为是这个类有什么问题,将其删除了,再发布之,发现又有其他的...原创 2021-02-24 10:17:48 · 7248 阅读 · 3 评论 -
公众号和小程序获取openId不同点
公众号获取openId是在前端先调用一个腾讯的请求地址,传的是当前页面的URL,得到code,让把code给后端服务器,后端根据appId,appSecret和code,去腾讯换取openId。// 网页授权获取code//public final static String GetPageCode = "https://open.weixin.qq.com/connect/oauth2/authorize?appid=APPID&redirect_uri=URL&response_原创 2020-10-28 10:21:31 · 1454 阅读 · 0 评论 -
React antd 样式不加载不展示
使用antDesign写页面,会发现,有时候样式不展示,因为有样式没有加载进去发现前端import的是如下方式:import { Modal, Button, Row, Col, Input } from "antd/lib/index";改成下面的就好了。import { Modal, Button, Row, Col, Input } from "antd";...原创 2020-10-27 10:44:48 · 1446 阅读 · 0 评论 -
webSocket java.io.EOFException: null 增加心跳机制解决
最近发现webSocket连接,经常自动断开,看了晚上的一些文章,很多说是Nginx的问题,但是不想改Nginx因为怕影响其他系统,而且不一定有效,因此决定给webSocket加一个心跳机制:1:先在服务端判断消息是不是心跳检测消息,是的话,原封不动将消息传给客户端即可: if("heartCheck".equals(jsonObject.getString("heartCheck"))){// 心跳检测的消息 sendMessage(message); retur原创 2020-10-14 09:30:08 · 12676 阅读 · 0 评论 -
springboot项目安装https证书
非常简单,一共两个小步骤:1:复制证书到resource文件夹下面:2:application.yml中增加以下信息: # port: 443 # ssl证书相关配置 ssl: key-store: classpath:证书名称 key-store-password: 密码 key-store-type: 证书类型...原创 2020-08-26 10:11:12 · 431 阅读 · 0 评论 -
前台请求不带cookie的问题解决方案大汇总
今天碰到一个很棘手的问题,前端请求后端不带cookie,请求时header里面就是没有cookie,可能还少了点其他东西很头疼,尝试了很多办法,还是不行,比如下面几种:1:我是用的axios请求的,很多人只加下面这一行代码就搞定了,但是,我没有// 允许携带cookieaxios.defaults.withCredentials=true2:然后,有人加withCred...原创 2019-09-19 00:44:31 · 52980 阅读 · 18 评论