前端
关注
分享
扫一扫
ViTa柠柠茶
初来乍到，请多指教
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
微信小程序扫描普通二维码跳转到小程序指定页面
微信小程序扫描普通二维码跳转到小程序指定页面原创 2023-02-10 10:46:25 · 17204 阅读 · 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 · 4165 阅读 · 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 · 9436 阅读 · 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 · 2012 阅读 · 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 · 2283 阅读 · 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 · 1365 阅读 · 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 · 4080 阅读 · 15 评论 -
Vue+Element+PageHelper实现分页
因为之前一直是用Layui来显示数据和对表格进行分页，最近刚学了Vue和Element组件，那就把它们结合起来实现分页以及数据的显示吧。Element和Vue可到官网详细了解。我们先来看一下我们完成的效果，如下：首先我们创建一个SpringBoot或者Maven工程，要使用PageHelper的话需要在我们项目的pom文件中引入依赖，至于mybatis和mysql的相关依赖就不一一细说了，这些都是查询操作数据库必须的依赖，其中还有一个lombok的插件也需要引入依赖，在实体类中会用到<!--原创 2021-06-20 15:04:58 · 1153 阅读 · 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 · 3524 阅读 · 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 · 4578 阅读 · 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 · 2037 阅读 · 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 · 644 阅读 · 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 · 2282 阅读 · 1 评论 -
如何使用hover同时让多个元素发生变化
11原创 2019-01-25 09:05:21 · 17844 阅读 · 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 · 1243 阅读 · 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 · 13820 阅读 · 7 评论