three vue js
几何计算-基于Turf.js实现多边形的拆分及合并
几何计算-基于Turf.js实现多边形的拆分及合并 阿飞 红星美凯龙 3D前端开发工程师 关注他 10 人赞同了该文章 ❝ JSAPI GL近期为支持物流行业实现了几何图形编辑器,用户可通过编辑器接口进行点、线、面、圆的绘制和编辑。在物流行业中常见的使用场景是配送区域及地理围栏的绘制,常会有对 ......
js动态生成唯一id —— 三种方法
一. 引入时间戳,生成可控长度的随机数 随机数长度控制,定义一个长度变量(length),生成可控长度的随机数: Math.random().toString(36).substr(3,length) 引入时间戳: Date.now().toString(36) 合在一起最终办法: genID(le ......
js_下来菜单自动补全
<script type="text/javascript"> //需要添加的数据内容,可以通过ajax请求获取 //定义加载部品番号的函数 function loadcities() { var url = "rawedge.aspx?action=get_matnrlist"; $.get(ur ......
leaflet使用heatmap.js出现heatmap.js:527 Uncaught TypeError: Cannot assign to read only property 'data' of object '#<ImageData>'问题
一、问题背景 问题是这样发生的,因为项目中需要实现热力图的功能,所以使用了第三方的库 heatmap.js。 但是在一些浏览器中使用它时,会出现这个错误: > Uncaught TypeError: Cannot assign to read only property 'data' of obje ......
vue el-select/el-cascader获取选中的对象label值
1.el-select获取选中对象label值 <el-form-item label="车辆配置" prop="sales_name"> <el-select v-if="!showSaleNameInput" v-model="form.sales_name" clearable ref="it ......
Vue监听路由的变化
方式一:watch监听 通过watch监听,当路由发生变化的时候执行 watch:{ $route(to,from){ console.log(to.path); } }, // 或者 watch: { $route: { handler: function(val, oldVal){ consol ......
Skywalking APM监控系列(二、Mysql、Linux服务器与前端JS接入Skywalking监听)
前言 上篇我们介绍了Skywalking的基本概念与如何接入.Net Core项目,感兴趣可以去看看: Skywalking APM监控系列(一丶.NET5.0+接入Skywalking监听) 本篇我们主要讲解一下Skywalking如何接入mysql数据库监听与Linux服务器的监听 其实从Sky ......
js 中的面向对象
js 是一门面向对象的语言,这是因为在 js 中对象涵盖了全部内容,windows 是对象,html、div 等 dom 元素也是对象,在 jquery 中有一个 class2type 对象,这个对象把 number、string、symbol 也归类为对象,这是因为这些简单数据类型在运算的时候也会 ......
vue中v-bind绑定元素属性
vue中v-bind绑定元素属性 <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>vue.js</title> </he ......
vue中的v-text指令和v-html指令区别
<html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>vue.js</title> </head> <body> <div i ......
JS堆、栈以及事件循环的概念
前言 其实一开始对栈、堆的概念特别模糊,只知道好像跟内存有关,又好像事件循环也沾一点边。面试薄荷的时候,面试官正好也问到了这个问题,当时只能大方的承认不会。痛定思痛,回去好好的研究一番。我们将从JS的内存机制以及事件机制和大量的(例子)来了解栈、堆究竟是个什么玩意。概念比较多,不用死读,所有的心里想 ......
js封装获取当前周数据
/* * @Author: 张大碗 zhangjunhui@mangocosmos.com * @Date: 2023-09-20 17:36:15 * @LastEditors: 张大碗 zhangjunhui@mangocosmos.com * @LastEditTime: 2023-10-08 ......
【vue2】实现css动效逐个顺序展示的效果(简陋版)
效果(进入预约里程碑模块后,小人从第一个台阶逐个闪烁出现在当前预约等级之前的台阶并消失,最终停留在当前预约等级的台阶上): 虽然很low但是!就是这么设计的!于是在原本静态的代码上稍加了些修改(为什么,为什么,想问天问大地) 首先是台阶部分的代码: <div :class="$style.reser ......
vue中下载excel文件4种方法,2、通过 a 标签 download 属性结合 blob 构造函数下载发送post请求和后台poi返回文件流实现下载
vue中下载excel文件4种方法,2、通过 a 标签 download 属性结合 blob 构造函数下载发送post请求和后台poi返回文件流实现下载 1、通过url下载 即后端提供文件的地址,直接使用浏览器去下载 通过window.location.href = 文件路径下载 window.lo ......
Vue报错Syntax Error:TypeError: this.getOptions is not a function的解决方法~
前几天在vue运行项目过程中报错了,这个方法是 关于Vue报错Syntax Error:TypeError: this.getOptions is not a function的解决方法 (1)报错一 (2)报错二~ 1.1问题分析 首先,检查代码,并没有什么错误的地方;其次,涉及到这个问题,可能就 ......
JS 堆栈跟踪
堆栈跟踪 API V8 中抛出的所有内部错误在创建时都会捕获堆栈跟踪。可以通过非标准error.stack属性从 JavaScript 访问此堆栈跟踪。V8 还具有各种钩子,用于控制堆栈跟踪的收集和格式化方式,以及允许自定义错误也收集堆栈跟踪。本文档概述了 V8 的 JavaScript 堆栈跟踪 ......
[node]安装node后,可以在控制台进行简单的js文件测试
1. 在 Windows 操作系统安装好 node 之后,可以在任意文件地址,按下 shift+鼠标右键,打开 Windows PowerShell。 或者在VS Code中,右键选择某文件夹,选择“在集成终端中打开”。 2. 输入 node,可以查看安装好的 node 版本。 3. 按下 ctrl ......
Vue3实战(05)-教你快速搭建Vue3工程化项目
除了Vue 3这个库,还需Vue 3 最新全家桶。 1 环境准备 之前语法演示直接使用script引入Vue 3,从而在浏览器里实现所有调试功能。但实际项目中,使用专门调试工具。在项目上线之前,代码也需打包压缩,并考虑到研发效率和代码可维护性,所以在下面,需建立一个工程化项目实现这些功能。 工具 V ......
Nuxt.js 生成sitemap站点地图文件
Nuxt.js 生成sitemap站点地图文件 背景介绍 使用nuxt框架生成静态文件支持SEO优化,打包之后需要生成一个 sitemap.xml 文件方便提交搜索引擎进行收录。官网有提供一个插件sitemap 但是如果是动态路由需要手动一个个配置比较麻烦,无法自动检索生成。所以自己编写一个生成 ......
js渐变色生成
function generateGradientColor(color1, color2, percentage) { // 将颜色转换为 RGB 格式 function hexToRgb(hex) { const bigint = parseInt(hex.replace('#', ''), 1 ......
vue 中window.onresize有时不生效问题
在vue中多个组件中都使用window.onresize=()=>{},会导致前边赋值的方法被覆盖掉 改成 window.removeEventListener('resize', ()=>{}) 可生效 methods: { myFunction() { ... } }, mounted(){ / ......
原生js面试题(二)
一、携带token->token的无感刷新 (token如何携带?->token的无感刷新?) 目的:是为了解决管理系统接口数据的安全性考虑 时间就是1-7天 token时间一过就要重新登录.需要在后台定时刷新token 并且替换之前老的失效的token -1 后端返回过期时间,前端每次请求就判断t ......
明细表,根据开始日期的值,+1年赋值给结束日期JS
<script> jQuery(document).ready(function(){ var yxqqsrq = WfForm.convertFieldNameToId("yxqqsrq", "detail_1"); var yxjzrq = WfForm.convertFieldNameToId ......
vue3.2+ts报错:找不到模块“./App.vue”或其相应的类型声明。
解决方法:在项目根目录创建 env.d.ts 文件(如果已有,则在文件中追加)加入下面内容: declare module '*.vue' { import type { DefineComponent } from 'vue'; const vueComponent: DefineComponen ......
vue2常见选项和生命周期钩子函数
Vue2提供了一些其他选项和钩子函数,以支持更高级的组件功能和配置,这些包括: data:data选项用于定义组件的响应式数据。这些数据将被Vue追踪,以便在数据发生变化时更新视图。 data() { return { message: 'Hello, Vue!' } } methods:metho ......
vue2 父传子,子传父
在Vue 2中,使用props来从父组件向子组件传递数据,而要从子组件向父组件传递数据,通常需要使用自定义事件。关键字分别是: 从父组件向子组件传递数据(父传子): props:可以在子组件中使用props来接收父组件传递的数据。在父组件中,使用子组件标签的属性来传递数据。 示例: <!-- 父组件 ......
vue cli2 3 4使用lib-flexible px2rem完美解决移动端适配问题
安装 lib-flexible $npm install lib-flexible --save lib-fiexble, lib-flexible会自动在html的head中添加一个meta name="viewport"的标签,同时会自动设置html的font-size为屏幕宽度除以10,也就是 ......
【开源三方库】Fuse.js:强大、轻巧、零依赖的模糊搜索库
开源项目 OpenHarmony 是每个人的 OpenHarmony 曹天恒 公司:中国科学院软件研究所 小组:知识体系工作组 1.简介 Fuse.js是一款功能强大且轻量级的JavaScript模糊搜索库,支持OpenAtom OpenHarmony(以下简称“OpenHarmony”)操作系统, ......