- 博客(70)
- 资源 (1)
- 收藏
- 关注
原创 下载cesium1.61版,并利用node.js启动
首先,电脑上已有node环境。1. 访问CesiumJS版本,找到需要安装的1.61版,如下图所示,下载zip压缩包即可。2. 将其解压至cesium61文件夹下,如下图所示。3. 在该文件夹下打开git bash终端,输入npm install命令,下载安装所需的模块,如下图所示。最终在此文件夹下多一个node_modules文件夹。4. 在当前git bash终端上执行node server.js,启动web服务器,如下图所示。5. 现在cesium已经运行...
2022-04-06 15:48:47 2203
原创 elementUI table表格动态合并行
elementUI table表格用于展示多条结构类似的数据,可对数据进行排序、筛选、对比或其他自定义操作。有时业务需求合并固定的行或者列,elementui官方给出相应例子,可学习一下再应用至项目中。通过给table传入span-method方法Function({ row, column, rowIndex, columnIndex }),可以实现合并行或列,方法的参数是一个对象,里面包含当前行row、当前列column、当前行号rowIndex、当前列号columnIndex四个属性。该函数可以返
2021-08-09 11:45:58 3678
原创 VSCode安装
从VSCode官网,下载适合自己电脑的版本进行安装。 如下图,User Installer会安装在当前计算机账户目录,这意味着如果另一账户登录此计算机,将无法使用VSCode。 System Installer会安装在非用户目录,如C盘根目录,这样任何账户都可以使用。 双击已下载的可执行文件进行安装操作,点击下一步直到安装完成。 ...
2021-08-09 09:05:48 196
原创 git clone命令将项目从github上clone到本地
在本地新建一个文件夹demo,作为本地代码仓库。进入demo文件夹下,单击鼠标右键,选择git bash here,打开git bash终端。在git bash终端输入git init命令,初始化本地仓库。如下图所示:利用git clone url命令,将需要的项目从github上clone下来(url为项目服务器地址或者项目在github上的地址),如下图所示:至此,利用git clone命令就将所需项目从github上clone到本地了。...
2021-03-13 14:15:30 53825
原创 windows下git bash安装与环境变量设置
1. 从git官网下载一个git安装包,如下图所示:点击上图windows或者Download 2.30.2 for Windows,打开下载链接的同时,自动下载适合你电脑系统的git版本,比如,我的电脑是32位操作系统,即下载最新的2.30.2的32位版本。如下图所示:2. 双击安装程序,进入欢迎界面,点击next,如下图所示:3. 选择想要安装的位置,然后点击next,如下图所示:4. 选择安装组件,点击next,如下图所示:5. 是否创建开始菜单快捷方式,点
2021-03-13 13:46:25 11630
原创 node.js安装
首先在node.js官网上下载对应的安装包,我这里下载的是32位windows系统的安装包node-v14.16.0-x86.msi,如下图所示:下载32位windows系统node.js安装包 查看自己系统的类型方法是,右键点击计算机---->属性,如下图所示: 双击下载好的node-v14.16.0-x86.msi安装包文件,然后点击运行,开始node.js的安装,如下图所示: 此时发现最新版node.js支持最低版本为win8,而我的...
2021-03-12 21:18:50 771
原创 Element table系列文章(一)
最近项目中使用element table组件比较多,计划写一个关于el-table的系列文章,主要涉及:1. table数据展示;2. 从后台获取数据,展示在el-table组件中;3. 新增table记录;4. 修改table记录——行内修改 及 外部按钮修改;5. 删除table记录——行内删除 及 外部按钮删除多条记录;6. 选中记录及不选中记录时,打开不同的dial...
2018-11-30 09:51:44 804
原创 vue+element-ui初始化表格时某一列根据后台返回内容显示不同的icon
这次的业务需求是这样的:①若从后台返回的数据中装备的经纬度为null,则详情列只显示“装备详情”这几个字的跳转链接;②若装备的经纬度不为null,则详情列显示一个定位icon+“装备详情”这几个字的跳转链接,如图所示: 需求已经确定,此时查看element的table实例element table表格,看能否找到灵感。发现有一实例中将“标签”一列的不同内容显示为不同type类型的...
2018-09-18 14:58:09 13030 1
原创 vue+element-ui 弹出框中实现百度地图设置定位功能
讲真,写下这个题目的时候,再想想自己整个实现功能的这1天时间,觉得自己好牛逼,啊哈哈哈,吹牛时间到了,进入正题…… 本文从以下几个方面进行阐述。1. 首先说一下业务需求是什么。 2. 然后说一下解决思路。 3. 最后是实现方式。 业务需求描述: 给客户做了一个物资管理系统,前台用的是vue+element-ui。因客户的物资大多是没有定位模块的,但又希望...
2018-09-14 17:04:49 18569 8
原创 调试vue的插件vue-devtools的安装
vue-devtools的github地址为:https://github.com/vuejs/vue-devtools,其官方说明为“Browser devtools extension for debugging Vue.js applications.”,即,调试vue.js应用的浏览器扩展插件。其安装步骤如下所述:1. 从官方github地址下载vue-devtools。 已安...
2018-09-14 14:51:38 1797
原创 vue IDE VSCode的安装
听别人推荐,所以vue的编辑器使用的是VSCode。VSCode其github说明为“VS Code is a new type of tool that combines the simplicity of a code editor with what developers need for their core edit-build-debug cycle.”即,VSCode是将代码编辑...
2018-08-06 14:05:58 3888
原创 百度地图画圆、矩形、多边形,并判断点是否在矩形或圆内部
本文是按照“定位——>画圆或画矩形——>判断点是否在圆内或矩形内部”这样的思路编排的。一,首先是定位。先定义6个百度坐标点,然后在坐标点上创建对应的marker,再通过map.addOverlay(marker)方法将6个marker定位在百度地图中,并利用marker.disableMassClear()方法设置marker为不可被清除,最后为marker添加鼠标滑过事件。具体如下:...
2018-05-08 15:56:45 15340 2
原创 HTML表格跨行、跨列操作(rowspan、colspan)
一般使用<td>元素的colspan属性来实现单元格跨列操作,使用<td>元素的rowspan属性来实现单元格的跨行操作。colspan属性规定单元格可横跨的列数,所有浏览器都支持colspan属性。其取值为number,如下图所示:例如:<table border="1"> <tr> <th>星期一</th>
2018-02-28 16:08:23 233608 7
原创 table、tr、td表格的行、单元格等属性说明
<table>标签定义HTML表格。简单的HTML表格由table元素以及一个或多个tr、th或td元素组成。tr元素定义表格行,th元素定义表头,td元素定义表格单元格。<table>标签常见的可选属性有:1. align:规定表格相对周围元素的对齐方式,取值有left、center、right;2. border:规定表格边框的宽度,取值为像素;3. width:规定表...
2018-02-28 15:37:36 60125 2
原创 百度地图鼠标滑过marker时打开自定义信息窗口
在百度地图上实现鼠标滑过marker时打开自定义的信息窗口,当鼠标滑出marker时关闭已打开的信息窗口。 首先,需要在地图上添加一个marker,具体如下所示:$.ajax({ async:false, cache:true, url: "获取位置信息的接口", type: 'GET', success: function(result){ if(resu
2018-01-31 16:28:38 13954 2
原创 百度地图从后台获取实时坐标点以实现车辆实时跟踪
要想实现车辆实时跟踪,就必须实时获取车辆的坐标点,然后展示在百度地图上。而实现实时获取车辆坐标点的功能,有两个方案:方案①定义一个函数getCars(),此函数的功能是通过ajax访问后台接口,从而返回车辆的实时位置信息。然后利用setInterval() 方法,每隔2000毫秒(根据业务需求确定)就调用一次获取车辆实时位置信息的函数; 方案②:定义一个获取车辆实时位置信息的函数getCars
2018-01-31 14:32:28 32320 29
原创 百度地图历史轨迹回放:从后台获取历史轨迹信息并在地图上画出轨迹路线
前一篇文章中也实现了百度地图历史轨迹回放,其方法是:从后台获取某时间段内的所有历史轨迹点,将第一个点作为轨迹的起始点,将最后一个点作为轨迹的终止点,然后从第一个点到最后一个点的所有途经点中,根据某规律选取10个途经点(因为百度地图JavaScript v2.0 api 规定途经点不能超过10个。但个人测试过,可以取到29个途经点来画出历史轨迹。当途经点为30个是,百度地图就画不出轨迹路线了。)。
2018-01-30 15:41:09 24659 5
原创 科普
Font Awesome为您提供可缩放的矢量图标,您可以使用CSS所提供的所有特性对它们进行更改,包括:大小、颜色、阴影或者其它任何支持的效果。官网:http://fontawesome.dashgame.com/
2018-01-30 14:03:17 199
原创 实现带小图表的分页样式
利用HTML、CSS样式技术制作出分页页码的效果。包括①直角分页页码效果;②修复行内元素之间的间隔bug问题分析;③为分页页码插入小图标。 实现带小图表的分页 .page-icon{ margin:20px 0 0 0; font-size:0; /*修复行内元素之间空隙间隔*/ text-align:center; } .page-ic
2018-01-29 21:20:37 750
原创 百度地图历史轨迹回放:起止点为坐标点,从后台获取10个途经点
利用百度地图 驾车线路规划 实现 运输车辆历史轨迹回放画线路 的功能。 运输车辆的历史轨迹即运输车辆在过去某段时间内走过的路线轨迹。首先得有时间段,即想要画出运输车辆在哪一段时间内的路线轨迹;其次得有在这段历史时间内运输车辆走过的所有轨迹点,这些轨迹点需要从后台获取,当然获取时得从前台把时间段传给后台。 根据业务需求,获取指定车辆的出发时间和停止时间,然后将这两个时间传递给后
2018-01-29 16:54:03 15856 1
原创 从后台获取位置信息并定位在百度地图上
body, html{width: 100%;height: 100%;margin:0;font-family:"微软雅黑";} #allmap{height:500px;width:100%;} 城市名定位 // 百度地图API功能 var map = new BMap.Map("allmap");// 创建Map实例 map.centerAndZoom(ne
2018-01-25 17:03:06 11102 3
原创 js实现分页
一、首先编写分页的样式。 display:inline;"> 2283c5; background-color:#fafafa; border-color:#e0e8eb; position:relative; float:left; padding:6px 12px; border:1px solid #ddd;"> display:inli
2017-11-28 11:12:24 383
原创 jqgrid三种编辑数据的方式
jqgrid三种编辑数据的方式:Cell Editing、Inline Editing、Inline Editing
2017-10-17 13:50:09 2166 1
原创 jqgrid表格列选项edittype为text、checkbox、select、textarea、function、超链接,添加自定义按钮
jqgrid表格列选项edittype为text、checkbox、select、textarea、function、超链接jqgrid两种添加自定义按钮的方式(为jqgrid表格的某一字段的每一行添加自定义按钮、在翻页条添加自定义按钮)
2017-08-14 16:09:24 23212 2
原创 jqgrid中edittype为text、CheckBox、select、textarea、function等,为jqgrid添加自定义按钮
jqgrid中edittype为text、CheckBox、select、textarea、function、超链接等,并为jqgrid添加自定义按钮,以弹出对应dialog
2017-08-14 14:07:55 4931
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人