点击echarts图表title进行相关操作

发布时间:2022-12-01 ECMASCRIPT JAVASCRIPT ECHARTS
最近在做移动端项目,页面中有一张echarts图表和一个列表,并且它们几乎已经占满页面,而页面还差一个功能是要跳转到另一个详情页面,想了半天没想到这个按钮做哪儿,后面后台老哥提醒我可以点击echarts的标题进行跳转。之前有做过点击echarts的数据弹出弹窗,但是怎么确定是点到标题进行操作呢? 上代码:(Vue) methods:{ initChart(){ this.chart = echarts.init(document.getElementById('chart')); this....

vue3的兄弟组件通信

发布时间:2022-12-01 VUE.JS JAVASCRIPT 前端
1、自定义全局事件总线 1、主文件定义//对象的类型限制type BusClass = { emit:(name:string,value:any)=>void on:(name:string,callback:Function)=>void}//事件名的类型限制type list = string | number | symbol//事件对象type List = { [key:list]:Array<Function>}class Bus implement...

HTML生日快乐-生日祝福(烟花+粒子动画)

发布时间:2022-12-01 JAVASCRIPT 项目实践 前端 HTML
本人对前端不太了解,对网上代码进行简单修改,完成部署。 粒子动画:https://github.com/kennethcachia/shape-shifter 烟花:网上有许多相关代码,未找到原作者 效果:http://8.130.106.21/HappyBirthday/HappyBirthday.html 代码:         1)百度网盘         链接:https://pan.baidu.com/s/1-pC9d_s4ldD6y5Y3KZCkQg          提取码:...

前端知识总结

发布时间:2022-12-01 VUE.JS HTML5 JAVASCRIPT
一、HTML篇 1.语义话的目的是什么? 提高代码的可读性,页面内容结构化,便于开发人员的代码编写,同时提高的用户体验;有利于SEO ,便于搜索引擎爬虫爬取有效信息。 常见的语义化标签: <h1>~<h6>标签:标题标签,h1等级最高,h6等级最低<header></header>:用于定义页面的介绍展示区域,通常包括网站logo、主导航、全站链接以及搜索框<nav></nav>:定义页面的导航链接部分区域<main>&l...

原型与原型链,以及原型对象中this的指向

发布时间:2022-12-02 JAVASCRIPT 开发语言
目录 一、构造函数和原型对象         1、构造函数:          2、构造函数的成员或类的成员         (1)什么是成员?         (4)构造方法和类的区别:         3、原型对象:            (1)每个构造函数都存在一个原型对象,可通过构造函数的prototype属性访问            (2)对象的原型对象:js中每个对象都有一个原型对象,                                                 通过 p...

Html JavaScript

发布时间:2022-12-01 前端基础 JAVASCRIPT HTML CSS
目录 html  基本标签 段落标记 标记字 换行 水平线 预留格式 粗体字 斜体字 插入字 删除字 右上角加字 右下角加字 font标签 实体符号 空格 小于号 大于号 表格 基本表格 单元格合并 th标签 thead、tbody、tfoot标签 背景颜色和背景图片 图片 超链接 列表 表单 HTML中元素的id属性 div和span JavaScript概述 嵌入JS三种方式以及JS的注释 行间事件 页面script标签嵌入 外部引入 变量 变量的声明与赋值 函数的定义与调用 局部变量和全局变量 JS...

【JavaScript】

发布时间:2022-12-01 JAVASCRIPT 前端 开发语言
插件 Swiper中文网-轮播图幻灯片js插件,H5页面前端开发(TAB栏) https://www.swiper.com.cn/ JavaScript 介绍 JavaScript (是什么?) 是一种运行在客户端(浏览器)的编程语言,实现人机交互效果。 作用(做什么?) 网页特效 (监听用户的一些行为让网页作出对应的反馈) 表单验证 (针对表单数据的合法性进行判断) 数据交互 (获取后台的数据, 渲染到前端)服务端编程 (node.js) JavaScript的组成(有什么?) ECMAScrip...

记录JS处理数据的方法(持续更新)

发布时间:2022-12-01 前端开发 JAVASCRIPT 前端
经常要处理后端返回的数据格式问题,记录下… 1、将数组转化为对象 arr.reduce() const lessons = [ { title: 媒体查询响应式布局, category: css }, { title: FLEX 弹性盒模型, category: css },];// -------------------reduce---------------------------let lessonObj = lessons.reduce((obj, cur,...

js 小数计算丢失精度问题

发布时间:2022-12-02 VUE.JS 计算 JAVASCRIPT 前端
目录 常见场景: 处理思路: 封装公共方法 常见场景: 0.1 + 0.2 = 0.30000000000000004  1.5 - 1.2 = 0.30000000000000004 19.9 * 100 = 1989.9999999999998 0.3 / 0.1 = 2.9999999999999996   案例(2) 处理思路: 可以通过先乘10的倍数,然后再除 比如 我要保留两位小数 那我就乘100,运算完后再除100, 更精确的计算(案例2) 有8为小数 ,那么我们需要把2个数 计...

vue+科大讯飞语音听写功能(解决针对vue new Worker报错问题)

发布时间:2022-12-01 VUE.JS JAVASCRIPT 前端 语音转换
参考1:vue+科大讯飞语音听写功能(解决针对vue new Worker报错问题)_Other world的博客-CSDN博客 参考2:vue中使用web worker - Gerryli - 博客园  参考3:将PC浏览器、ZOOM等软件正在播放的音频实时转成文字!讯飞语音输入法的妙用 - 知乎 1.查看node版本,本人如下: 本人项目目录,主要用到的画红色圈圈的三个文件 2.添加 package.json 文件版本: dependencies: { enc: ^0.4.0, jq...

Ajax、Axios和JSON

发布时间:2022-12-01 JAVA AJAX JAVASCRIPT 前端
资源的请求方式 客户端请求服务器时,请求的方式有很多种,最常见的两种请求方式分别为 get 和 post 请求。 get 请求通常用于获取服务端资源(向服务器要资源) 例如:根据 URL 地址,从服务器获取 HTML 文件、css 文件、js文件、图片文件、数据资源等 post 请求通常用于向服务器提交数据(往服务器发送资源) 例如:登录时向服务器提交的登录信息、注册时向服务器提交的注册信息、添加用户时向服务器提交的用户信息等各种数据提交操作 一、概念 Ajax的全称是Asynchrono...

【某OTA网站加密参数还原生成】

发布时间:2022-12-01 JAVASCRIPT
前言 最近看了下某网站的接口数据,发现和以前不一样了,于是花了会时间看了下 一、接口加密参数怎么生成? 看了下接口 会发现有个testab参数 (以前叫eleven) 那么这参数怎么生成的呢? 既然这个参数名字叫testab 不妨试着搜索一下这个参数 如图 然后直接点击进入代码查看 可以发现这里就是这个接口的地址 然后断点 进入调试 然后发现这个参数就是这个e的值 通过 e=e()这个函数返回的 那么这个参数怎么生成的呢 找下调用栈 在这里 我直接在控制台运行了这一行代码 发现返回unde...

window版本下node版本管理工具 - nvm-windows教程

发布时间:2022-12-01 JAVASCRIPT VUE.JS 前端 项目实操
背景 前端项目越来越多,一些项目可以使用最新的nodejs版本,而有些项目(如:vue-admin-template)依赖的包需要在特定的nodejs版本中执行,这时,使用nvm管理nodejs版本就十分方便。 一、nvm及nvm-windows简介 nvm nodejs版本管理工具,仅适用于linux和mac系统 nvm-windows nvm-windows版本,和nvm基本命令大致相同。目前使用win10系统,所以记录nvm-windows安装过程。 二、nvm-windows安装...

一文带你搞定typescript语法

发布时间:2022-12-02 学习 JAVASCRIPT TYPESCRIPT
第一部 变量,never,元组,可选链,联合等 var name:string = zlkvar age:number = 18var num1:number = 222var num2:number = 0x100var num3:number = 0o100console.log(name,age,num1,num2,num3)//数组var list:string[] = []list.push('abc')list.push('def')console.log(list)//布尔var bool1...

chrome设置【auto-complete=off】属性无效的解决办法

发布时间:2022-12-02 JAVASCRIPT ELEMENT-UI ELEMENTUI VUE开发 前端 JS
针对chrome设置【auto-complete=off】属性无效问题进行了搜索,解决办法基于以下搜索记录(因搜索结果的方法实测在【搜索1:无输入内容时获取焦点依然会有密码提示框问题,搜索2也是该问题】,但是给我提供了思路,故记录一下此坑) <el-input type=password ref=password v-show=inputType=='password' v-model.trim=form.password placeholder=请输入当前账户的登录密码> </el-i...

面试题九: JS中的this值指向问题

引入: 由于JS是一门包容性很强的语言,this值在不同情况的指向也非常灵活,大多数情况下函数在没有被调用的时候,this值是无法确定的,但也有一些特殊情况,本篇博客就以常规和特殊情况下this的指向问题进行总结。 1.全局环境  在<script>标签内一个普通函数直接被调用,此时的this值就是window function fn() {             console.log(this);  //window         } fn() 2.对象里面的方法 直接通过...

typescript学习

发布时间:2022-12-02 学习 JAVASCRIPT TYPESCRIPT
ts的安装与运行 安装ts npm install -g typescript 查看ts版本 tsc -v 将ts文件转为js文件 tsc 文件名.ts 执行js文件 node 文件名.js ts基础语法 ts 模块函数变量语句和表达式注释 ts常用编译参数 tsc --help ts保留关键字 varconst… ts区分大小写分号可选ts注释 单行注释 //多行注释 /**/ 面向对象 对象:对象objects是类的一个实例,有状态和行为类:类class是一个模版,描述一...

小程序——软件技术框架

发布时间:2022-12-02 JAVASCRIPT 前端 小程序
1.Uniapp (1)学习认识 简介: uni-app 是一个使用vue的语法 + 微信小程序的标签和API的跨平台前端框架,开发者编写一套代码,可编译到iOS、Android、H5、小程序等多个平台,几乎覆盖所有流量端。 开发工具: 首选使用官方推出的HBuilderX 编辑器 框架目录: 主要分为两层,逻辑层和视图层。 ┌─components uni-app组件目录│ └─comp-a.vue 可复用的a组件├─hybrid ...

新建一个Vue项目

发布时间:2022-12-01 VUE.JS JAVASCRIPT 工作积累 前端
安装前提:node 大版本号在>=12<=16  node -v可以监测node版本 下载地址 : http:/ / nodejs.cn/download/ npm 要求是 中国镜像 taobao 查看镜像 : npm config get registry  npm config set registry https://registry.npm.taobao.org 设置中国镜像: npm ...

jQuery练习案例:实现用户登录验证和图书列表添加删除(+原生)

发布时间:2022-12-01 JQUERY JS练习题 JAVASCRIPT 前端
练习题目来自:《JavaScript交互式网页设计》复习考试_java庞的博客-CSDN博客 练了上面这个博主的复习题,用原生操作DOM比较麻烦一点,但js的原生和H5自我感觉不是写得很好 目录 一、用户登录案例需求 二、图书管理列表页面需求         ——————jQuery———————— 一、通过jQuery实现用户表单登录验证 1.1 HTML 页面 1.2 JavaScript(jQuery) 二、通过jQuery实现图书管理列表 2.1、HTML页面 2.2 JavaScript(jQu...

日常RN 报错处理

发布时间:2022-12-02 RN REACT.JS JAVASCRIPT 前端笔记 REACT NATIVE
日常RN 报错处理: 现象: ios/bundle/main.jsbundle: No such file or directory 操作:用下面的命令生成 main.jsbundle react-native bundle --entry-file index.js --platform ios --dev false --bundle-output ./ios/bundle/main.jsbundle --assets-dest ./ios/bundle 生成过程 报其他错误: React nativ...

uniapp之使用map组件显示接收过来的经纬度

目录 前言 效果图 提示 总代码 分析 1.显示自己位置的属性 2.markers 点标记 前言 由于项目的需求,我需要从主页面接收经纬度,并渲染至地图上面,同时呢,也要在该位置上显示图标标记点(红色),与此同时也要显示自己位置(蓝色点),这个简单的功能就不需要使用高德地图或者腾讯地图,因为uni-app官网就有这个功能 map组件官网 效果图 提示 它会报  <map>: width and heigth of marker id 0 are required   翻译: 标记i...

Vue.js 笔记

发布时间:2022-12-01 VUE.JS JAVASCRIPT VUE 前端
一、前端工程化         1 就是四个现代化:                 ① 模块化(JS 的模块化、CSS 的模块化、资源的模块化)                 ② 组件化(复用现有的 UI 结构、样式、行为)                 ③ 规范化(目录结构的划分、编码规范化、接口规范化、文档规范化、Git分支管理)                 ④ 自动化(自动化构建、自动部署、自动化测试)         2 目前主流的前端工程化解决方法:                 ①...

TLE两行数与轨道六根数转换

发布时间:2022-12-01 JAVASCRIPT CESIUM
一、TLE格式讲解 参考:TLE格式 点这里,看TLE格式的详细解释!! 举例: BEIDOU 2A $6:YGWP0 1 30323U 07003A 07067.68277059 .00069181 13771-5 44016-2 0 587 2 30323 025.0330 358.9828 7594216 197.8808 102.7839 01.92847527 650 真正的数据实际上是下面2行,但是上面有一行关于空间物体其他情况的一些信息(空间物体可以是卫星,可以是末级火箭,可以是碎片...

web前端面试-10大经典题(HTML基础)

发布时间:2022-12-03 笔记 HTML JAVASCRIPT 前端 面试
HTML基础 1. HTML 文件中的 DOCTYPE 是什么作用? HTML超文本标记语言: 是一个标记语言, 就有对应的语法标准 DOCTYPE 即 Document Type,网页文件的文档类型标准。 主要作用是告诉浏览器的解析器要使用哪种 HTML规范或 XHTML规范来解析页面。 DOCTYPE 需要放置在 HTML 文件的 标签之前,如: <!DOCTYPE html><html>...</html> (目前主流) <!DOCTYPE HTML PUB...

【Echarts多种曲线实例】Echarts多条曲线不同时间轴对比(文尾附全套代码包)

发布时间:2022-12-02 前端开发 前端 ECHARTS JAVASCRIPT
**【写在前面】**今天我们来谈谈echarts,众所周知,这个是百度开发的一款图表线类组件工具,常用于我们页面所看到的折线图,饼图,雷达图等,在大屏可视化尤为可见,那么今天我们就从最开始的echarts,到我们开发过程中遇到的需求,指标历史对比曲线,其实也就是拿当前时间段的指标数据和它前一天、前三天、前一周、甚至指定日期的曲线对比,且要在同一时间纬度上。 别的也不多说,先睹为快,效果如下所示(多用于监控历史变化,监控异常采集): 1、实现基础Echarts的搭建 首先我们创建一个基础的demo,通过引...

原生js常用

发布时间:2022-12-01 VUE.JS JAVASCRIPT 前端 JS
1)获取id document.getElementById('iframeDiv') 2)获取class document.getElementsByClassName('iframeDiv') var iframeDiv = document.getElementsByClassName('iframeDiv')for (let i = 0; i < iframeDiv.length; i++) { console.log(iframeDiv[i])} 3)设置style dom.setAtt...

前端常用的网站

npm:npm GitHub:GitHub: Let’s build from here · GitHub  Vue2中文官方文档:介绍 — Vue.js Vue3中文官方文档:简介 | Vue.js  Swiper:Swiper中文网-轮播图幻灯片js插件,H5页面前端开发  Bootstrap:Bootstrap中文网 Can I use:Can I use... Support tables for HTML5, CSS3, etc  查看方法在浏览器上的兼容性 owl.carouse.js:Wel...

js文件模块化引用问题(JavaScript modules)

发布时间:2022-12-03 IMPORT DEFER EXPORT JAVASCRIPT SCRIPT MODULE ASYNC
有个前端项目,需要用到配置文件。这个配置文件实在是太大了,就想拆成多个小的,然后一一引入,组合成一个完整的配置文件。 如果是vue代码,这种情况根本是手到擒来,不费吹灰之力,而该前端项目是个普通的js程序。但其实,在编写VUE代码过程中,我们所熟知的import,export,并不是VUE的语法,而是js es6(?)的语法。所以,虽然不是VUE项目,现在一般的浏览器都能支持js代码中使用import和export。 思路是这样的: 1)将配置文件拆成一个主配置文件,以及多个小的js文件 2)每个小j...

‘vue‘ 不是内部或外部命令,也不是可运行的程序或批处理文件

发布时间:2022-12-01 VUE.JS 日常错误 JAVASCRIPT NPM
1. 输入命令找到npm 的配置路径npm config list  2. 查看此路径下有没有vue.cmd  3 .如果有vue.cmd,将当前路径添加系统环境变量;     如果没有vue.cmd,需要下载后在将当前路径添加系统环境变量;下载方式如下: 打开cmd:输入命令npm install -g vue-cli ,会自动下载模板:  有时命令npm install -g vue-cli 会出现ERR错误,可以换用cnpm install -g @vue/cli 命令; 4. 需要卸载...

JQuery用户注册表单验证

发布时间:2022-12-03 JQUERY JAVASCRIPT 前端
使用jquery编写代码实现用户注册表单的验证功能: 用户名、密码、确认密码和手机号不能为空密码长度在8~20位之间,密码至少由数字、字母或下划线其中两种组成确认密码必须和密码一致手机号应该是11位,并且是合法的手机号段验证码随机生成,可以忽略大小写 部分代码:(完整代码) <script type=text/javascript> $(()=>{ // 用户名校验 $(#username).focus(function(){ ...

【JavaWeb】第五章 jQuery(中篇)

发布时间:2022-12-01 JQUERY JAVAWEB JAVASCRIPT 前端
🍁【JavaWeb】第五章 jQuery(上篇) 9、内容过滤选择器 1):contains(text) 匹配包含给定文本的元素 //查找所有包含code的div元素$(div:contains(code)); 2):empty 匹配所有不包含子元素或者文本的空元素 //空元素即起始标签和结束标签中间没有东西$(div:empty) 3):parent 匹配含有子元素或者文本的元素 //即找非空的$(div:parent) 4):has(selector) 匹配含有选择器所匹配的元素的元素 <d...

vue2+canvas 根据坐标实现小车移动

发布时间:2022-12-02 VUE 笔记 JAVASCRIPT VUE.JS 前端
20221112_220533 vue2+canvas 根据坐标实现小车移动 最近接手了一个大屏项目,负责部分技术支持,其中包括本次小车移动动画。在思考后共有两种方案,第一种是使用position:absolute,加上top,left和transform:rotate()属性控制小车移动,第二种使用canvas中的定位加旋转画布实现。本文主要介绍使用canvas实现。 小车的移动轨迹绘画 demo中使用了两层canvas,小车的轨迹使用lineTo与moveTo绘画较为简单,以下先给出轨迹坐标及小车...

html:VScode常用快捷键,web基本组成,创建文件,命名规范

发布时间:2022-12-02 JAVASCRIPT 前端 HTML
VScode常用快捷键: 英文 ! 按回车enter        :会快速打出html        后缀名 . 自行填写 shift+al (鼠标放在复制行代码区,或者鼠标选择区域)       控制 向下 键        :会快速复制粘贴 alt + z        代码自动换行 鼠标右键,选择 格式化代码,快速代码排版对齐 鼠标轮盘按住下拉,进行代码编写,删除,一次处理多层相同行 长按alt键,鼠标选择不同的区域进行代码编写 鼠标选择代码区域,ctrl+d , 快速选择相同代码,可以快速删除。...

前端框架——Vue

发布时间:2022-12-03 VUE.JS JAVASCRIPT 前端
0.小笔记 (1)当控制台Data中的数据发生改变时,模板要重新解析。 1.Vue特点 (1)采用组件化模式,提高代码复用率,且让代码更好维护。 (2) 声明式编码,让编码人员无需直接操作dom,提高开发效率。  (3)使用虚拟DOM+优秀的Diff算法,尽量复用DOM节点。 Ajax发送请求: JQuery发送Ajax请求:    Jquery通用方法发送Ajax请求:    axios发送请求: 2.一个Vue实例: 总结:   3.模板语法 (1)插值语法:  (2)指令语法:...

【js数组的基本使用方法】javascript最全的数组方法

发布时间:2022-12-02 VUE.JS 前端基础 JAVASCRIPT 前端
数组转字符串—— .toString() toString() 在把数组转换成字符串时,首先要将数组的每个元素都转换为字符串。当每个元素都被转换为字符串时,才使用逗号进行分隔,以列表的形式输出这些字符串。 参数:无 返回值:需要一个变量接受,数组内容转化为字符串,引用数据类型会返回数据类型,会发生隐式转换 是否改变原数组:不改变 let arr = ['one', 'two', 'there', { name: 50, age: { ageted: 15 } }, [12, 12, 5,...

JS实现电梯导航

发布时间:2022-12-01 JAVASCRIPT 前端 HTML CSS
首先明确需求  这里我想做的是一个侧边电梯导航,可以实现点击楼层按钮文字跳转到相应的区域,同时楼层按钮高亮显示,在最顶部时,隐藏电梯导航栏,当页面滚动到下方是,显示导航栏,随着页面的滚动,导航栏按钮跟着内容变化, html部分 这里直接那之前写的网页添加一个侧边电梯导航 并给所有需要导航的楼层添加一个floor类名 <!-- 电梯导航开始 --> <aside class=elevator-nav> <ul> <!...

Vue知识点整理(待更新)

发布时间:2022-12-02 JAVASCRIPT VUE.JS 前端 技能树
Vue知识点整理(待更新) 参考Vue.js中文官网,Vue 知识点汇总(上)–附案例代码及项目地址,Vue 知识点汇总(下)–附案例代码及项目地址,Vue知识点汇总【持更】 一、基础知识 【问】JS中attribute和property有什么区别?(attribute属性在HTML上,property属性值在js上;两者的区别是attribute不会同步property的值,而property可以同步attribute的值) Note: attribute是HTML标签上的特性,它的值只能够...

webpack单页面项目与多页面项目学习搭建

发布时间:2022-12-03 学习 前端充电 JAVASCRIPT WEBPACK
webpack的配置项与单页面 举个例子 => 你有这样一个项目架构 ├── config│ ├── webpack.config.js //webpack配置文件├── src│ └── view //页面部分│ ├── router //项目的路由│ ├── reducer //项目的redux仓库│ └── app.js //项目的入口文件├── public│ └── index.html //入口文件最后注入到的html└── package.json //依赖的版本信息及运行...

vue项目双滑块组件

发布时间:2022-12-03 JAVASCRIPT VUE.JS VUE插件 CSS
先看效果图: 说明:两端值300,750 是可选范围的最大值;两个按钮上的值是已经选择的范围 ; 目前灰色背景条的宽度单位是px, 组件代码地址:https://gitee.com/yin_dong/vue_shuanghuakuai/tree/master/shuanghuakuai 上面代码中,背景条宽度是写死的;下面是优化后的代码:   <template> <div :style={ display: 'flex', 'justify-content...

node.js、npm、webpack、vue、express区分

发布时间:2022-12-01 WEB前端 JAVASCRIPT 前端 WEBPACK
1、node.js Javascript的一种运行环境,相当于java的虚拟机JVM; 2、npm nodeJs的包管理工具(package manager),相当于maven; 现在的nodeJS已经继承了npm,包括:安装、卸载、更新、查看、搜索、发布等。能解决nodeJS代码部署上的很多问题,常见的使用场景有以下几种: 允许用户从NPM服务器下载别人编写的第三方包到本地使用。允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用...

Vue部分面试题汇总

发布时间:2022-12-03 面试题 VUE.JS JAVASCRIPT 前端
1. Vue常见的指令有哪些,有什么用 常用指令作用v-model多用于表单元素双向数据绑定v-bind动态数据绑定,简写为冒号v-on事件绑定,简写为@v-for动态渲染v-once能执行一次性地插值,当数据再次改变时,插值处的内容不会更新v-show动态渲染元素的显示与隐藏v-if动态渲染和删除元素v-else和 v-if 搭配使用v-else-if同上v-html动态渲染节点的html内容,原内容会被覆盖,可以解析富文本v-text动态渲染节点的文本内容,原内容会被覆盖,不可以解析富文本 2. Vu...

vue知识点总结

发布时间:2022-12-02 VUE.JS JAVASCRIPT 前端
目录 Vue常见的指令有哪些,有什么用 双向数据绑定的原理 路由的跳转和传参有哪几种方式 组件间的通讯方式有哪些 谈一谈对路由守卫的理解(谈理解,一般就是总分总,它是什么,用在哪,有什么用,怎么用,有什么注意事项,再结合项目说明更好) 谈一谈对Vuex的理解 谈一谈对混入的理解 谈一谈对插槽的理解 什么是跨域,如何解决 Vue常见的指令有哪些,有什么用      v-if 根据表达式的值的真假条件渲染元素。在切换时元素及它的数据绑定 / 组件被销毁并重建 v-show 根据表达式之真假值,切换...

GEE:MODIS计算生物量

本文记录通过NPP和GPP数据来计算生物量。 数据集合: NPP【MODIS/006/MOD17A3H】 GPP【MODIS/006/MYD17A2H】 一、结果展示: 以三峡库区为例,计算其生物量,并打印均值折线图。 打印生物量均值折线图 二、代码实现 //加载矢量,然后直接运行var roi = table.geometry();// 设置地图中心和加载矢量Map.centerObject(roi, 5);//Map.addLayer(roi,false,roi);var nppDataset...

Vue2笔记

发布时间:2022-12-02 个人笔记 VUE.JS JAVASCRIPT 前端
安装 老版本 Vue-cli安装 安装依赖和插件 运行单个vue文件 在目录下控制台运行vue serve xxx.vue (vue文件名) v-if和v-show if等于false时是直接删除这个节点,在网页源代码中都找不到了 而show是隐藏这个节点,只是将display=‘none’ <div v-show='myshow'> 动态的显示和隐藏</div><div v-if='myid '> 动态的创建和删除</div>...

JavaScript BOM和DOM部分

发布时间:2022-12-03 JAVASCRIPT
目录 认识BOM BOM定义 系统对话框涉及到的方法 open方法 history对象 location对象 location对象方法 认识DOM DOM  获取元素节点 自定义byClassName方法 获取当前有效样式 改变字体颜色和大小案例 attribute和元素节点属性 获取子节点 属性节点attributes  DOM的节点操作 节点操作案例 this和快速找到当前点击按钮下标 this关键字 选项卡 offset系列方法 文档碎片 数组和对象的遍历方法 数组遍历: 对象遍历 认识BOM B...

GEE:提取多个点的时间序列数据,保存为csv格式(以NDVI为例)

发布时间:2022-12-02 GEEMAP 云计算 JAVASCRIPT 遥感算法 GEE
这几天做了一些提取一个点时间序列的工作,本文第一个代码记录了提取三个点的NDVI值时间序列的代码,并且记录了以csv格式保存结果到本地的方法。第二个代码记录了将一个点的时间序列以折线图的形式打印在控制台中。 一、输入点坐标 输入三个点的数据。 二、结果展示 每一个点的LAI时间序列都保存在了csv表格之中,如下图所示。‘索引’对应点的索引,代码中已经将点的列表打印出来,可以对应索引检索。每一列都是时间。 三、代码实现 主要的代码如下所示,可以直接运行。 //将点坐标转换成FeatureCol...