three vue js
Three.js中实现对InstanceMesh的碰撞检测
1. 概述 之前的文章提到，在Three.js中使用InstanceMesh来实现性能优化，可以实现单个Mesh的拾取功能 那，能不能实现碰撞检测呢？肯定是可以的，不过Three.js中并没有直接的API可以实现对InstanceMesh的碰撞检测，需要手动实现 回顾本文的描述的Three.js的场 ......
vue样式穿透
本文转载自https://www.jb51.net/article/253428.htm#_label0，转载仅供学习使用. scoped属性 我们在vue组件写样式一般是在<style>标签里面，但是我们在这里的样式默认是全局样式，如果其它组件的class名取重复了则会导致样式污染。 所以vue支 ......
15-Vue核心-列表过滤和列表排序
列表过滤 监视属性，实现列表过滤 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>基本列表</title> <!-- 引入Vue --> <script type="text/javascript" src= ......
JS 下载文件
一、背景 二、实现 点击查看代码 // 下载文件 export function downloadFile(obj, name, suffix) { const url = window.URL.createObjectURL(new Blob([obj])) const link = docume ......
Ant Design Vue 中的tab组件中，获取不到$ref
问题：在tab的组件中引入了一个组件，在页面渲染时，需要用到子组件bpmnModeler 里面的方法，调用this.$ref.bpm的时候报错了，找不到bpm <a-tab-pane key="3" tab="流程图" > <div class="search"> <a-card> <a-row s ......
JS 构造树形
一、背景 List组装树形Tree 二、实现 点击查看代码 listRolePurifySmalls().then(data => { const list = data || [] const map = {} list.forEach(item => { let smalls = map[ite ......
JS 将列表转成树形结构数据
一、背景 联调发现有些后端返回List 但是前后需要转树形结构 二、实现 点击查看代码 import _, { isArray } from 'lodash' /** * 将列表转成树形结构数据 * @param nodes 列表数据 * @param options 可选参数，{idKey, pI ......
vue-day05
补充 1.图片 在接口中返回一些数据和图片地址，而不是图片的二进制内容 {code:100,msg:'成功',img:地址} 2.md5 不是加密， 摘要算法 动态组件 <component :is="who"></component> component标签的is属性等于组件名字，这里就会显示这个 ......
Vue的DatePicker日期选择器
picker-option属性 官网描述是这样的 1.disabledDate 一般我们使用picker-option都是通过disabledDate参数，来设置其日期选择区间，代码如下： <el-col :span="12"> <el-form-item label="开票日期起" prop="r ......
js传递rsa加密参数给c#后端（密码加密后传到后端）
一、前端处理 1、引入js 下载地址： https://files.cnblogs.com/files/blogs/782924/BigInt.js?t=1695198891&download=truehttps://files.cnblogs.com/files/blogs/782924/RSA. ......
Vue-cli创建项目
1. 单页面应用：spa - 以后Vue的项目就只有一个：XX.html页面 - 当定义了很多组件，不可能都写在：XX.html中吧 2. 单文件组件：xx.vue -https://v2.cn.vuejs.org/v2/guide/single-file-components.html - 一个组 ......
vue.js学习
前言 本博客为二创作品，原文为：狂神说笔记——Vue 快速入门 19 - subeiLY - 博客园 (cnblogs.com) 参考视频为：https://www.bilibili.com/video/BV18E411a7mC/ 前端没审美又想快速弄好看点可以弄 bootstrap 可视化布局 可 ......
Vue页面切换表单数据不清空
需求描述：表单填写后，切换tab页再切回该页面时，表单内容依旧存在。 核心技术：sessionStorage beforeRouteLeave() created() 解决方案：beforeRouteLeave() 函数中将表单数据保存到sessionStorage中。 created() 函数中将 ......
JS:Promise异步编程的一种解决方案
Promise 是异步编程的一种解决方案，可以替代传统的解决方案--回调函数和事件。ES6统一了用法，并原生提供了Promise对象。作为对象，Promise有以下两个特点：(1)对象的状态不受外界影响。(2)Promise有三种状态，分别是 Pending (进行中)、Resolved (已完成) ......
js小知识
# js 入门学习 参考视频:https://www.bilibili.com/video/BV1JJ41177di/ 参考资料:https://www.cnblogs.com/gh110/p/15153662.html 扩展: - 数组的 for-each - ```js var arr = [1 ......
我不知道的vue3
代替 Vue.delete vue3 中可以使用 delete obj.xxx 就可以实现去删除 obj的xxx属性！！！ 第二种： 借助于 del import {del} from 'vue' del(obj, propertyName) 也可删除属性！！！ 每个vue 页面因为scoped 这 ......
Vue动态组件、插槽、vue项目
一、动态组件 1、动态组件 # <component :is="who"></component> # component标签的is属性等于组件名字，这里就会显示这个组件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> < ......
js实现选中某个区域展示引导信息（插件库）
在公司做项目，经常存在类似「引导」的功能，引导用户该先点哪后点哪，或者做一些首次使用的提示 找到了个比较好用且轻量化的js组件 intro.js ，有常规的灰色遮罩高亮特定dom提示的（hello-world），也有用户点到指定标签/位置上的提示 （hints） 感觉还是不错的，并且，有免费版本 ......
js中 try catch的使用
try…catch 语句是什么？ try…catch 可以测试代码中的错误。try 部分包含需要运行的代码，而 catch 部分包含错误发生时运行的代码。 try…catch语法 try { //在此运行代码 } catch(err){ //在此处理错误 } 运行流程： try{...}包含块中的代 ......
首次加载vue+vite项目报错
报错了： failed to load config from D: ***** vite.config.jserror when starting dev server:Error: Cannot find module 'vite'Require stack:- D: ***** vite.co ......
arcgis for js4.x实现标记、测距离、测面积
实现效果 代码如下 ToolBox.vue <template> <a-popover trigger="click"> <a-button>工具箱</a-button> <template #content> <a-button type="text" class="btn" @click="() ......
使用pdf.js展示pdf
一、下载pdf.js文件 https://mozilla.github.io/pdf.js/getting_started/ web里边有一个viewer.html文件 此文件为展示pdf的文件 直接打开此文件不能展示 需要本地启动一个服务 可以使用 http-server -c-1 提示错误的 全 ......
vue项目-封装树形控件公用组件
vue项目中，如h5端，第三方的树形选择器无法满足项目开发时，原生封装tree控件，通过判断是否存在子节点，循环递归组件完成树形封装，通过vue指令实现跨级传递数据或方法 封装树形组件如下： 1 <template> 2 <div class="tree-select-page"> 3 <div c ......
Vue中的常见指令有哪些
Vue中的常见指令有哪些 v-bind：将数据绑定到HTML元素属性上，可以简写为“:” v-on：绑定事件，可以简写为“@”【例如@click表示点击事件，即点一下会发生什么】 v-model：实现双向数据绑定 v-show：根据表达式的值，控制元素的显示或隐藏【相当于Java中的if】 v-if ......
graalvm 23.1.0 开始 js docker 镜像&简单试用
graaljs docker 镜像 很简单就是下载官方包，集成下，然后进行一些简单的配置 Dockerfile FROM debian:bullseye-backports LABEL author="rongfengliang" LABEL email="1141591465@qq.com" WO ......
vue-动态组件、插槽
动态组件 方法一：笨方法-切换组件： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="js/vue.js"></script> </head> <body ......
graalvm 23.1.0 开始 js 引擎独立了
从graalvm 23.1.0 开始graaljs 可以独立使用了，这样就方便了不少，我们可以集成jvm 同时也可以集成nodejs 但是软件包会小不少有利用项目的使用，目前来说官方提供了不同版本的，包含了js 命令的nodejs 的同时包含jvm 的对于社区版包含了-community，jvm的包 ......
动态组件，插槽， vue-cli创建项目，vue项目目录结构，vue项目编写规范，es6导入导出语法
1 动态组件💛 # <component :is="who"></component> # component标签的is属性等于组件名字，这里就会显示这个组件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title ......
Vue-入门vue，及第一个vue程序
一.初始Vue 什么是vue Vue (发音为 /vjuː/，类似 view) 是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建，并提供了一套声明式的、组件化的编程模型，帮助你高效地开发用户界面。无论是简单还是复杂的界面，Vue 都可 ......
Http Fetch+StreamSaver.js在内存有限的设备下载大文件
目前前端没有很好的api支持流式的文件的分片下载。如果直接把整个文件保存到Blob对象中再保存，有可能出现很多不可以预期的问题，可能会因为达到浏览器的Blob对象上限而下载失败。也有机会因为客户端内存太低而导致OOM。那如果我们有额外的文件服务器的话，可以选择把文件先导出到文件服务器，然后前端再通过 ......