- 博客(49)
- 资源 (2)
- 问答 (9)
- 收藏
- 关注
RSS订阅原创 三维地图Cesium中，如何监听地图点击事件，实现在实体上面鼠标右击时做处理。
在Cesium三维地图上点击某个点，在该点加一个自定义图标的实体，并且鼠标右击这个实体时，我要做一些操作。添加一个自定义图标的实体，并为该实体添加一个myData自定义数据，后面根据这个数据做是否点击该实体的判断。
2024-06-30 00:36:41
606
原创 三维地图Cesium，加载一个模型，模型沿着给定的一组经纬度路线移动
三维地图Cesium，加载一个模型，模型沿着给定的一组经纬度路线移动1、加载指定可自定义火车模型2、移动的路线可以自定义修改，也可以在地图上自己选择移动路线(取路线代码已有)3、给定指定的移动速度4、视角切换(第一视角、自由视角、跟随视角)5、根据指定的经纬度点为起点开始移动6、停止移动、开始移动、到站提示、从起点重新移动、默认相机的视角7、根据实际业务，接口获取获取的速度、移动路线、车的状态(前进、静止、后退)来控制模型的状态
2024-06-09 17:26:52
1906
原创 前端项目加载离线的百度地图，利用工具进行切指定区域的地图影像，自定义图层getTilesUrl
百度地图在开发中我们经常使用，但是有些项目是需要在内网进行，这时候我们不得不考虑项目中一些功能需要请求外网静态资源，比如百度地图。只有把包下载到本地，才能让静态资源文件的正常的访问。
2024-05-08 23:55:34
2230
8
原创 vue项目基于WebRTC实现一对一音视频通话
vue项目基于WebRTC实现一对一音视频通话。完整代码gitee地址： https://gitee.com/wade-nian/wdn-webrtc.git。
2024-05-08 11:39:31
2815
3
原创 VMwareworkstation安装Centos7教程
设置静态IP地址与动态iIP差不多，也是要修改网卡配置文件 vi /etc/sysconfig/network-scripts/ifcfg-ens33 (最后一个为网卡名称)（2）下滑菜单找到Other Storage Options--Partitioning--I will configure partitioning选中。设置语言--推荐使用English--点击Continue。找到Asia--Shanghai并点击--Done。点击/home后点击左下角-按钮删除/home分区。
2024-04-26 16:03:14
952
1
原创 vue2，使用element中的Upload 上传文件，自定义上传http-request上传，上传附件支持多选，多个文件只发送一次请求，代码里有注释
vue2，使用element中的Upload 上传文件，自定义上传http-request上传，上传附件支持多选，多个文件只发送一次请求。
2023-08-18 16:03:07
3265
原创 typeScript内置工具类型，通俗易懂，例子解释(Record、Readonly、Required、Partial、Extract、Exclude、Pick、Omit、NonNullable..)
TS常用内置的工具类型有，Record、Readonly、Required、Partial、Extract、Exclude、Pick、Omit、NonNullable、Parameters、ReturnType。记住这些，在开发中，将会提高我们的开发效率。
2023-07-10 00:28:23
1419
原创 vue3夸组件通信$eventBus的使用
eventBus.emit('refreshEnterpriseStaus')触发的方法，监听该方法的dom必须存在。第一步：在项目目录下，新建文件，文件名称根据自己来，我是为了方便代码管理，新建的一个目录util。
2023-05-16 17:36:50
610
原创 基于vue原生js实现轮播图，中间大两边小，循环轮播，突破element中的走马灯最多放三个的限制。以显示轮播5个为例，可以添加多个图片进行循环。显示多少个由自己决定
5、单数据超过5条时，每一次切换图片下标时，都更新数据，这里需要两个数组数据，一个数组（A）存放5个，用户页面的显示。另一个数组（B）数据则是当前一共有多少张图片。3、点击右边小图标或者点击下一张时，每个图片当前位置下标加一，当加到下标超过数组数据长度时，下标重置0开始，循环（点击左边相反）2、点击两边某个图片要是显示在中间时，当前的图片位置与中间位置进行互换。4、每换一次下标，最中间的图片都要放大，总之按照自己需求，添加变化样式。1、初始化的时候，给当前五个图片设置固定的样式（中间图片大，两边小）
2022-11-04 23:24:24
3596
原创 鼠标移动区域，图片局部放大、点击左右按钮可以进行图片切换、鼠标悬停到图片上面，下面小图和主图自动切换
1、鼠标移动区域，图片局部放大2、点击左右按钮可以进行图片切换3、鼠标悬停到图片上面，下面小图和主图自动切换
2022-08-17 17:33:45
1194
原创 前端vue中如何让界面进行刷新一次，相当于点击左上角刷新按钮一次
使用到方法有两种，一个是window.location.reload()方法和路由router.go(0)方法，但是直接在vue界面调用的话会进行刷新死循环，
2022-08-04 14:17:07
9300
2
原创 js实现，点击侧边导航栏，可以平缓的跳到界面指定位置，同时当界面某个元素在浏览器可视范围的时候，相应的导航栏也显示相应的样式
注：要下载安装好jquery和element-ui"element-ui": "^2.15.8""jquery": "^3.6.0"有时候在使用‘$’报错找不到，可以直接在组件内这样使用import $ from 'jquery'window.jQuery = $window.$ = $效果如下：html代码：<div> <div class="navBox"> <ul class="navigation">..
2022-05-28 00:56:08
2511
原创 js如何实现鼠标进入到元素后，进度条从0%到100%动态移动
实现代码：html:<div id="box" @mouseover="overIn"> <p id="range"></p> <span id="percent"></span></div>css:#box { position: relative; margin: 100px auto; width: 300px; height: 2px; border-radius: 10..
2022-05-27 22:32:37
1494
原创 判断一个元素是否在可视区域中
在日常开发中，我们经常需要判断目标元素是否在视窗之内或者和视窗的距离小于一个值（例如 100 px），从而实现一些常用的功能；话不多说，方法有很多种，这里使用的是：getBoundingClientRect()方法getBoundingClientRect()获取元素位置，这个方法没有参数getBoundingClientRect()用于获得页面中某个元素的左，上，右和下分别相对浏览器视窗的位置。getBoundingClientRect()是DOM元素到浏览器可视范围的距离（不包含文档卷起
2022-05-27 19:46:51
1201
原创 node中，如何手动实现触发垃圾回收机制
参考阮一峰ES6标准入门中的实例，手动实现node --expose-gc // --expose-gc 表示允许手动执行垃圾回收机制然后执行代码：// 手动执行一次垃圾回收保证内存数据准确> global.gc();undefined// 查看当前占用的内存，主要关心heapUsed字段，大小约为4.4MB> process.memoryUsage();{ rss: 21626880, heapTotal: 7585792, heapUsed: 4708.
2022-04-18 21:22:03
2821
原创 js中，根据数组里面每个对象中某个共同字段进行分组分组。js对象数组重复值，值保留一个值的计算方法
完整代码：（将 id 相同的数据分在同一组） let dataArr = [ {id: 1, value: '值1'}, {id: 2, value: '值2'}, {id: 3, value: '值3'}, {id: 1, value: '值4'}, {id: 2, value: '值5'}, ]; function classify(arr){ let map = {}; let myArr = []; for(let i
2022-04-01 00:11:06
1181
原创 防抖与节流
防抖：引用场景，比如我现在有一个input标签，然后我想在里面搜索个东西，0.5秒后给我打印到控制台，这个功能很简单，代码如下，首先我们得拿到这个input框，然后给它绑定一个oninput事件，这个事件是当我在框里面输入东西时就会触发，如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title>&
2022-02-22 17:58:47
95
原创 vue2.0数据响应式原理
//视图更新function updateView(){ console.log("视图更新了")},//重新定义数组原型const oldArrayProperty = Array.prototype//创建新对象，原型指向 oldArrayProperty,再扩展新的方法不会影响原型const arrProto = Object.create(oldArrayProperty)['push','pop','shift','unshift','splice'].forEach(moth.
2022-02-18 22:15:51
712
原创 前端性能优化
大体 减少服务器请求数 1、将多个JS/CSS文件进行合并 2、图片不需要经常改动时，可使用CSS sprite 3、如果仅单个页面使用某个JS/CSS文件，可以直接将文件内容放于html页面中（若多个页面共用相同的JS/CSS文件，则不应要这么做，而应利用好浏览器的缓存功能） 加快资源访问速度 1、cdn 减少文件大小 1、将图片适当压缩（e.g TinyPNG） 2、压缩JS/CSS文件 提高代码执行效率
2022-02-17 08:56:24
198
原创 基于 webpack 5 搭建 Vue 脚手架
对于基本项目来说，基本的开发依赖有：webpack、webpack-cli、vue-loader、vue-template-compiler、sass-loader、sass、css-loader、style-loader、babel-loader、@babel/core、@babel/preset-envloader的作用是把代码中进行编译，转换。webpack-cli：这个cli提供了webpack的终端命令去调用webpack。vue-loader：把vue的代码转化成js代码，vue.loade
2022-02-15 16:25:06
1747
原创 Less学习后总结
1、less是一种动态样式语言，属于css预处理器的范畴，它拓展了css语言，增加了变量，Minxin，函数等特性，是css更易维护和拓展，它既可以在客户端上运行，也可以借助node.js在服务端运行。less的中文官网：http://lesscss.cn/ ,bootstrap中less教程:http://www.bootcss.com/p/lesscss/2、less编译工具koala官网:www.koala-app.com3、less中的注释1）以//开头的注释，不...
2022-02-05 23:55:57
644
原创 js处理文件名称和后缀名，分开获取。附件名出现多个点“.”符合时，如何兼容处理
我们在开发过程中，经常会遇到附件读取、下载、查看等操作，但是有些系统的接口需要区分是那种文件的类型才能下载、查看等操作，这个时候我们就要区分附件的类型，看它的后缀名是多少就能处理请求对应的接口，但是在处理过程中，常常会遇到一些截取兼容性的问题，比如a.png，可以直接用split('.')就解决，但是这种1.a.png，a.aa.jpg, aa.bb.cc.zip这种就不能只用split()去处理了，处理的方式很多，看自己的处理方式而已，下面分享下我处理的方法，不喜勿喷，直接上代码//返回值：fil.
2022-01-19 18:40:36
1586
1
原创 js中，浏览器和node.js环境的事件循环Event Loop
1、浏览器中的事件循环一次弄懂Event Loop（彻底解决此类面试问题）浏览器中的事件循环链接为转载2、node环境的循环用实例题目来，直接上代码console.log('1');setTimeout(function() { console.log('2'); process.nextTick(function() { console.log('3'); }); new Promise(function(resolve) { console.lo
2021-12-23 10:31:32
125
原创 在使用element-ui中的el-table组件时，怎么自定义合并表头和合并行
1、合并相同数据的行效果图如下，合并相同名称的行代码如下：data(){ return{ tabbleData:[{a:6},{a:12},{a:7},{b:6},{b:7},{c:44}] }}在el-table头中加入:span-method="arraySpanMethod"，span-method：合并行或列的计算方法<el-table :data="tableData1" border ..
2021-11-06 00:19:36
2448
原创 天地图经常遇到的问题：1、怎么初始化地图。2、地图添加覆盖物后怎么不能进行拖拽。3、怎么把单位为米的坐标转换为WGS84坐标。
我上面这些坐标的单位是米，怎么把这些米为到位的坐标转换为WGS84坐标呢？他们之间的换算关系是多少呢
2021-11-02 10:56:43
3472
1
转载 Promise、async和await
原文链接：Promise · 语雀视频: 2020最好理解的Promise教程_哔哩哔哩_bilibili视频作者: 杰哥课堂(B站)1.为什么需要Promise 需求： 通过AJAX请求id ,再根据id请求用户名.再根据用户名,再根据用户名获取email 回调地狱： 回调函数中嵌套回调。Promise解决了回调地狱2. Promise 的基本使用语法new Promise(( reslove, reject ) =>{})Promise.
2021-10-30 17:40:04
163
原创 webpack编译ES6代码
把es6代码转化为ES5代码，是为了让我们写的javascript代码程序能在低版本的浏览器正常运行，使用的是babel，使用步骤如下：1、安装跟balbe相关的三个依赖。安装npm install @babel/core @babel/preset-env babel-loade --save-dev2、安装完babel相关依赖后，要给babel创建一个配置文件，在根目录底下创建一个.babelrc文件3、.babelrc文件里面写入以下代码 { //预设：babel一系列.
2021-10-24 20:22:39
2079
原创 [Vue warn]: Error in render: “TypeError: data.reduce is not a function“found in报错详解
报这个错是因为赋值类型问题，我使用的是elementUI框架的el-table组件来开发的。<el-table :data="tableData">里面中的tableData接收的是一个数组，你不能给它一个对象或者其它类型的，不然就会报这个错误，这种报错在使用elementUI框架的表单<el-form :model="form">时也会常出现这种报错问题问题总结：出现这种错误很可能是在使用elementUI框架的el-table组件时，里面的:data="ta...
2021-10-21 17:59:36
4524
轮播图，中间图片大，两边小
2022-11-03
为什么使用video标签播放视频的时候，只能听到声音，而不能播放画面呢
2022-05-14
echarts地图map取消地图覆盖，怎样把市地块轮廓去掉只显示县的
2021-11-12
echarts使用map中，怎么修改legend图例图形的样式或者是地图的标注
2021-11-11
vue项目中，我启动运行项目的时候，启动不了npm run dev这是什么原因呢
2021-10-29
vue组件问题，父子组件的生命周期
2021-10-21
css样式问题，定位转换
2021-10-12
前端想转为全栈工程师，大概需要学习后台那些技能？
2021-10-10
前端想转为全栈工程师，大概需要学习那些技能？
2021-10-09
TA创建的收藏夹 TA关注的收藏夹
TA关注的人