JS实现环绕地球飞行的3D飞行线动画效果(JS+HTML)

1.项目介绍 JS+HTML实现绕地球飞行的3D飞行线动画效果,且3D地球可以随意拖动和滑动缩放,画面中心是蓝色地球,地球表面上的两点连线之间有光电随机出现沿着抛物线轨迹3D飞行,可使用较好的浏览器打开,如microsoft edge打开,效果如下图所示: 2.html源码如下所示 <!DOCTYP ... »

FormData使用方法详解

FormData的主要用途有两个: 1、将form表单元素的name与value进行组合,实现表单数据的序列化,从而减少表单元素的拼接,提高工作效率。 2、异步上传文件 一、创建formData对象 1、创建一个空对象: //通过FormData构造函数创建一个空对象 var formdata=ne ... »

ts装饰器的用法,基于express创建Controller等装饰器

TS TypeScript 是一种由微软开发的自由和开源的编程语言。它是 JavaScript 的一个超集,而且本质上向这个语言添加了可选的静态类 型和基于类的面向对象编程。 TypeScript 扩展了 JavaScript 的句法,所以任何现有的 JavaScript 程序可以不加改变的在 Ty ... »

js 数组的浅拷贝和深拷贝

1.背景介绍 javascript分原始类型与引用类型。Array是引用类型,直接用“=”号赋值的话,只是把源数组的地址(或叫指针)赋值给目的数组,指向的是同一个内存地址,其中一个改变另一个也会改变。并没有实现数组的数据的拷贝。这种方式的实现属于浅拷贝。 深拷贝是开辟新的储存空间,两个对象对应两个不 ... »

CSS实现页面切换时的滑动效果

最近在开发手机端APP页面功能时遇到一个需求:某个页面查询的数据有三种分类,需要展示在同一页面上,用户通过点击分类标签来查看不同类型的数据, 期望效果是 用户点击标签切换时另一个页面能够以一个平滑切入的方式展示数据. 示意图如下: 话不多说了. 首先上CSS <style type="text/cs ... »

简单梳理下 Vue3 的新特性

在 Vue3 测试版刚刚发布的时候,我就学习了下 Composition API,但没想到正式版时隔一年多才出来,看了一下发现还是增加了不少新特性的,在这里我就将它们一一梳理一遍。 本文章只详细阐述 Vue3 中重要或常用的新特性,如果想了解全部的特性请转:Vue3 响应性基础 API Compos ... »

推荐一个vuepress模板,一键快速搭建文档站

介绍 vuepress-template是一个简单的VuePress案例模板,目的是让用户可以直接clone这个仓库,作为初始化一个VuePress网站启动项目,然后在这个项目的基础上新增自定义配置和功能。 为什么推荐这个模板? 有部分刚接触VuePress的同学,按照官方教程操作下来会遇到大大小小 ... »

Spring组件注册

Spring组件注册 @Configuration @Configuration注解告诉Spring这是一个配置类 @Bean @Bean注解是给容器中注册一个Bean,类型是返回值的类型,id默认是方法名作为id @Bean("person") public Person person2(){ S ... »

避坑!js正确地使用fill()初始化二维数组

先介绍一下坑 fill()方法都知道,填充数组 比如: let a = new Array(5).fill(0); console.log(a); // 输出结果为[0, 0, 0, 0, 0] 当我们想使用fill创建一个二维数组时 let arr=new Array(5).fill(new Ar ... »

window.open()打开新窗口教程

使用 window 对象的 open() 方法可以打开一个新窗口。用法如下: window.open (URL, name, features, replace) 参数列表如下: URL:可选字符串,声明在新窗口中显示网页文档的 URL。如果省略,或者为空,则新窗口就不会显示任何文档。 name:可 ... »

Gulp4.0入门和实战

gulp4.0入门和实战 我最近遇到需要优化web的性能的任务,然后就捣鼓了一些对资源文件优化压缩的方案。由于之前的项目中有使用到gulp,所以在需要处理的web项目中也优先使用这个技术。 先聊聊gulp是什么? gulp被称为基于流的自动化构建工具,也是用NodeJS编写的额。使用NodeJs对文 ... »

React & Vue2 Butterfly图编排——让数据更自由地驱动DAG

一、简介 Butterfly是由阿里云-数字产业产研部孵化出来的的图编辑器引擎,由咱们部门以及其他开发者共同维护开发,具有使用自由、定制性高的优势,已支持集团内外上百张画布,不夸张的说,我觉得可以算的上“杭州余杭区最自由的图编辑器引擎”。 可是,由于大多数用户对于原生的jquery操作还是略感繁琐, ... »

js递归

js递归调用 方法一: // 一个简单的阶乘函数 var f = function (x) { if (x 1) { return 1; } else { return x * f(x - 1); } }; Javascript中函数的巨大灵活性,导致在递归时使用函数名遇到困难,对于上面的变量式声明 ... »

关于vuex的数据不直接给data而要通过computed

# 为什么vuex的数据不直接给data而要通过computed计算 ## 疑惑 其实一直以来使用vue的状态管理vuex都有一个疑惑,文档中介绍,vue的状态数据`$store.state.xx`的在组件中的使用通常都是通过组件的计算属性computed来使用如下: ```javascript c ... »

C#实现 Server-sent Events

基于http协议交互的推送方法大概方法如下: 轮询(ajax),比较耗费服务器资源。COMET方式(COMET 技术并不是 HTML 5 ) websocket 双向数据推送,灵活,功能强大 Server-sent-event(简称SSE),单项数据推送(Server-sent Events 规范是 ... »

命名函数表达式

一、定义函数的三种方法 1、函数声明 function 函数名称(参数:可选){/**函数体**/} 2、函数表达式(2种)也叫函数字面量 var f = function(){} //没有函数表示标识符 var f = function fun(){} //有函数表示符fun ,即命名函数表达式 ... »

js对flv提取h264、aac音视频流

FLV提取里面的h264视频流 FLV和MP4支持的编码 流媒体和媒体文件的区别 流媒体是指将一连串的多媒体资料压缩后,经过互联网分段发送资料,在互联网上即时传输影音以供观赏的一种技术与过程,此技术使得资料数据包得以像流水一样发送,如果不使用此技术,就必须在使用前下载整个媒体文件。flv属于流媒体格 ... »

活动可视化搭建系统——你的KPI被我承包了

前言 对于C端业务偏多的公司来说,在增长、运营等各方同学的摧残下永远绕不过去的一个坑就是大量的H5页面开发,它可能是一个下载、需求告知、产品介绍、营销活动等页面。此类需求都有几个明显的缺点: •开发性价比极低、上线时间紧,每次需要指派单独同学支持。•沟通成本高,而业务逻辑高度相似。•高频次的需求 有 ... »