three vue js
使用parcel搭建three.js开发环境
[TOC] 为了方便模块化进行three.js项目的学习和开发，又不用学习太多的配置，增加学习成本，所以就使用Parcel这个web应用打包工具。 Parcel官网：https://v2.parceljs.cn/getting-started/webapp/ #### 1、安装 在开始之前，您需 ......
js 异步 任务 题目解析（chatgpt bug了？）
最近遇到一道题如下，求输出结果 感觉还是蛮有意思的，找chatgpt做了一下 ```js async function async1(){ console.log('1'); await async2(); console.log('2'); } async function async2(){ c ......
11：vue3 组件传递数据 Props
1、父子组件通过Props传递数据，数据可以为固定数据，也可以多个数据，也可以动态数据 新建Parent.vue组件 1 <template> 2 <h3>Parent</h3> 3 <Child gd_title="Parent传固定数据" gd_title2="传递第二个参数" :dt_titl ......
vue（三）模板语法
{{}} 数据绑定最常见的形式就是使用Mustache {{}}（双大括号）语法的文本插值 {{}} 还接受单个表达式，如加减运算、三元运算等。 一般配合js中的data()设置数据 <span>Message: {{msg}} </span> export default { name:"tom" ......
vue（二）vue组件
单文件组件 在其他框架都鼓励把模板、逻辑和样式的代码区分成不同文件的时候，Vue 却反其道行之。使用单文件组件，Vue 把模板、相关脚本和 CSS 一起整合放在 .vue 结尾的一个单文件中。这些文件最终会通过 JS 打包工具（例如 Webpack）处理，这意味着你可以使用构建时工具。你可以使用比如 ......
vue（一）vue项目结构
安装 Vue npm install -g @vue/clivue --version 创建vue项目 vue create vue-demo 运行项目 cd vue-demonpm run serve 安装vue高亮插件：vscode安装 volar 项目结构 Vue的默认包管理器为 yarn。。 ......
vue3 安装 3d-force-graph
1.首先创建vue3的项目 2.创建好后通过开发工具打开项目并打开命令行，输入指令 npm install 3d-force-graph 安装即可 3.在使用的页面中引入 3d-force-graph <!--官网的 basic案例--> <template> <!-- ref 用于在组件中引用当前 ......
Vue 3.0 reactive/effect
reactive.js: import { isObject } from "../utils"; import { track, trigger } from "./effect"; export function reactive(target) { // 判断 target 类型 // 如果是 ......
JS(DOM事件高级）
一 注册事件（绑定事件） 1.1 注册事件概述 给元素添加事件，称为注册事件或者绑定事件。注册事件有两种方式：传统方式和方法监听注册方式 1.2 addEventListener 事件监听方式 eventTarget.addEventListener(type, listener[, useCapt ......
js 实现鼠标在div上移动的侧重动画，快来白嫖~
<template> <div @mousemove="onHandleMousemove" @mouseup="onHandleMouseend" @mouseleave="onHandleMouseend" class="block" ></div> </template> <script se ......
js如何动态清除form表单中input款下的错误信息
form表单 ``` {% csrf_token %} {% for form in form_obj %} {{ form.label }}： {{ form }} {{ form.errors.0 }} {% endfor %} {{ error }} 短信登录 ``` 使用js代码动态清除in ......
基于vue-cli 5 和webpack 5实现微前端
有这么一个需求，项目里有很多业务模块，它们都有引用一些公共组件，每个业务模块打包后都是一个独立的应用，当公共组件修改时，单独打包公共组件，其他应用能够不需要重新构建，就能直接使用最新的公共组件，要怎么实现？ 一开始我想到的是使用网络资源，就是把公共组件打包后的js文件放到服务器，其他应用通过scri ......
向AI请教能否用图片生成vue代码
Can figma generate vue code based on a screenshot captured from an android app? Wed, Jul 5, 2023, 3:49 pm avatar No, Figma does not natively generate ......
vue脚手架创建与环境安装(转载)
1.安装 Node.jsDownload | Node.js 在这里👆下载的是最新版，如果要安装以前的版本👇，页面往下拉找到 Previous Releases—Donloads—下载msi文件。 1.1 一直next即可安装成功。 1.2 安装后在cmd控制台输入node -v和npm ......
API6中JS UI实现富文本组件居右显示
【关键字】 RichText、富文本组件、API6、JS UI、居右显示 【关键代码如下】 index.hml <div class="container"> <div class="top"> <richtext @start="onLoadStart" @complete="onLoadEn ......
10：vue3 组件注册方式（全局注册和局部注册）
组件注册方式 一个 Vue 组件在使用前需要先被“注册”，这样 Vue 才能在渲染模板时找到其对应的实现。组件注册有两种方式：全局注册和局部注册。 全局注册 将09节课程的Header组件进行全局注册演练 在main.js中添加Header.vue组件的注册 1 import { createApp ......
VUE 2项目使用vue-json-excel导出数据
记录一下后端返回的json数据转成excel导出 ###这里外面使用的是 [vue-json-excel](https://github.com/jecovier/vue-json-excel) ###1.安装包 ``` npm install vue-json-excel ``` ###2.组件中 ......
vue3子组件向父组件传参
《好记性不如烂笔头系列》 子组件 <template> <div class="protocolstyle"> <van-checkbox v-model="checked" toggle @click="userProtocolClick"></van-checkbox> <span class= ......
09： vue3 组件嵌套关系
组件嵌套关系 组件允许我们将 UI 划分为独立的、可重用的部分，并且可以对每个部分进行单独的思考。在实际应用中，组件常常被组织成层层嵌套的树状结构： 这和我们嵌套 HTML 元素的方式类似，Vue 实现了自己的组件模型，使我们可以在每个组件内封装自定义内容与逻辑。 创建组件及引用关系 Header. ......
vue-treeselect 被 overflow 遮挡
# 场景 在一个内容区域设置了 `overflow` 纵向滚动的对话框中，内部的 `vue-treeselect` 组件下拉框选项被遮挡了。 # 解决办法 给 `vue-treeselect` 设置 `appendToBody` 和 `z-index` 属性。 ![image](https://im ......
js 实现 EventBus 事件总线
EventBus 一般用做单例，EventEmiter 一般在组件或模块内使用 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-wid ......
KRPano插件解密大师更新支持最新版KRPano的XML/JS解密
KRPano插件解密大师是一款专业的全景解密工具，它可以帮助你轻松解密KRPano的XML/JS插件，还能分析下载静态和动态网站的资源。你无需任何编程知识，只需一键点击，就能快速完成解密，学习全景开发的秘诀。这款软件适合全景爱好者和专业开发者，让你掌握KRPano插件的运行原理和技巧。软件下载安装简 ......
egg.js
## 引入 joi 进行参数校验 按照依赖： ``` npm install joi ``` 基本使用： ``` const Joi = require('joi'); const addCatalogSchema = Joi.object({ catalog: Joi.string().requi ......
在asp.net core中使用vue3+vite（起）
## 前言 一开始是一个自用的应用，原本是用razor写的。最近有了点新想法，加点新功能，但是我接触的项目基本都是vue+api的前后端分离，用这razor写的是真不习惯，最后决定还是用习惯的vue重写。 之前尝试过在.net core里使用vue2+webpack，毕竟实际上就是把.vue翻译成了 ......
第八篇 - Vue路由跳转步骤
第六篇讲了将SpringBoot和Vue项目结合起来，实现了使用Vue访问SpringBoot的API。这一篇我们介绍当访问API成功后跳转到新的Vue页面怎么处理。 参考链接：https://zhuanlan.zhihu.com/p/468467076 第一步：首先新建一个Vue页面 jump1t ......
08：vue3 组件基础
定义一个组件 在components文件夹下新建MyComponent.vue组件 写入下面代码 1 <script> 2 export default { 3 data() { 4 return { 5 count: 0 6 } 7 } 8 } 9 </script> 10 11 <templat ......
解决vue中mapbox地图显示一半的问题
### 解决vue中mapbox地图显示一半的问题 问题描述： 在vue中创建mapbox地图，地图只显示一般，查看浏览器开发者工具。发现将`canvas.mapboxgl-canvas` 的`position:absolute`去掉就解决了 。 代码修改：获取到`canvas.mapboxgl-c ......
vue lang="scss" scoped 样式穿透的规则
1：外层容器 ::v-deep 组件 { }2： ::v-deep 组件 { }3： ::v-deep { & 组件{ } } ......
web js 播放rtsp视频流方案
# 场景 > 需要在web端预览海康无线摄像头视频流，所以采用海康自身提供的web sdk无法使用 # 方案1 > rtsp流推送到应用服务器，应用服务器再通过ffmpeg 推送到nginx, js再去拉流 缺点： 多了一层转发，造成了一定的延迟 # 方案2 > 通过webRTC方案，使用现有开源插 ......
JS实现中英文混合文字友好截取功能
汉字和数字混合时，按照长度进行字符截取。 <script> /** * JS实现中英文混合文字溢出友好截取功能 * @param text 字符串 * @param length 截取长度 */ var zfc = {}; zfc.mixTextOverflow = function (text, ......