官网代码 //为了浏览器兼容websocket constWebSocket=window.WebSocket||window.MozWebSocket//创建连接this.socket=newWebSocket('ws://xxx')//连接成功this.socket.onopen=(res)=>{console.log('websocket连接成功')this.socket.send('入参字段')//传递的参数字段}//后端针对刚才传的字段返回对应数据this.socket.onmessage=e=>{ console.log(e.data,'从服务器获取的数据')//关闭连接this.
前言之前业务系统中验证码一直是由后端返回base64与一个验证码的字符串来实现的，想了下，前端其实可以直接canvas实现，减轻服务器压力。实现子组件，允许自定义图片尺寸(默认尺寸为100*40)与验证码刷新时间(默认时间为60秒)。同时暴露绘制验证码方法drawPic(),允许父组件直接调用(需要利用ref实现)，点击验证码也可手动刷新。//VerifyCodeImg.vueimport{onMounted,onBeforeUnmount,computed}from'vue';letprops=defineProps({canvasWidth:{//容器宽度type:Number,defau
公众号「古时的风筝」，专注于后端技术，尤其是Java及周边生态。个人博客：www.moonkite.cn大家好，我是风筝最近这两天，在前端圈最火的图片莫过于下面这张了。这是一段React代码，就算你完全没用过React也没关系，一眼看过去就能看到其中最敏感的一句代码，就是那句SQL。咱们把这端代码简化一下，大概就是下面这个样子。( "useserver" awaitsql`INSERTINTOBookmarks(slug)VALUES(${slug});`;)}>提交意思就是在页面上点击一个叫做「提交」的按钮，触发一个formAction(提交表单)的动作。这有点看到了当年JSP和PHP的味道
CSS不仅能够实现网站的外观和布局，还能通过一系列属性增强用户体验和交互性。本文将介绍10个鲜为人知但非常有趣的CSS属性，这10个你可能不会经常使用或从未听说过的属性，但是你使用了之后相信你会爱上它们的。自定义滚动条：美化滚动体验网页上的滚动条都是相对普通和无趣的。然而，通过使用CSS的::-webkit-scrollbar伪元素，你可以改变滚动条的外观，包括宽度、颜色和形状。这让网站看起来更专业和个性化。图片我们用来::-webkit-scrollbar改变属性。/*设置滚动条的宽度*/::-webkit-scrollbar{width:10px;}/*将滚动条轨道更改为蓝色并添加圆形边框
大家好呀，我是CUGGZ。今天，公众号两周年啦！感谢三万多股东们两年来的支持，未来大家继续一起努力，快速晋升、大幅涨薪！今天来分享一个超级强大的日历工具库：lunar，它支持阳历、阴历、佛历和道历等，基本满足大多数日历需求！概述lunar是一个支持阳历、阴历、佛历和道历的日历工具库，其不依赖第三方，支持阳历、阴历、佛历、道历、儒略日的相互转换，还支持星座、干支、生肖、节气、节日、彭祖百忌、每日宜忌、吉神宜趋、凶煞宜忌、吉神方位、冲煞、纳音、星宿、八字、五行、十神、建除十二值星、青龙名堂等十二神、黄道日及吉凶等。lunar提供了多种开发语言的版本，包括JavaScript、TypeScript、
说明一下：本人原本使用的是docker安装nginx通过挂载实现部署，但是出现了很多bug（例如部署安全证书后还是无法访问），所以困扰了很久，最后改为本地安装nginx，最终在不懈的努力下终于按照好了，特此记录一下。 一：整个流程： 1.将前端项目打包，会生成dist文件（同时不要忘了修改调用后台的ip） 2.安装nginx（本地安装，非docker），然后将dist下的文件放入nginx的html目录下 3.配置nginx的配置文件 4.安装证书（ssl）
测试号申请（开发的时候需要使用微信测试号进行开发）微信测试号申请地址进入网页之后选择微信登陆，直接用微信扫码登录，微信测试号就申请成功了测试号配置申请成功之后会有一个测试号管理界面1、会自动生成appID、appsecret(需要记录一下，后面会用到)。2、接口配置信息不用管3、配置JS接口安全域名名（也就是页面的域名）注意不要加上http或后缀，测试用的是本地地址127.0.0.14.下拉配置网页账号：页面访问地址，同样注意不要加上http或后缀测试开发工具（微信开发者工具）放入项目测试地址