![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
ViTa柠柠茶
初来乍到,请多指教
展开
-
微信小程序扫描普通二维码跳转到小程序指定页面
微信小程序扫描普通二维码跳转到小程序指定页面原创 2023-02-10 10:46:25 · 15682 阅读 · 4 评论 -
echarts堆叠柱状图
先看一下效果,根据echarts官网上的堆叠柱状图属性得到下面的效果<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>ECharts</title> <script src="https://lib.baomitu.com/echarts/4.7.0/echarts.js"></script></head><原创 2022-05-01 14:00:00 · 4012 阅读 · 2 评论 -
前端调用Api接口常用的请求方式
一、使用ajax请求主要使用到的参数:(url、type、data、dataType、success、error等,其他可根据需求)$.ajax({ //请求的地址 url:"http://localhost:8080/json/test.json", //请求方式,可用“get”或者“post”,默认为“get” type:"post", //设置请求超时时间(毫秒)。此设置将覆盖$.ajaxSetup()方法的全局设置。 timeout:10000原创 2022-03-30 16:12:53 · 9191 阅读 · 4 评论 -
Cesium天际线分析
var obj = { id: "Skyline", name: 'czm_skylinetemp', //fragmentShader 细绳 uniform着色器对象 fragmentShader: 'uniform sampler2D colorTexture;' + 'uniform sampler2D depthTexture;' + 'varying vec2 v_textureCoordinates;' + 'void main(void.原创 2022-02-07 09:56:34 · 1858 阅读 · 16 评论 -
Cesium剖面线分析
实现思路:1、使用一条线段来进行剖面分析。2、在开始点和结束点之间插值100个点。3、把插值的点数据赋值到echart中展现出来实现效果如下:首先还是得把模型加载出来,这个就不多解释,可以参考我的另一篇添加3D模型function addProfile(){ // 具体事件的实现 var ellipsoid = _this.viewer.scene.globe.ellipsoid var handler = new Cesium.ScreenSpaceEventHandler(_t原创 2022-01-27 17:13:21 · 1937 阅读 · 6 评论 -
cesium添加3DTitles
var position = Cesium.Cartesian3.fromDegrees(obj.position[0], obj.position[1], obj.position[2]); //数据加载位置 var heading = Cesium.Math.toRadians(obj.heading); var pitch = Cesium.Math.toRadians(obj.pitch); var roll = Cesium.Math.toRadians(obj.roll); var h.原创 2022-01-27 16:56:56 · 1197 阅读 · 0 评论 -
Cesium通视分析
通视分析是什么呢?就是将起点和终点连成一条线,判断这条线与场景之间是否有交点,如果有交点,就返回第一个交点,起点——交点创建绿polyline实体,交点——终点创建红色实体,绿线为可视区域,红线为不可视区域,效果如下图首先我们把模型加载到地图上//模型数据加载位置 var modelposition = Cesium.Cartesian3.fromDegrees(obj.position[0], obj.position[1], obj.position[2]); var heading = Ce原创 2022-01-27 16:31:02 · 3727 阅读 · 15 评论 -
Vue+Element+PageHelper实现分页
因为之前一直是用Layui来显示数据和对表格进行分页,最近刚学了Vue和Element组件,那就把它们结合起来实现分页以及数据的显示吧。Element和Vue可到官网详细了解。我们先来看一下我们完成的效果,如下:首先我们创建一个SpringBoot或者Maven工程,要使用PageHelper的话需要在我们项目的pom文件中引入依赖,至于mybatis和mysql的相关依赖就不一一细说了,这些都是查询操作数据库必须的依赖,其中还有一个lombok的插件也需要引入依赖,在实体类中会用到<!--原创 2021-06-20 15:04:58 · 1036 阅读 · 0 评论 -
Vue框架
开发工具与关键技术: JavaScript vue作者:肖广斌撰写时间:2021年2月8日vue框架是一个渐进式前端框架,可以提高前端开发效率。渐进式:可以选择性的使用该框架的一个或一些组件,这些组件的使用不需要将框架全部组件都应用;而且 用了这些组件也不要求你的系统全部都使用该框架。Vue是一个前端框架,也其实是一个vue.js文件,下载vue.js文件并在页面中引入该js文件就可以在页面中使用了。vue.js下载方式:1、可以引用在线的vue.js(需要联网才能使用)2、可以离线下载vu原创 2021-02-15 08:51:33 · 3457 阅读 · 1 评论 -
border-radius属性设置半圆弧线
开发工具与关键技术:DW border-radius属性作者:Mr_肖先生撰写时间:2019年2月18日这是在今天写css3时碰到的,想要弄个微笑的表情却不知如何下手,然后想到了border-radius设置圆角,试了很久还是弄不出来,最后发现了border-radius的一个新的写法,话不多说,看例子: <div class="div1"> <div class=...原创 2019-02-18 17:43:12 · 4475 阅读 · 0 评论 -
背景音乐开关的控制
开发工具与关键技术:DW JavaScript作者:Mr_肖先生撰写时间:2019年1月30日首先我们在html里嵌套好盒子,然后插入一首背景音乐,插入背景音乐的代码(audio),代码如下 <div id="music"> <audio src="music/GENERATIONS from EXILE TRIBE (放浪新世代 from 放浪一族) - H...原创 2019-01-30 10:29:45 · 1935 阅读 · 1 评论 -
遍历让选中图片高亮
开发工具与关键技术:DW JavaScript作者:Mr_肖先生撰写时间:2019年2月7日我们在html里插入图片,并简单写好样式<div class="top"> <div class="small_img" id="small_img"> <span class=""><img src="imag原创 2019-02-07 11:02:56 · 594 阅读 · 0 评论 -
如何简单使用纯CSS3模仿时钟的指针转动
首先我们简单的写好html需要用到的div盒子以及嵌套的内容,代码如下:&amp;amp;lt;!doctype html&amp;amp;gt;&amp;amp;lt;html&amp;amp;gt;&amp;amp;lt;head&amp;amp;gt;&amp;amp;lt;meta charset=&amp;quot;utf-8&amp;qu原创 2019-01-16 21:31:57 · 2203 阅读 · 1 评论 -
如何使用hover同时让多个元素发生变化
11原创 2019-01-25 09:05:21 · 17295 阅读 · 8 评论 -
鼠标点击哪里图片就移动到哪里
开发工具与关键技术:DW JavaScript作者:Mr_肖先生撰写时间:2019年1月19日首先我们要给html设置一些基本样式,创建与引入一个js文件<!doctype html><html><head><meta charset="utf-8"><title>鼠标点击哪图片就移动到哪</title>原创 2019-01-19 16:15:34 · 1184 阅读 · 2 评论 -
使用JavaScript获取当前时间并显示出来
开发工具与关键技术:DW html css3作者:Mr_肖先生撰写时间:2019年1月18日首先我们需要创建一个html文件,再创建一个js文件,然后引入js文件,我们给html嵌一个div盒子,里面添加一个id名叫timer,在js里需要用到,备注:id名字是自定义的,可以任意,但是要规范。&amp;lt;!doctype html&amp;gt;&amp;lt;html&amp;gt;&amp;lt;原创 2019-01-18 11:01:18 · 13718 阅读 · 7 评论