three vue js
vue或者react中的hooks的理解
我们听过react 里面有hooks的概念，那么怎么理解hooks呢？ 其实vue2中，我们没有hooks的概念，vue3中我们引入了组合式函数（也就是用组合式api写的），它其实就是vue的hooks。 总结下来，hooks有以下特点： 1、hooks其实就是个函数，只是实现它的方法比较特殊，利用 ......
Vue整合EsMap
一、EsMap地图 1.1. 生成EsMap本地文件 1.1.1. 进入EsMap数字孪生三维可视化云平台 打开链接https://www.esmap.cn/esmapv/content/cn/member/index.html 1.1.1. 新建三维场景 点击新增三维场景，输入信息，点击下一步即可 ......
Vue2电商实战项目
单页面应用 分为3层 结构层(template) 样式层(style) 行为层(script) 入口文件main.js:程序最开始执行的文件 babel:就是翻译官,比如ES6语法转换成ES5语法 脚手架使用 - 命令行创建项目: vue create 项目名称 - node_modules:放置项 ......
three.js 使用 getWorldPosition 获取世界坐标
记录一下项目中的需求，组合后旋转，解组后需要模型位置为旋转后位置 disCombinationModel (ModelArry, type) { // 判断是否有选中 if (ModelArry.length 1) { const ob = ModelArry[0] // 判断是否是组合 if (o ......
js 实现 类继承 通过super 给父级传参的效果
通过es5 实现 类继承 通过super 给父级传参的效果 先看看 原型继承 function es5parent(name, age) { this.name = name; this.age = age; } es5parent.prototype.say = function() { cons ......
js sdk介绍和使用
##sdk是什么 sdk一般是指提供给第三方人员使用的一段js，通过这个js实现一些平台化产品提供的服务，比如微博人jssdk，整个jssdk的设计和一些核心问题： 代码如何使用页面接入 如何实现跨域通信 如何实现优雅api的设计 公共资源的使用 代码组件化 ###代码如何被使用页面接入 这个问题涉 ......
全网最详细中英文ChatGPT-GPT-4示例文档-类比语句智能生成从0到1快速入门——官网推荐的48种最佳应用场景（附python/node.js/curl命令源代码，小白也能学）
我们在写文章时，为了生动化一些事物，会经常使用类比的方法，将一类事物比喻成其它更加形象的事物，从而加强事物给到我们的感受。ChatGPT可以帮助我们快速准确地生成多种类比语句，有助于我们增强创作效率，并产生更多高质量的、极富创造力的想法。 ......
全网最详细中英文ChatGPT-GPT-4示例文档-自然语言智能获取颜色从0到1快速入门——官网推荐的48种最佳应用场景（附python/node.js/curl命令源代码，小白也能学）
ChatGPT可以让用户快速和准确地将所需要的颜色描述转化为相应的颜色代码，使用户能够节省大量时间并准确地获取到所需要的颜色代码。 ......
全网最详细中英文ChatGPT-GPT-4示例文档-智能编写Python注释文档字符串从0到1快速入门——官网推荐的48种最佳应用场景（附python/node.js/curl命令源代码，小白也能学）
如果要给一个python函数写高质量的文档字符串，程序员不仅要需要在文档字符串中描述函数的参数和返回值，并使用相应的标签（例如Args，Returns，Raises）来提升可读性，还需要注意相关的语法规则和格式。而ChatGPT的智能注释文档生成功能，能帮助程序员智能创建注释文档字符串，极大地提高了... ......
VUE中 video标签进入页面自动带声音播放
正常来说自动播放 是需要静音的 前几天看到个网页可以不静音播放 搜了下 Vue中使用也是基于静音 html 部分和平常一样 muted 在mounted 函数中重新附参数 ※ 这种方法必须有一个页面跳转的过程 即 A -> B B页面中视频自动播放 直接跳转B是不能自动播放的※ ......
vue2 原理之 如何做到数据可以被监听？
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi ......
创建VUE项目，并使用VSCode进行代码
VUE项目的创建（VSC） 必要的下载 首先在官网中下载node.js，官网地址：https://nodejs.cn/ 在cmd中用命令行查看安装是否成功（以下两个命令行都要执行） node -v:显示版本号表示成功 npm -v:显示版本号表示成功 由于需要使用npm下载，配置npm的镜像为国内镜 ......
Mac 12.5.1 系统安装 nrm cli.js第9行报错 open require错误
可能是这个open包有问题了，注释掉就行了，问题不大 打开npm全局安装路径 nrm 包位置： cd /usr/local/lib/node_modules 打开 cli.js 文件 注释掉 下面两行就行，需要 const open = require('open'); open.apply(nul ......
第二十篇 vue - 深入组件 - 插槽 - Slots
插槽内容与出口 我们已经了解到组件能够接收任意类型的 JavaScript 值作为 props，但组件要如何接收模板内容呢？ 在某些场景中，我们可能想要为子组件传递一些模板片段，让子组件在它们的组件中渲染这些片段 可以像这样使用 <FancyButton> Click me! <!-- 插槽内容 - ......
vue elementui中使表的滚动条 滚到顶部或底部
1.设置table的ref为tableList 2.设置滚动至顶部 this.$refs.tableList.bodyWrapper.scrollTop =0; 3.设置滚动至底部 this.$refs.tableList.bodyWrapper.scrollTop =this.$refs.tabl ......
第十九篇 vue - 深入组件 - 透传 Attributes - $attrs
Attributes 继承 “透传 attribute” 指的是传递给一个组件，却没有被该组件声明为 props 或 emits 的 attribute 或者 v-on 事件监听器。最常见的例子就是 class、style 和 id 当一个组件以单个元素为根作渲染时，透传的 attribute 会自 ......
vue3+vite+ts 配置@时vscode报找不到__dirname的问题
vue3+vite+ts 配置@时vscode报找不到__dirname的问题-CSDN博客 原因：path 模块是 node.js 的内置模块，而 node.js 默认不支持 ts 文件的 解决：安装 @type/node 依赖包 npm install @types/node --save-de ......
vue动态添加input框
效果 代码 点击查看代码 </details> <el-dialog title="添加" :visible.sync="dynamicFormVisible" width="920px"> <el-form :model="dynamicForm"> <div> <el-form-item sty ......
【命令设计模式详解】C/Java/JS/Go/Python/TS不同语言实现
简介 命令模式（Command Pattern）是一种数据驱动的设计模式，也是一种行为型设计模式。这种模式的请求以命令的形式包裹在对象中，并传给调用对象。调用对象再寻找合适的对象，并把该命令传给相应的处理者。即把请求或操作封装成单个对象，并使其可以被参数化和延迟执行，这种方式将命令和执行者进行了有效 ......
认识 HTML、CSS、JS
这篇文章介绍HTML、CSS、JS，以及他们之间的关联 总的来讲： HTML标签：是页面的核心内容，定义了页面有什么内容。 CSS：控制HTML元素的排版布局和展示方式，是美化页面文档的。 JavaScript：让用户与页面进行交互，或在网页背后默默操控网页，以便让显示的内容与效果有所改变。对网页来 ......
js实例之01支付后的10秒倒计时
这是一个通过js实现的支付后的页面，点击支付会跳出一个弹窗，提示你是否要确定支付，确定后进入付后界面，该页面有着10秒倒计时，计时结束后便会返回原界面。也可以选择立刻返回，来返回主页面第一个zhifu.html页面<!DOCTYPE html> <html lang="en"> <head> <me ......
Vue——$mount【十二】
前言 前面我们简单的了解了 vue 初始化时的一些大概的流程，这里我们详细的了解下具体的内容; 内容 这一块主要围绕init.ts中的vm.$mount进行剖析。 vm.$mount vm.$mount是全局的公共方法方法，但是这是我们要找的话就要向上查找了，代码位于scr/platforms/we ......
vue模板语法中能否用??的三目运算简写的问题
使用双问号（??）的三目运算可以在 JavaScript 中使用，但在 Vue 模板语法中不支持。Vue 模板语法中的三目运算仍然使用单个问号（?）和冒号（:）的标准形式。例如： {{ condition ? true_value : false_value }} 如果你想在 Vue 模板中使用类似 ......
js中使用linq，为什么在groupBy之后看不到具体数据
1、js 中 let a = linq.from(Datas).groupBy(({ DeclineType }) => DeclineType) groupby分组之后是什么数据集合，为什么在a变量中看不到数据呢？ groupBy方法会将数据集合按照指定条件进行分组，返回一个键值对的集合。其中，键 ......
js学习笔记
Js语法基础 == >= <= - 默认把字符型隐式转换为数值型 + 为字符拼接 逻辑短路： （与运算）：表达式1结果为真，返回表达式2 表达式1为假，返回表达式1 （或运算）：表达式1为真，返回表达式1 表达式1为假，返回表达式2 返回能决定结果的表达式或者值 0 “ ”null undefine ......
js怎样把网址转换成二维码
项目需求：动态生成网址，并在页面中根据网址生成对应的二维码 解决办法： 使用 qrcode.js 插件 使用步骤： 1、首先在页面中加入jquery库文件和qrcode插件。 <script type="text/javascript" src="jquery.js"></script> <code ......
Vue3中Mitt的使用
Vue中使用Mitt Mitt是一个在Vue.js应用程序中使用的小型事件总线库。该库允许组件进行通信，而不必过度依赖父级或子级组件之间的props。 Mitt的特性和功能介绍 轻量级: Mitt只有200字节大小，不会增加你的应用程序的负担 方便易用：只需要引入mitt并配置即可使用 支持任何Ja ......
Vue鼠标与键盘事件触发汇总
Vue鼠标与键盘事件触发汇总 一、鼠标事件 1、悬浮事件 @mouseenter ：进入 @mouseover：在 @mousemove：移动 @mouseout：移出 @mouseleave：离开 2、点击事件 @click：单击左键 @mousedown：按下鼠标左键/右键 @mouseup：松 ......