three vue js

Vue-插槽及自定义事件分发

一.插槽slot 在某些场景中,我们可能想要为子组件传递一些模板片段,让子组件在它们的组件中渲染这些片段。 <slot> 元素是一个插槽出口 (slot outlet),标示了父元素提供的插槽内容 (slot content) 将在哪里被渲染。 插槽就好比一个占位符,它不是解决页面必须元素的位置,而 ......
事件 Vue

vue中created和mounted区别

在 Vue.js 中,created 和 mounted 都是生命周期钩子函数,用于在组件不同的生命周期阶段执行代码。它们的主要区别如下: 1.created 钩子函数: 2.created 在组件实例被创建后立即调用。此时组件的实例已经被创建,并且组件的数据观测(data observation) ......
created mounted vue

Springboot+Vue(一)

Springboot Controller 1.Web依赖整合了mvc、json、tomcat等框架,简化了Web应用的配置 2.用户向Controller发送请求,从数据库中获取到的数据存在Model中 当用户发出请求后,Controller向Model请求数据,响应之后返回到View ,通过HT ......
Springboot Vue

前端 数学计算 big.js 使用

解决0.1 + 0.2 不等于 0.3的问题 解决方法 方法一,同时扩大倍数再除以相同的倍数 0.1 +0.2 // 0.30000000000000004 (0.1 *10 + 0.2 *10) / 10 // 0.3 方法二,第三方库 bignumber.js math.js big.js bi ......
前端 数学 big js

JS深入学习笔记 - 第三章.变量作用域与内存

1.原始值和引用值 ECMScript变量包含两种不同类型是数据:原始值和引用值。 原始值:最简单的数据。有6中原始值:Undefined、Null、Boolean、Number、String和Symbol。原始值是按值访问。 引用值:由多个值构成的对象。三大引用类型:1.object 2.Arra ......
变量 内存 作用 第三章 笔记

ts和vue3的结合常见的一些问题(持续更新)

