three vue js
使用鼠标在图片上拖拽矩形框vue
<template> <div> <img class="no-drag" src="https://dashanbook.oss-cn-shenzhen.aliyuncs.com/11.png" @mousedown="startSelection" @mousemove="updateSelec ......
通过鼠标拖拉获取图片原像素的两个点坐标vue
<template> <div> <img class="no-drag" ref="image" src="https://dashanbook.oss-cn-shenzhen.aliyuncs.com/11.png" @mousedown="startSelection" @mousemove= ......
js 二位数组改成一维数组
function get1DArray(arr1:any){ var arr2 = arr1.reduce(function (a:any, b:any) { return a.concat(b) }); return arr2; } get1DArray(dataForm.peiyangminmi ......
js把数组处理成几个一组的数据
function changeArrNum(arr:any,num:number){ let newCardList:any = []; for (var i = 0; i < arr.length; i += num) { newCardList.push(arr.slice(i, i + num ......
nest.js学习笔记(七) --知识点拾遗
1、nestjs中引用esm插件 nestjs是使用commonjs规范进行开发，但是目前市场上很多插件是使用module的形式进行开发，所以遇到引用问题时，建议开发都绕过去，使用功能差不多的插件，但是如果遇到绕不过去的情况，那可以使用以下的方法进行引用 import { ConfigService ......
记录--我在前端干工地(three.js)
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前段时间接触了Three.js后，试着用他加载了一些模型three.js初体验简陋的了解了一下three.js的相关使用，并且写下了第一篇文章。但是过后还是对很多一知半解，作为不会建模且目前没有接触到相关业务需求的开发，难道没有模型就什么 ......
vue-devtools的安装与使用
vue-devtools的安装与使用 https://blog.csdn.net/weixin_43843572/article/details/124980771 ......
Vue : html table固定表头、表格内容无缝滚动的一种匪夷所思的解决方案
背景 需求是一个能适配主流分辨率的表格，表头固定，表格内容上下滚动 首先尝试的这个原生的标签，但是有个问题啊，就是在循环滚动中，每次滚动之间会出现大片空白。 大概是这样：第一行--滚动--最后一行--滚动--大片空白--滚动--第一行 所以放弃了marquee标签，选择使用js和原生的html ta ......
clipboard.js多次执行
<a href="javascript:void(0)" onclick="cloneCode('codeBtn');" data-clipboard-text="aaaa" id="codeBtn">复制券码</a> var clipboard;//这里定义全局变量 function cloneC ......
Node.js安装与配置（详细步骤）
前言 本篇博文记录了Node.js安装与环境变量配置的详细步骤，旨在为将来再次配置Node.js时提供指导方法。 另外：Node.js版本请根据自身系统选择，安装位置、全局模块存放位置和环境变量应根据自身实际情况进行更改。Node.js安装与配置一、安装Node.js1.下载2.安装3.添加环境变量 ......
运行vs开发的vue.js项目
开发好的vue.js项目，如何运行？参考如下步骤： #1 npm install -g 项目缺失的组件包全部补全。 #2 npm run serve vuejs-app1@0.1.0 serve SET NODE_OPTIONS openssl-legacy-provider && vue-cli- ......
全网最详细中英文ChatGPT-GPT-4示例文档-官网推荐的48种最佳应用场景——从0到1快速入门语言翻译应用场景（附python/node.js/curl命令源代码，小白也能学）
与其他翻译工具不同，使用ChatGPT可以考虑文本的上下文和目标语言的习惯和礼貌用语，生成更自然和恰当的翻译。使用ChatGPT进行风格转换。您可以指定您想要的翻译风格，例如正式、幽默、简洁等，让ChatGPT根据您的要求调整翻译的语气和表达。 ......
全网最详细中英文ChatGPT-GPT-4示例文档-官网推荐的48种最佳应用场景——从0到1快速入门自然语言指令创建支付API代码（附python/node.js/curl命令源代码，小白也能学）
用户可以通过ChatGPT，使用自然语言指令来创建和控制自己想调用Stripe API的代码，无需关心技术细节和实现过程。用户还可以根据自己的喜好和需求，选择不同的语言和模型来生成相应的接口，更快速地生成调用OpenAI的各种模型和服务的代码。 ......
全网最详细中英文ChatGPT-GPT-4示例文档-官网推荐的48种最佳应用场景——从0到1快速入门自然语言转换SQL查询语句应用（附python/node.js/curl命令源代码，小白也能学）
使用ChatGPT可以帮助开发人员快速构建复杂的SQL查询，而无需手动编写SQL代码。ChatGPT可以将自然语言转换为SQL查询语句，并且可以根据用户的要求进行定制化。ChatGPT可以帮助开发人员更快地完成SQL查询，减少了编写SQL代码的时间，提高了工作效率。 ......
全网最详细中英文ChatGPT-GPT-4示例文档-官网推荐的48种最佳应用场景——从0到1快速入门语法纠正应用场景（附python/node.js/curl命令源代码，小白也能学）
ChatGPT的发展，使得语法纠正成为现实。无论是写作、阅读、翻译，还是其他领域，用户都可以通过ChatGPT来提高自己的语言水平和表达能力。ChatGPT不仅可以纠正语法，还可以提供语言学习和练习的功能。它可以根据用户的输入提供反馈、评分和解析，从而帮助用户掌握更多的词汇和语法规则。使用ChatG... ......
全网最详细中英文ChatGPT-GPT-4示例文档-官网推荐的48种最佳应用场景——从0到1快速入门文本转命令应用场景（附python/node.js/curl命令源代码，小白也能学）
ChatGPT的发展，使得智能命令成为现实。无论是编程、数据分析、文档编辑，还是其他领域，用户都可以通过ChatGPT来简化和优化自己的工作流程。ChatGPT不仅可以转换命令，还可以与用户进行交互和对话。它可以根据用户的输入提供反馈、建议和帮助，从而提高用户的满意度和信任度。 ......
全网最详细中英文ChatGPT-GPT-4示例文档-官网推荐的48种最佳应用场景——从0到1快速入门复杂文本总结应用场景（附python/node.js/curl命令源代码，小白也能学）
如果你经常需要阅读大量的文本，比如论文、报告、新闻等，你可能会觉得很费时费力。有没有一种方法可以快速地提取出文本的主要信息，而不用阅读整篇文章呢？答案是有的。通过阅读这篇文章，你将能够从0到1快速入门复杂文本总结应用场景，并掌握如何使用ChatGPT生成简洁、准确、流畅的摘要。不管你是学生、老师、编... ......
全网最详细中英文ChatGPT-GPT-4示例文档-官网推荐的48种最佳应用场景——从0到1快速入门自然语言指令创建调用OpenAI（附python/node.js/curl命令源代码，小白也能学）
用户可以通过ChatGPT，使用自然语言指令来创建和控制自己想调用OpenAI API的代码，无需关心技术细节和实现过程。用户还可以根据自己的喜好和需求，选择不同的语言和模型来生成相应的接口，更快速地生成调用OpenAI的各种模型和服务的代码。 ......
uniapp vue 多个picker 用同一个数组和@change事件的bindPickerChange方法，设置不同值和获取不同值的实现方法
uni-app picker通用方法、uniapp vue 多个picker 用同一个数组和@change事件的bindPickerChange方法，设置不同值和获取不同值的实现方法 页面： <view class="demo-uni-col light" v-for="cardIndex in u ......
uni-app+js uni-datetime-picker扩展组件，禁用某个日期不可选择
参考链接： https://blog.csdn.net/qq_40881695/article/details/124894009 1、 props: { // 禁用日期 disabledDate:{ type: Function }, } 2、 props: { // 禁用日期 disabledD ......
vue3+ts ckplayer播放监控视频
1、第一步下载ckplayer，然后把ckplayer复制到项目中public文件夹下 2、index.html引用ckplayer.js <script type="text/javascript" src="/ckplayer/ckplayer.min.js" charset="UTF-8" d ......
Vue3学习笔记 —— 状态管理、Vuex、Pinia （未完结）
优秀文章分享：vue中使用vuex(超详细) - 掘金 (juejin.cn) 一、状态管理 1.1、什么是状态管理？ 理论上来说，每一个 Vue 组件实例都已经在“管理”它自己的响应式状态了。我们以一个简单的计数器组件为例： <!-- 视图 --> <template>{{ count }}</t ......
js笔记
forEach map 对原函数的影响 arr1 = [{a:1},{a:2},{a:3},{a:4}]; arr2 = [1,2,3,4]; // forEach没有返回值 arr1.forEach(i=>{ // 引用类型 整个赋值不变 i=i.a // [ { a: 1 }, { a: 2 } ......
可视化组件plotly.js之方法、事件、config、layout
方法： <script src="../plugins/d3.3.5.17.min.js"></script> <script src="../plugins/plotly.min.js"></script> <script src="../plugins/jquery/jquery-1.9.1.j ......
可视化组件plotly.js之spc、hoverTemplate、shapes示例
spc <div id="myDiv" style="width: 600px"></div> <script src="../plugins/d3.3.5.17.min.js"></script> <script src="../plugins/plotly.min.js"></script> < ......
可视化组件plotly.js绘制简单图表示例之直方图、饼图、箱型图
直方图 <div id="myDiv" style="width: 600px"></div> <div id="myDiv1" style="width: 600px"></div> <div id="myDiv2" style="width: 600px"></div> <div id="myD ......
可视化组件plotly.js绘制简单图表示例之散点图、折线图、柱形图和气泡图
scatter散点图 折线图 <div id="myDiv" style="width: 600px"></div> <div id="myDiv1" style="width: 600px"></div> <div id="myDiv2" style="width: 600px"></div> < ......
解决for in 遍历js对象，得到的顺序不正确问题
最近在项目中需要遍历一个对象，按照顺利来渲染 用for in之后发现每次得到的对象属性的顺序都不是按照后端数据源来排序的。 因为对象中没有顺序，他不是数组，所以想要得到一个顺序就首先要只给对象指定规则，这里是通过对象的value的字母来指定的规则。 objectOrder(obj) {//排序的函数 ......
Vue中div和template的区别
template是作为占位符模板，用于包裹元素，自身并没有被渲染出来。 相较于使用div 会节省一个没必要的div标签的空间。 我们都知道 v-show隐藏元素的原理是 控制其元素的display:none； template并没有被作为 dom元素被渲染出来， 所有无法控制其 display：no ......