three vue js
android短视频开发，js如何设置canvas绕图形中心旋转
android短视频开发，js如何设置canvas绕图形中心旋转 1. 准备一个页面 拟写一个页面，用于实验，代码如下 <!DOCTYPE html><html><head><meta charset="utf-8"><meta name="viewport" content="width=devi ......
关于 Vue2.0 中 element-ui@2.15.7 中使用 vue-final-modal@2.4.3 弹窗库 出现了 el-cascader 点击外部，popover不隐藏的问题
原因：element-ui 是在 document 上通过监听 mousedown 和 mouseup 事件-来组合判断是否点击的外部【可查看 element-ui 的自定义指令 v-clickoutside】 vue-final-modal 在 .vfm__content dom 上使用 e.st ......
冰橙API- ChatGPT开放接口 支持PHP JAVA JS GO C等种类开发范例
openai chatgpt国内接口 https://apifox.com/apidoc/shared-52fb41cb-0e62-4e34-b06d-f9334d7a0502/api-106414419 冰橙GPT稳定提供API接口服务 定时有人进行问题排查处理 1小时内问题响应 接入了腾讯云的内 ......
js原生cookie的使用
原生cookie的使用通过document.cookie() #### 新增cookie `document.cookie(name=value; path="/")` 设置Cookie时，可以指定以下参数： 1. name：Cookie的名称，是一个字符串。 2. value：Cookie的值，也 ......
使用JS，动态给下拉列表添加option 选项
转自：https://www.imooc.com/article/10487 动态给下拉列表添加option 1. 动态创建select 2. 添加选项option 3. 删除所有选项option 4. 删除一个选项option 5. 获得选项option的值 6. 获得选项option的文本 7. ......
vue3结合arcgis加载高德底图
加载arcgis先查看这个文章 [vue3中使用arcgis](https://www.cnblogs.com/ZerlinM/p/17666502.html) ## 高德 ``` const map = new Map({ basemap: '', // 此处置为空 }) mapView = ne ......
three.js 使用 THREE.TextGeometry 创建中文 三维文本
如果使用 THREE.TextGeometry 生成中文出现 ？？？ 的情况，就是选择的字体不支持中文。 解决方法很简单，引入支持中文字体的 json 文本即可 文本获取方式 ： 使用ttf格式的文件进行转换即可，有一个地址，可以进行在线转换 http://gero3.github. ......
HBuilder+vue开发微信小程序webview与H5通信
需求：在h5页面点击提交按钮后，小程序需要返回上一页 前提：webview打开的url需要用小程序账号登录微信公众平台设置业务域名H5： 1.运行命令安装一下这个包 npm i wexin-js-sdk 2.引入到需要使用的页面 3.postMessage通信 小程序： 2023年8月30日2023 ......
使用js定时器的元素持续向上滚动效果及谷歌浏览器缩小时不滚动问题
最近要写消息持续向上滚动效果，记录下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1 ......
vue粒子特效插件的使用——vue-particles
1、 安装vue-particles插件 npm install vue-particles --save 2、在main.js引入插件 import Vue from 'vue' import VueParticles from 'vue-particles' Vue.use(VueParticl ......
Vue3中watch的用法
在Vue3中，watch 选项的用法与之前版本的Vue略有不同。Vue3中使用了Composition API，在组合式API中，watch 选项被替换成了一个新的函数 watchEffect 和一个新的函数 watch。下面是关于 watchEffect 和 watch 的用法说明： watch ......
vue菜单组件中图标跟随菜单高亮变化颜色
#### 问题 在vue左侧菜单中，使用设计师的svg图标有时候不能跟随菜单高亮而改变颜色 未高亮时显示灰色 加载地图资源，默认是半本地化的，因为 assests 资源是通过 https://j ......
vue2.0截图 html2canvas or dom-to-image 并解决openlayers截图空白问题
1.版本 "dom-to-image": "^2.6.0", // or "html2canvas": "^1.4.1", 2.引入 import domtoimage from 'dom-to-image'; // or import html2canvas from 'html2canvas'; ......
js 遍历json格式数据到table中
//将json字符串转换为json格式
2 var yslist = $.parseJSON(result);
3 //遍历table
4 $.each(yslist, function (index, item) {
5 var $tr = $('');
6 ... ......
js base64转blob
/** base64转换成blob数据 */ base64ToBlob(dataUrl, type) { var arr = dataUrl.split(','); var mime = arr[0].match(/:(.*?);/)[1] || type; // 去掉url的头，并转化为byte ......
JS判断变量是否存在或已定义
前言：因需求修改了公共文件，导致引入公共文件的部分页面因未引入来源js会报错，所以需要在公共文件中增加判断变量是否存在。 为了确保代码的可靠性，应该对变量的定义进行检查，从而避免代码在运行时执行错误或不可预期的错误。 一、typeof if (typeof myVar 'undefined') { ......
js 函数的保护函数 防止toString检测
js 函数的保护函数 防止toString检测 let catvm = {}; (() => { "use strict"; const $toString = Function.toString; const myFunction_toString_symbol = Symbol('('.conc ......
js实现汉字中文排序
js实现汉字中文排序的方法数组内的元素是对象，以对象某一个属性进行排序 var arr = [ {name: '南京', code: '09', info: {province: '江苏'}}, {name: '北京', code: '01', info: {province: '北京'}}, {n ......
用js动态生成html页面
首先思路明确：生成的元素是一个完整的DOM对象；这些DOM对象的属性可以是字符串，xml文件，也可以是json格式的数据，存储在后台或者其它位置；通过层层解析，顺着DOM层级关系动态创建在html文档流中；这些html文档放于不同的模板文件中相应生成不同样式的效果。 以下就json格式存储的数据，简 ......
js_通过js主动触发原生事件, 以及通过js注册自定义事件并手动触发
- 现实情景: 在对博客园的样式进行修改时, 需要对博客园的中某些DOM的绑定事件进行手动触发 ### 主动触发原生事件, 以click为例 ```vue const oBtn2 = document.querySelector('#btn2') oBtn2.addEventListener('cl ......
js前端excel导出带图片(亲测可用)
1，js-table2excel npm包有问题，导出后一片空白 2，改写一下js-table2excel /* eslint-disable */ let idTmr; const getExplorer = () => { let explorer = window.navigator.user ......
iview Cascader loadData Vue
<template> <div> <Card dis-hover> <div class="page-body"> <Form ref="queryForm" :label-width="90" label-position="left" inline> <Row :gutter="16"> <Co ......
js 常用链接
#[ node guide：](https://nodejs.org/en/docs/guides " node guide：") [The Node.js Event Loop, Timers, and process.nextTick()](https://nodejs.org/en/docs/ ......
js事件移除
1.AbortController()addEventListener()时，可以配置一个信号，用于命令式地中止/删除监听器。当相应的控制器调用 .abort() 时，监听器会被移除： const button = document.getElementById('button'); const c ......
一台云服务器一个域名下，如何运行多个JAVA后端项目和多个VUE前端项目
拿若依前后端分离版项目举例： 修改前端代码 ruoyi-ui/vue.config.js // 二级目录名称ruoyi-ui publicPath: '/ruoyi-ui/', ruoyi-ui/src/router/index.js export default new Router({ mode ......
Vue3 响应式工具函数
isRef() 检查某个值是否为 ref。 unref() 如果参数是 ref，则返回内部值，否则返回参数本身。这是 val = isRef(val) ? val.value : val 计算的一个语法糖 toRef() 可以将值、refs 或 getters 规范化为 refs (3.3+) ......
Vue 时间插件 moment 使用
下载安装 npm install moment -s 全局方法 main.js 里面注册生成 import * as moment from 'moment' Vue.prototype.$moment = moment 全局过滤器 全局过滤器实现日期格式化 // 用法：1.{{ item.time ......
vue——前后端实现SM4加解密
参考： 1.VUE + Springboot + SM4前端加密 后端解密 https://www.cnblogs.com/caoxwen/p/16179683.html 前端 1.引入gm-crypt npm install gm-crypt 2.封装js sm4Util.js const SM4 ......