页面driver js
vue3微信公众号商城项目实战系列（10）生成订单页面
本篇实现订单确认页面的功能，订单及订单明细表结构如下： 表名 字段 功能 order order_id (int) 订单编号 user_id (int) 用户编号 nickname (varchar) 昵称 mobile (varchar) 联系电话 address (varchar) 收货地址 t ......
Puppeteer+RabbitMQ：Node.js 批量加工pdf服务架构设计与落地
全文约8500字，阅读时长约10分钟。 智慧作业最近上线「个性化手册」（简称个册）功能，一份完整的个性化手册分为三部分： •学情分析：根据学生阶段性的学习和考试情况进行学情分析、归纳、总结，汇总学情数据；•精准推荐：推荐算法基于学情数据结合知识图谱进行精准练习题推荐；•错题回顾：错题的阶段性回顾复习 ......
vue3微信公众号商城项目实战系列（9）购物车页面
本篇显示购物车中的商品，购物车表结构如下，我们通过接口服务抓取登录用户的购物车信息。 表名 字段 功能 shoppingcart cart_id (int) 购物车编号 user_id (int) 用户编号 goods_id (int) 商品编号 goods_name (varchar) 商品名称 ......
Three.js#03#Three.js Fundamentals starting lesson（笔记）
Three.js Fundamentals starting lesson 基础 注意，在图中，相机一半在镜头外，一半在镜头内。这是为了表示，在three.js中，与其他对象不同，相机不必在场景中发挥作用。就像其他对象一样，Camera作为其他对象的子对象，将相对于其父对象移动和定向。在关于场景的文 ......
Dapp 连接TrustWallet钱包签名返回error:call backid 页面刷新
由于一开始钱包的连接使用的是ethers库，它兼容一般的钱包连接MetaMask bitkeep 等。后来没有单独使用其他的连接方式，使用了metaMask原有的方式连接trustWallet钱包。惊奇的发现能连接上，以为能使用原有的方法，但是在手机端的Dapp上连接签名是正常的，签名的时候也能吊起 ......
Three.js#02#Next Steps
以下内容由GPT辅助生成。 Disposing resources 这段内容主要讲解了在Three.js中如何释放不再使用的对象，以提高性能并避免内存泄漏。 重要的是要注意，Three.js无法自动释放一些与WebGL相关的资源，如缓冲区、着色器程序等。你需要通过特定的API来释放这些资源。 几何体 ......
使用Vue.js实现文字跑马灯效果
实现文字跑马灯效果，首先用到 substring()截取 和 setInterval计时器 clearInterval()清除计时器 效果如下： 实现代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta ......
直播系统代码，小程序全局分享和页面分享
直播系统代码，小程序全局分享和页面分享 全局分享 App({ onShareAppMessage() { wx.onAppRoute(() => { console.log('当前页面路由发生变化 触发该事件onShareAppMessage') const pages = getCurrentPa ......
vue3微信公众号商城项目实战系列（8）商品展示页面
本篇实现在首页展示商品功能，表结构如下： 表名 字段 功能 goods goods_id (int) 商品编号 goods_name (varchar) 商品名称 photo (varchar) 商品图片 price (decimal) 价格 商品表 页面呈现效果如下： 第1步：在 api.js 中 ......
pycharm中运行js文件出现UnicodeDecodeError: 'gbk' codec can't decode byte 0xaf in position 205: illegal multibyte sequence报错？
在做有道翻译时发现python文件中调用js文件并读取，出现了UnicodeDecodeError: 'gbk' codec can't decode byte 0xaf in position 205: illegal multibyte sequence报错。其实修改很简单，我们只需要将subp ......
Three.js教程：材质效果
推荐：将NSDT场景编辑器加入你3D工具链 其他工具系列：NSDT简石数字孪生 材质效果 前面案例中几何体对应网格模型材质只是设置了一个颜色，实际渲染的时候往往会设置其他的参数，比如实现玻璃效果要设置材质透明度，一些光亮的表面要添加高光效果。 半透明效果 更改场景中的球体材质对象构造函数THREE. ......
vue2之跨页面调用和传参
A页面调用B页面的方法 不涉及父子组件时，调用的方式，使用this.$root.$emit()发送消息，进行调用， /** * 打开在全局组件中的弹框 */ handleOpenModal(){ this.$root.$emit('toolbar', { type: 'modal', fun: th ......
JS中的for in和for of
在JavaScript中， for...in 和 for...of 都是用于迭代循环的结构： 1. for...in 循环： for...in 循环主要用于遍历对象的可枚举属性。这种循环不仅遍历对象自身的属性，还会遍历原型链上的可枚举属性。它的语法如下： for (variable in objec ......
好用的字符串搜索库 - Fuse.js
https://github.com/krisk/Fuse Options Follow #Basic Options #isCaseSensitive Type: boolean Default: false Indicates whether comparisons should be case ......
uniapp系列-超详细教你在uni-app+vue3里通过web-view组件传递信息打开H5页面写入localstorage并解决兼容性
web-view是什么 web-view 是一个 web 浏览器组件，可以用来承载网页的容器，会自动铺满整个页面（nvue 使用需要手动指定宽高）。 点击这里直达官网文档 点击这里下载我的代码demo 本文最下面还有一些==常见或者奇怪问题解决方案==哦~ 为什么使用这种方式搞页面？有什么好处呢？ ......
在线客服系统访客发送录音功能，在elementui中使用js-audio-recorder实现录音功能，然后上传文件发送出去
访客在聊天界面中可以发送语音，其实就是录音以后，调用上传接口，把录音文件发送给客服。 点击麦克图标以后，展示出一个elementui的dialog弹窗，里面展示四个功能按钮。 分别是，开始录音，结束录音，取消录音，发送录音。基本流程就是点开始，然后点结束，再点发送。 下面是聊天界面中的dialog弹 ......
Three.js#01#入门
环境搭建 根据官方教程搭建开发环境。 项目根目录有index.html、main.js、public/三个文件（夹） 然后把nodejs16x卸载了，因为官方貌似今年底即将停止维护，换成了nodejs18x并且设置镜像： npm install -g cnpm --registry=https:// ......
js-深拷贝和浅拷贝
浅拷贝：有两种方式，一种是把一个对象里面的所有的属性值和方法都复制给另一个对象，另一种是直接把一个对象赋给另一个对象，使得两个都指向同一个对象。 深拷贝：把一个对象的属性和方法一个个找出来，在另一个对象中开辟对应的空间，一个个存储到另一个对象中。 两者就在于，浅拷贝只是简单的复制，对对象里面的对象属 ......
Node.js入门学习笔记
NodeJs是js的运行时，意味着可以在浏览器外运行js。可以使用nodejs来构建服务器端应用、CLI应用、Web API，甚至用electron构建桌面端应用。 使用nvm来管理node版本。 在终端输入node 进入REPL环境，可以测试和执行代码，mac系统使用control+d退出REPL ......
js知识点
js知识点 js js的核心 1 文档对象模型(DOM) 2 浏览器对象模型(BOM) js优点 JavaScript 是脚本语言 JavaScript 是一种轻量级的编程语言。 JavaScript 是可插入 HTML 页面的编程代码。 JavaScript 插入 HTML 页面后，可由所有的现代 ......
JS树形多级数据过滤，根据指定对象保存并保留数据格式
function filterTreeData(data, value) { return data.filter(item = >{ if (item.value value) { return true; } if (item.children) { item.children = filter ......
影响页面首屏加载时间的因素
项目增加后，首屏加载就会出现白屏的问题，一般首屏加载时间最好在2秒以内，才能不影响使用体验 下面介绍下主要影响因素和解决办法： 一、网络问题： 1）可能是由于网络厂商和服务器性能决定 2）请求太多，由于浏览器并行请求在8个以下，超出的只能排队等待，所以如果请求太多，不仅增加了网络TCP连接时间还增加 ......
chatgpt写一个js示例
用js写一个还有三天十分十秒的倒计时.每秒都在计算,放在页面上 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>倒计时</title> </head> <body> <div id="countdown"></div> <scr ......
基于js 实现 小球来回滚动动画
如图 所示: 我们依靠js能否实现小球左右来回摆动的动画，实际是可以的 现在我们来分析一下，需要怎么实现，众所知周，这是一个物理问题，我们应该从物理的角度出发去解决这个问题，我们知道圆周运动 肯定涉及到牛顿运动定律，那么以下公式成立 ................................. ......
在线客服系统，JS定时器实现访客长时间无回话，自动断开websocket链接
客服系统的聊天界面，当访客进入后，会自动连接后端websocket服务。该服务有断线重连机制，因此如果前端不主动关闭连接，并且不进行重连操作，那么websocket连接会一直保持。 这样会占用不少的资源，并且会误导客服人员。因此，需要使用JS定时查看访客回复的时间，如果超过一段时间了，就主动关闭we ......
js高级知识
js数据类型： 1、基本(值)类型： String：任意字符串 Number：任意数值 boolean： True False undefined: undefined null: null 2、 对象(引用)类型 ： Object: 任意对象 Function: 一种特殊对象（可以执行） Arra ......
vue不同页面方法调用|跨页面传参|事件总线
事件总线 需要在不同页面间传递参数或者进行方法调用，可以使用事件总线 1.引入中间js 在src下的Utils文件夹下创建一个Bus.js其内容如下 import Vue from 'vue' export default new Vue() 2.A页面（发起请求） import Event fro ......
为什么html页面不能显示标签el-checkbox的多选框，只有名称值
问题描述 我引入了el-checkbox之后，发现浏览器页面只是显示里面的文字，并没有显示出来我想要看到的相应样式 问题解决 经过一定的百度查证可知，使用Element-UI组件时，我们需要用div标签将其包裹起来； 然后使用script标签定义一下div里面的id属性，然后才能够引用到这个el-标 ......