特此注意是vue3,而不是vue2 使用typescript的interface关键词定义一个存数据的数据类型 interface Position { long:number, lnt:number, height: number } const position = ref<Position>( ......
常见 问题 vue3 vue

vue2 访问网关的时候post无法请求

问题复现: 后台使用微服务的框架 在consul 配置 并使用网关进行代理 。 问题描述 : 前台访问网关调用后台方法 请求方式为get 时 正常使用 ~post 时 显示跨域问题 post访问路径正常 但就是无效果 显示跨域问题 报错 解决方法: module.exports = defineCo ......
网关 时候 vue2 post vue

vue3的面试题

1. 什么是Vue3? Vue3有哪些新增特性?答:Vue3是Vue.js框架的最新版本,它增加了很多新特性,包括Composition API、Teleport、Suspense 和Fragment等。 2. Vue3 Composition API是什么?它的作用是什么?答:Vue3 Compo ......
vue3 vue

解决:npm ERR! chromedriver@2.27.2 install: `node install.js`

https://cdn.npmmirror.com/binaries/chromedriver/2.27/chromedriver_win32.zip 可以点击这个链接直接下载。 删掉项目中的 node_modules 文件夹。 根据自己的下载地址,安装依赖。 npm install chromed ......
install chromedriver node npm ERR

全面分析 Vue 的 computed 和 watch 的区别

全面分析 Vue 的 computed 和 watch 的区别 一、computed介绍 computed 用来监控自己定义的变量,该变量在 data 内没有声明,直接在 computed 里面定义,页面上可直接使用。 //基础使用 {{msg}} <input v-model="name" /> ......
computed watch Vue

【vue2】 登录发送axios

demo <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"> ......
axios vue2 vue

promise和vue-router

认真学习前端第三天打卡 1.promise的输出题,看了一会没看完,头痛 2.学习了vue-router的基础文档 1.router-link:可以用作导航栏,要在router->index.js里写路径(做链接)2.动态路由$route.params.id相应路由参数变化?捕获路由?3.路由的匹配 ......
vue-router promise router vue

【vue2】 demo1

练习用的 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"> ......
demo1 vue2 demo vue

一文彻底搞懂JS作用域

JavaScript的作用域是一个非常基础且重要的概念,对于初学者来说,经常会觉得有些混乱搞不清楚。本文会详细介绍JavaScript作用域,包括全局作用域、函数作用域和块级作用域,以及ES6+新增的let、const和block scope等特性,让你彻底搞懂作用域。 1. JavaScript作 ......
作用

赛码网 js acm

赛码网输入输出(js v8) 无需引入接口函数 常用: readline(), readInt() printsth(), print()/console.log() 输入--readline / readInt 处理单行输入: read_line(), 函数别名:readline() readLi ......
acm js

vue3 defineEmits的使用

1.计数器案例 父组件: <template> <h2>当前计数为: {{counter}}</h2> <HelloWorld @add1="add1" @decre1="decre1"></HelloWorld> </template> <script setup> import { ref } ......
defineEmits vue3 vue

Vue3中的Ref与Reactive:深入理解响应式编程

前言 Vue 3是一个功能强大的前端框架,它引入了一些令人兴奋的新特性,其中最引人注目的是ref和reactive。这两个API是Vue 3中响应式编程的核心,本文将深入探讨它们的用法和差异。 什么是响应式编程? 在Vue中,响应式编程是一种使数据与UI保持同步的方式。当数据变化时,UI会自动更新, ......
Reactive Vue3 Vue Ref

js 中,reduce() 的详解 以及使用方法

reduce():reduce()方法为归并类方法,最常用的场景就是,计算数组中的每一项的总和。 reduce() 方法会遍历数组的每一项,他接收两个参数: 第一个参数:每次遍历都会调用的函数,而这个函数有接收四个参数,分别是:前一个值、当前项、项目的索引和数组对象,而这个函数的返回值,回传给下一次 ......
使用方法 方法 reduce js

Arcgis 与 Pixi.js 可视化 glsl 特效篇(三十)

这次我们用pixi.js和arcgis js结合 我们先定义一下 传入数据结构 symbol 暂时不做 let option = { renderer: { type: "simple", symbol: { } }, data: [ { geometry: [12956152.73135875, ......
特效 Arcgis Pixi glsl js

Arcgis 与 Pixi.js 可视化 glsl 特效篇(二十三)

这次我们用pixi.js和arcgis js结合 我们先定义一下 传入数据结构 symbol 暂时不做 let option = { renderer: { type: "simple", symbol: { } }, data: [ { geometry: [12956152.73135875, ......
特效 Arcgis Pixi glsl js

Arcgis 与 Pixi.js 可视化 glsl 特效篇(二十四)

这次我们用pixi.js和arcgis js结合 我们先定义一下 传入数据结构 symbol 暂时不做 let option = { renderer: { type: "simple", symbol: { } }, data: [ { geometry: [12956152.73135875, ......
特效 Arcgis Pixi glsl js

Arcgis 与 Pixi.js 可视化 glsl 特效篇(二十五)

这次我们用pixi.js和arcgis js结合 我们先定义一下 传入数据结构 symbol 暂时不做 let option = { renderer: { type: "simple", symbol: { } }, data: [ { geometry: [12956152.73135875, ......
特效 Arcgis Pixi glsl js

Arcgis 与 Pixi.js 可视化 glsl 特效篇(二十六)

这次我们用pixi.js和arcgis js结合 我们先定义一下 传入数据结构 symbol 暂时不做 let option = { renderer: { type: "simple", symbol: { } }, data: [ { geometry: [12956152.73135875, ......
特效 Arcgis Pixi glsl js

Arcgis 与 Pixi.js 可视化 glsl 特效篇(二十八)

这次我们用pixi.js和arcgis js结合 我们先定义一下 传入数据结构 symbol 暂时不做 let option = { renderer: { type: "simple", symbol: { } }, data: [ { geometry: [12956152.73135875, ......
特效 Arcgis Pixi glsl js

Arcgis 与 Pixi.js 可视化 glsl 特效篇(二十九)

这次我们用pixi.js和arcgis js结合 我们先定义一下 传入数据结构 symbol 暂时不做 let option = { renderer: { type: "simple", symbol: { } }, data: [ { geometry: [12956152.73135875, ......
特效 Arcgis Pixi glsl js

Arcgis 与 Pixi.js 可视化 glsl 特效篇(二十二)

这次我们用pixi.js和arcgis js结合 我们先定义一下 传入数据结构 symbol 暂时不做 let option = { renderer: { type: "simple", symbol: { } }, data: [ { geometry: [12956152.73135875, ......
特效 Arcgis Pixi glsl js

Arcgis 与 Pixi.js 可视化 glsl 特效篇(二十七)

这次我们用pixi.js和arcgis js结合 我们先定义一下 传入数据结构 symbol 暂时不做 let option = { renderer: { type: "simple", symbol: { } }, data: [ { geometry: [12956152.73135875, ......
特效 Arcgis Pixi glsl js

Arcgis 与 Pixi.js 可视化 glsl 特效篇(二十一)

这次我们用pixi.js和arcgis js结合 我们先定义一下 传入数据结构 symbol 暂时不做 let option = { renderer: { type: "simple", symbol: { } }, data: [ { geometry: [12956152.73135875, ......
特效 Arcgis Pixi glsl js

Vue2.x项目使用MAPBOX地图

Vue2.x项目 下载安装依赖 npm i mapbox-gl --save npm i mapbox-gl-controls --save 组件代码(注意在官网注册和token值申请) <template> <div class="mapbox-map001"> <p> https://www.m ......
地图 项目 MAPBOX Vue2 Vue

js中!!的用法(双感叹号)

在javascript代码中经常会见到!!的情况,本文即以实例形式较为深入的分析javascript中2个感叹号的用法。分享给大家供大家参考之用。具体分析如下: javascript中的!!是逻辑"非非",即是在逻辑“非”的基础上再"非"一次。通过!或!!可以将很多类型转换成bool类型,再做其它判 ......
感叹号