- 博客(29)
- 收藏
- 关注
RSS订阅原创 3.Cesium JS中的camera
flyTo方法用于使相机飞行到指定位置和方向。你可以通过提供目标位置和视角，让相机平滑地飞行到指定的位置。lookAt方法用于将相机的视线指向地球上的某个点。你可以指定目标点的经纬度和高度，相机会调整视角以看向该点。setView方法用于设置相机的位置和朝向，但不会进行平滑过渡。相机会立即跳转到指定的位置。
2023-08-04 17:09:00
199
原创 2.cesium中的重要组件
Viewer负责创建和管理Scene、Camera、Canvas等组件，并提供了许多配置选项和交互方法，使你可以自定义和控制地球场景的行为。Entity表示地球上的实体，可以是点、线、面、模型等。通过Entity，你可以设置地理位置、样式、属性等信息，用于在地球上展示各种对象和特征。Camera用于控制地球视图的相机，你可以通过Camera的方法和属性来调整视角、缩放、旋转等相机的行为。Cesium提供了一些内置的UI小部件，用于实现常见的交互功能，如时间轴、导航控制、全屏等。
2023-08-04 16:59:57
307
原创 vue3学习日志（vite+ts+vue3）
无需构建步骤，渐进式增强静态的 HTML在任何页面中作为 Web Components 嵌入单页应用 (SPA)全栈 / 服务端渲染 (SSR)Jamstack / 静态站点生成 (SSG)开发桌面端、移动端、WebGL，甚至是命令行终端中的界面created 元素初始化的时候beforeMount 指令绑定到元素后调用 只调用一次mounted 元素插入父级dom调用beforeUpdate 元素被更新之前调用update 这个周期方法被移除 改用updated。
2023-06-10 10:10:24
397
原创 js获取dom元素宽高的方法
这种⽅法，⼀般⽤于计算元素的绝对位置，根据视窗左上⻆的点来算的。这种⽅法，也是有⼀定局限性，不过我们三种常⽤css样式都能获取。这种⽅法，有⼀定局限性，只能取。
2023-04-27 11:31:22
2225
原创 web components
Web Components 是一套不同的技术，允许您创建可重用的定制元素（它们的功能封装在您的代码之外）并且在您的web应用中使用它们。
2023-04-08 21:35:08
84
原创 Vue3高级性能优化
当后端传入超过一千条数据后，前端展示压力很大，可以使用虚拟表格进行展示，在。执行npm run build后会自动打开该网址。PWA技术让web网页无限接近于Native应用。都使用postMessage发送消息。都使用onmessage接收消息。VUE use 已经集成。
2023-04-08 19:51:51
307
原创 promise入门
文章目录promise的基本使用promise初体验作用：可以链式调用，解决回调地狱问题promise的基本使用promise初体验 <button id ="btn">click</button> <script> const btn = document.querySelector("#btn") btn.addEventListener("click",function(){ const
2022-05-12 09:01:48
334
原创 前端学习日志(Wechat mininprogram)
小程序全局配置app.js1.pages:pages立面的顺序代表页面顺序，第一个路径默认为首页查阅文档页面级会覆盖全局的配置tabbar:{list:[{},{}]}具体参考文档小程序框架imina整个小程序框架系统分为两部分：逻辑层（App Service）和 视图层（View）。小程序提供了自己的视图层描述语言 WXML 和 WXSS，以及基于 JavaScript 的逻辑层框架，并在视图层与逻辑层间提供了数据传输和事件系统，让开发者能够专注于数据与逻辑。支持es6的模块化开发
2022-02-26 12:11:07
1899
原创 前端学习日志(jquery)
1.27$(function(){ $("div")})//和window.onload一样jquery 和 js 可以共存，不能混用jquery常用方法 $("div").filter('.box').css("backgroundColor",'orange');//对已经获取到的元素进行过滤 家长 $("div").not('.box').css("backgroundColor",'orange');//filter的反义词 $("div").ha
2022-02-25 16:18:55
406
原创 前端学习日志(CSS)
1.17主流浏览器及其内核IE tridentChrome webkit/blink(2014)Firefox GeckoOpera prestoSafari webkitcascading style sheet层叠样式表（css）1.行间样式 <div style="border: 0; width: 10px; background-color: brown; "></div>2.页面级css <style type="text
2022-02-17 20:38:28
263
原创 前端学习日志(Vue)
2.3Vue为渐进式一个vue实例对应一个容器 <div id="id"> <h1>hello, {{name}}</h1> </div> <script text="text/javascript"> Vue.config.productionTip = false;//阻止 vue 在启动时生成生产提示 const x = new Vue({ el:'#id',/
2022-02-11 12:56:36
2331
原创 前端学习日志(javascript)
1.18js为执行队列，其为轮转时间片，单线程页面级js<script></script>外联式js<script type="text/javascript" src="practice.js"> </script>变量类型原始值（Stack）number boolean string undefined null true/faulse引用值（heap）array object function(相当于为全
2022-01-27 12:39:49
414
原创 浅谈lineheight
浅谈line-height大家都知道line-height有五个值（如下）.height{ line-height: 10px; line-height: 5em; line-height: 200%; line-height: 1.5; line-height: normal;}但在平时对css文件中，我们一般都会用line-height:1.5这个形式来进行初始化，你知道是为什么吗？为什么用该形式<!DOCTYPE html><html><hea
2021-04-21 22:18:06
132
原创 随机数的利用
：对自己的随机数的设置1、可以利用头文件对随机数设置种子，随后利用rand函数对其进行随机设置例如：#include<stdio.h>#include<stdlib.h>int main(){int a , seed;printf(“Pelase input seed:”);scanf("%d",&seed");//设置随机数种子srand(seed);a = rand()%100+1\设置1到100的随机数printf("%d\n",a);re
2020-11-02 09:01:45
219
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人