three vue js
vue3中的自定义指令
1.适用到自定义指令的场景 防抖、图片懒加载、一键 Copy的功能、拖拽、页面水印、权限校验、输入框自动聚焦、相对时间转换、下拉菜单 2.个人需求：在后台系统中，有很多表单提交组件，其中很多限制数字且限制条件不同。最初使用 oninput="value=value.replace(/[^\d]/g, ......
vue3 高德地图弹窗选址功能
import { defineComponent, h } from 'vue'; import AMapLoader from '@amap/amap-jsapi-loader'; import { Input, AutoComplete, Modal, message } from 'ant-d ......
vscode保存时自动ESLint格式化(vue)
一、安装eslint 二、vscode全局配置 2.1 打开设置 2.2 打开 settings.json 2.3 在settings.json中添加eslint配置 { "code-runner.runInTerminal": true, "eslint.format.enable": true, ......
ChatGPT垂直行业私有数据知识库功能-咨询接口采用流式响应输出-JS和Golang实现流式响应
近期开发私有数据知识库功能，想要实现和ChatGPT聊天效果类似的逐字流式输出展示效果。 GPT3.5本身就有流式聊天补全接口，后端Golang对接后，也需要能流式输出。下面就介绍下前端JS后端Golang来实现这种输出效果 大部分介绍是使用EventStream来实现，我现在不使用EventStr ......
JS怎么实现web端上传超大文件
前言 文件上传是一个老生常谈的话题了，在文件相对比较小的情况下，可以直接把文件转化为字节流上传到服务器，但在文件比较大的情况下，用普通的方式进行上传，这可不是一个好的办法，毕竟很少有人会忍受，当文件上传到一半中断后，继续上传却只能重头开始上传，这种让人不爽的体验。那有没有比较好的上传体验呢，答案 ......
vue 阻止向上和向下冒泡
1、阻止向下冒泡<div @click.self="cancelFunc"></div> 2、阻止向上冒泡<div @click.stop="cancelFunc"></div> ......
全网最详细中英文ChatGPT-GPT-4示例文档-人工智能助手从0到1快速入门——官网推荐的48种最佳应用场景（附python/node.js/curl命令源代码，小白也能学）
作为一个智能语言模型，ChatGPT可以扮演各种角色，与人类进行自然语言交互。它能够很好地理解人类语言，并根据对话场景生成相应的回复，同时ChatGPT还可以模仿人类的语言风格，以便更好地与人类进行交流。ChatGPT这一强大的功能和智能化程度，将为各行各业带来更高效、更智能化的智能AI助手解决方案... ......
VUE怎么实现web端上传超大文件
IE的自带下载功能中没有断点续传功能，要实现断点续传功能，需要用到HTTP协议中鲜为人知的几个响应头和请求头。 一. 两个必要响应头Accept-Ranges、ETag 客户端每次提交下载请求时，服务端都要添加这两个响应头，以保证客户端和服务端将此下载识别为可以断点续传的下载： Accept-R ......
JS上传文件重命文件名
// 选择图片后的处理 handleSelect(file, fileList) { let image = new Image() image.src = file.url image.onload = () => { if (image.width > 900) { compressImage( ......
全网最详细中英文ChatGPT-GPT-4示例文档-食谱智能生成从0到1快速入门——官网推荐的48种最佳应用场景（附python/node.js/curl命令源代码，小白也能学）
ChatGPT的训练数据涵盖了大量的食材和食谱，可以通过结合大量的料理方法，快速地为用户生成符合自己口味的食谱。所以在和美食相关的行业，ChatGPT可以根据用户的各种美食需求，为其提供美味又有营养的餐食搭配，帮助用户更轻松地制作美食，享受美味。 ......
实现态展示数字（从0动态涨到指定数字）vue2与vue3
vue2 1 安装插件npm install vue-animate-number 2 在MAIN.JS中引入import Vue from 'vue'import VueAnimateNumber from 'vue-animate-number'Vue.use(VueAnimateNumber) ......
Vue router 跳转
useRouter（跳转）, useRoute（获取路由参数） // login.vue // 路由跳转-引入-01 import { useRouter } from "vue-router"; // 路由跳转-实例化后-02 // useRouter 使用push方法进行跳转 const rou ......
全网最详细中英文ChatGPT-GPT-4示例文档-文章大纲智能生成器从0到1快速入门——官网推荐的48种最佳应用场景（附python/node.js/curl命令源代码，小白也能学）
ChatGPT提供了快速智能生成文章大纲的功能，旨在帮助作者更高效地实现创作目标。ChatGPT还可以根据作者的需求，生成不同类型的文章大纲，例如新闻稿、小说、科技文章等等。同时经过大量训练，生成的文章大纲具有很高的准确性和可靠性，这将帮助作者更快地实现写作目标，提高文章的质量和效率。 ......
vue 加减乘除精度问题处理
安装 bignumber.js yarn add bignumber.js 新建bignumber.js文件 import { BigNumber } from 'bignumber.js' 加 export const plus = (a, b) => { const newPlus = new ......
Three.js 进阶之旅：全景漫游-高阶版在线看房 🏡
本文使用Three.js实现一个可以应用到实际项目中的3D在线看房案例。通过阅读本文和实践案例，你将学到的知识包括：使用 Three.js 实现多个场景的加载和场景间的丝滑过渡切换、随着空间一直和角度实时变化的房源小地图、在全景场景中添加如地面指引、空间物体展示、房间标注等多种类型的交互热点等。 ......
vue的几个记录
1.父组件传递子组卷数组参数 props: { boxData: { type: Array, default: () => [], //重点 }, 2.要实现父组件传递子组卷的参数动态更新 （父-》子-》子，也只需要在最后一个子组件监听即可。） 需要用到监听器 watch:{ //监听父组件传递的 ......
Bot in Discord with discord.js(16)
Chapter 19 - 本地化回复 本文撰写时，项目已升级至 discord.js@v14.9.0。 本地化（Localization）是什么 本地化是指将软件或产品适应不同的语言、文化和地区的过程。 本地化可以帮助你的程序在全球范围内更好地接受和使用，从而提高用户体验和满意度。 本地化可以帮助你 ......
Vue登录页
1. 创建login.vue文件 // @/pages/login.vue <el-form ref="formRef" :rules="rules" :model="form"> <el-form-item prop="username"> <el-input v-model="form.user ......
Vue2异步更新及nextTick原理
vue2.7 源码中，nextTick并没有直接使用某个 API ，而是采用了优雅降级的方案去实现异步更新。我们额外维护了一个 callbacks，用于存储 nextTick 回调 ......
国家医保服务平台js逆向（SM4+SM2）
网站： aHR0cHM6Ly9mdXd1Lm5oc2EuZ292LmNuL25hdGlvbmFsSGFsbFN0LyMvc2VhcmNoL21lZGljYWwtc2VydmljZT9jb2RlPTkwMDAwJmZsYWc9ZmFsc2UmZ2JGbGFnPXRydWU= 接口分析 通过接口分析可以 ......
vue-day2
绑定class样式 :class="" (v-bind的缩写) 修改vue维护的数据，而非直接操作dom 绑定style，内联样式，交给vue管理（要对象，或者数组） font-size -> fontSize 换位驼峰 ⭐⭐⭐vue条件渲染 v-show 底层 -> 调整style行内样式， di ......
百度高德地图JS-API学习手记:地图基本设置与省市区数据加载
无论是百度还是高德地图开发，还是高德地图开发。官方的给的案例启示很多，copy再修改下，就完成了 https://lbs.amap.com/api/javascript-api/summary http://lbsyun.baidu.com/index.php?title=jspopular3.0 ......
使用Eclipse开发Vue——CodeMix够智能
使用Eclipse开发Vue——CodeMix够智能 Eclipse的CodeMix插件允许您访问 VS Code和Code OSS扩展社区，以及 Webclipse 1.x 功能。 Vue.js是构建用户界面的渐进式框架。核心 Vue 库只关注视图层，但很容易将其与其他库或现有项目集成。如果您想在 ......
vue-router
################### npm install vue-router Vue.use()方法的源代码如下： function install(Vue) { // 避免重复安装插件 if (install.installed && _Vue Vue) return install.in ......
第136篇:Three.js基础入门动画API:setInterval 与 requestAnimationFrame的区别
好家伙,书接上文 function animate() { //请求-动画-框架 requestAnimationFrame( animate ); //改变正方体在场景中的位置,让正方体动起来 cube.rotation.x += 0.01; cube.rotation.y += 0.01; re ......
js开发规范
####################### 1.缩进 [强制] 使用 4 个空格做为一个缩进层级，不允许使用 2 个空格 或 tab 字符。 [强制] switch中缩进2个空格 [强制] 要求分号前面不可以有空格，后面可以有空格 [强制] 要求语句块之前保留一个空格 [强制] 关键字和类似关键 ......
JS引擎(2)：Java平台上JavaScript引擎—Rhino/Nashorn概述
Rhino 是一种动态类型的、基于对象的脚本语言，它可以简单地访问各种 Java 类库。Nashorn是一种单层的纯编译型JavaScript实现。所有JavaScript代码在首次实际执行前都会被编译为Java字节码交由JVM执行。 ......
JS引擎(1):JS引擎擂台赛，JavaScript引擎的特征比较及术语科普
V8的性能远高于当时所有其它JavaScript引擎,各大JavaScript引擎的实现者都坐不住了，像打了鸡血似的使劲优化优化再优化。当代JavaScript引擎之间有许多共通的实现技巧。多数优化会对JavaScript程序的行为做一定猜测（speculate） ......
JS引擎(0):JavaScript引擎群雄演义—起底JavaScript引擎
其实早期的两个主要的JavaScript引擎实现，一直在用mark-and-sweep GC。Java写的Rhino一度能比用C写的SpiderMonkey跑得还快，因为Rhino得益于JVM里优秀的JIT编译器和GC，而SpiderMonkey还在用简易的解释器和GC。 ......