自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(25)
  • 收藏
  • 关注

原创 跑马灯标签<marquee>

&lt;marquee&gt;标签:期初是为了实现天气信息在页面上的滚动问题,使用了css3中animation方法,但是由于滚动内容的长度会随内容变化,所以要不断改变滚动的长度和时间,比较麻烦。然后看到了&lt;marquee&gt;标签,标签可以自己根据内容自己变化动画长度的播放效果。属性:align:{设定&lt;marquee&gt;标签内容的对齐方式ab...

2019-03-18 13:45:13 651

原创 页面显示PDF(移动端和网页)

在网页上显示PDF只要用&lt;iframe&gt;或者&lt;&lt;embed /&gt;&gt;标签就可以实现。移动端需要下载pdf.js。把这两个文件夹放在和HTML页面一个文件夹,或者其他文件夹,使用的时候再修改一下路径就可以。文件夹中有已经写好的可以显示pdf的页面,其中viewer.html是用来显示PDF的,再项目运行起来,会显示viewer.js中默认的文件夹...

2019-03-18 13:29:41 2310

原创 openlayers判断点击的经纬度坐标是否在图层中

点击地图或者鼠标在地图上面滑动时所经过的坐标是否在否个图层上map.on('pointermove', function (e) { isLocationArr = new Array(); // 转换为web merctor投影 var destinationPro = "EPSG:3857"; ...

2019-01-23 13:28:13 1838

原创 layui控件的一些内容

补充一点layui文档中没有提到的内容。首先是表单值的初始化问题,文档中有这方面的内容,但是现在要做到的是在弹窗框中展示表单,要给表单中的控件初始化一个值(就是弹出一个编辑表单),然后点击确定按钮时验证表单中的某项是否为空或者说表单中的某项必填。因为弹出层中的确定按钮是生成的,所以无法像文档中的那样直接验证,需要把验证的事件转移到弹出层生成的按钮中。首先是表单的初始赋值问题:form...

2019-01-14 14:04:58 437

原创 moment.js

var date=moment().format('YYYY-MM-DD HH:MM:SS'); console.log(date); //获取当前星期几,0为周日 var day=moment().format('d'); console.log(day); //获取季度 var day_2=moment().format('Q'); ...

2018-10-15 15:05:52 158

原创 整合后台传给的数据

这是后台传过来的数据,对象数组。命名为timeInfovar timeInfos = new Array();//从对象中获取数组 function getObjectKeys(object) { var keys = []; for (var property in object) ...

2018-08-24 15:06:07 307

原创 对象数组的赋值操作问题

项目中遇到关于对象数组的操作问题,大概是将数据绑定到Layui的Table中。由于layui表格的数据填充是按照它的格式需求填入的,比如目前我遇到的是: cols: [[ { field: 'index_col1', title: '序号', width: 66 }, { field: 'stationName_col1', title: '...

2018-08-16 19:24:53 6055

原创 artTemplate

这是数据。做成的效果 &lt;script type="text/html" id="tHead"&gt; &lt;tr&gt; &lt;th&gt;站名&lt;/th&gt; {{each}} &lt;td&gt;{{$value.stationName}}&lt;/td&a

2018-08-13 11:19:39 529

原创 文本不可选中

在CSS样式里面设置:    -moz-user-select: none;    -webkit-user-select: none;    -ms-user-select: none;    user-select: none; 

2018-08-13 10:25:26 673

原创 某项目总汇

记录此次工作汇总遇到的问题及解决方法:效果图如下:大致需要JS实现的效果:一:点击站点类型的下拉框时实现站点选择下拉框内部选项的改变。二:点击“年月日”时,后面时间选择器选择的时间格式也相关变动为年月日的选择(时间选择器在这里使用的是WdataPicker)。三:点击查询后将数据填充在下方的Table表格中(Layui表格)。四:点击表格Tbody中任意tr td都会相...

2018-08-09 15:37:40 390

原创 es6 字符串模板

 let arr = ['first', 'second', 'third']; let ul = `&lt;ul&gt; &lt;li&gt;${arr[0]}&lt;/li&gt; &lt;li&gt;${arr[1]}&lt;/li&gt; &lt;li&gt;${arr[2]}&lt;/li&gt; &lt;/ul&gt;`; let normalUl = '

2018-08-01 12:04:37 147

原创 artTemplate helper

template.helper("getvalue", function (value) { return value == null ? "--" : value; })声明函数调用函数

2018-08-01 11:08:36 1190

原创 全局保存请求到的数据

var menuJson = (function() {        var result;        $.ajax({            type: 'get',            url: citx,            dataType: 'json',            data: {                cmd: 'coordinates'         ...

2018-07-31 11:34:07 253

原创 highchart添加数据及再添加对应该数据列的Y轴,Y轴的删除

chart.addSeries是添加新的数据,chart.addAxis是添加新的Y轴。当添加数据的name等于添加Y轴的ID时,则该Y轴就是该数据对应的Y轴。chart.series[0].remove();通过该方法可以删除Y轴,但这里有个问题:假如你添加10条Y轴,你删除了第一条,即series[0],那么series[1]在[0]删除后自动变成series[0],以此类推,...

2018-07-31 11:28:46 716

原创 var item in data

任务大致是要获取ElementName的值,DataList中的"X时"以及“X时”的值 for (var item in data[0].DataList) { titleInfo.push(item); } 上述及㐀获取"X时",差不多这样的形式。然后获取他的值的话可以这样:for (var it...

2018-07-31 11:07:58 1342

原创 LayUi表格,后台数据不匹配

这次是对安吉项目单站点搜索页面所遇到问题的总结。主要遇到的问题有:1.layUi表格的使用问题。首先是Layui表格的问题,因为之前没有学过LayUi的相关知识,突然要使用其表格自带的固定列功能(因为自己写表格,并实现固定列很麻烦),所以被赶鸭子了。layui.use('table', function(){ var table = layui.table; tab...

2018-07-31 10:49:46 2656 1

原创 记18-7-16小坑

还是时间的截取问题数据大概如下,目标是改变NearObservTime和ObservTime的显示格式。由与要进行多组的数据操作所以我复制给了很多个组var tableInfo = rainInfo.TableInfo;var list_1h = tableInfo;var list_3h = tableInfo;var list_6h = tableInfo;var l...

2018-07-17 11:10:29 117

原创 记18-7-16工作遇到的小问题

昨天遇到一个问题,大概描述下:一个长的数据字符串通过JSON.parse转换为Json对象,通过赋值处理,将其中一条命名为tableInfo,其中包含了NearObservTime和ObservTime的时间,其格式大概是2018-07-17 15:35:00,目标是要将其截取为其他的格式。按以往做法直接for (i = 0; i&lt;tableInfo.length; i++) ...

2018-07-17 10:28:47 104

原创 WdatePicker学习笔记

WdatePicker.js直接引入js就可以使用。基本使用效果及语句如下:    &lt;input type="text"class="Wdate"onclick="WdatePicker({el:this,dateFmt:'yyyy-MM-dd HH:mm:ss'})"&gt;点击input框是触发一个WdatePicker的函数,生成一个独立显示的日期选择下拉框。el:绑定的是触发该下拉事...

2018-07-12 14:10:09 2590

原创 location对象

location.href;作用是设置或返回完整的 URL。可获取url信息,也可以赋值,实现页面跳转function fn(){ // var n=location.href; //alert(n); location.href="http://www.baidu.com";}&lt;button onclick="fn()"&gt; location.assign();加载新的文...

2018-07-10 10:43:07 123

原创 HTML5标签的“再回头”

&lt;datalist&gt;且叫做预定内容标签:&lt;input type="text"list="list_1"&gt;//list对应下方dadalist的ID值&lt;datalist id="list_1&gt;        &lt;option value="BMW"&gt; &lt;option value="Ford"&amp

2018-07-10 10:00:46 92

原创 全局保存请求到的数据

var menuJson = (function() {        var result;        $.ajax({            type: 'get',            url: citx,            dataType: 'json',            data: {                cmd: 'coordinates'         ...

2018-07-10 09:30:10 488

转载 DocumentFragement子节点的虚拟储存

DocumentFragement是一组子节点的“虚拟存储”,并且它没有父标签。在我们的例子中,将DocumentFragement想象成看不见的元素,在 DOM外,一直保管着你的子节点,直到他们被注入DOM中。Javascript代码 var frag = document.createDocumentFragment(); ajaxResult.items.forEach(funct...

2018-07-10 09:20:15 102

转载 关于Input文字格式的对齐问题

&lt;style&gt; form{ width: 400px; padding: 20px 0; margin: 0 auto; } form &gt;label{ display: inline-block; width: 100%; ...

2018-07-09 15:54:33 2393

转载 通过input file获取图片,并显示

&lt;body&gt; &lt;form id="form1" runat="server"&gt; &lt;div&gt; &lt;input id="file_upload" type="file" /&gt;&lt;div class="image_container"&gt;&lt;i

2018-07-09 14:51:23 6632

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除