随笔分类 -  JavaScript

地图组件上的自定义区域叠加层显示 ArcGis + GeoJson
摘要：最近参与了一个IOT环境项目，需要对某个城市的某几个区域做环境监控与治理，其中就用到了地图叠加层的功能，粗看很复杂，其实很简单，先来看一下效果，然后再来讲一下如何实现的： 中间的黄色轮廓线包括的几块区域就是通过gis坐标和百度的叠加层来实现的，来简单说一下实现的步骤吧： 首先需要有每块区域的坐标集合 阅读全文
posted @ 2018-08-30 14:44 风间影月 阅读(3415) 评论(0) 推荐(0) 编辑
LeeCX - 开源后台管理系统简单介绍
摘要：我们在github上开源了一个后台管理系统，使用了前端css框架并且简单的封装了一下，技术的将会不间断更新，详细可以点击原文链接。具体介绍如下： LeeCX 开源后台管理系统，前端基于bootstrap+jquery，扁平化风格，可支持移动端浏览器；后端基于springmvc+spring+myba 阅读全文
posted @ 2017-09-20 09:20 风间影月 阅读(2486) 评论(0) 推荐(0) 编辑
为jqgrid添加统计金额页脚
摘要：为jqgrid增加自定义用户数据 设计统计的金额总和 最后在jgrid组件中添加 最后的效果为： 阅读全文
posted @ 2017-05-25 11:35 风间影月 阅读(1237) 评论(0) 推荐(0) 编辑
tips: javascript 参数传递含有空格怎么办？
摘要：js 方法传参有时候会遇到空格，空格会报错，因为它会默认空格后是元素 解决方法就是使用 escape 和 unescape html: js: 阅读全文
posted @ 2017-04-06 16:43 风间影月 阅读(4007) 评论(0) 推荐(0) 编辑
javascript <a> 标签打开相对路径，绝对路径
摘要：<a>标签中的href中，如果你写一个路径默认是以相对路径打开的，加上"http://" 消息头那就可以打开绝对路径 html： js： 阅读全文
posted @ 2017-04-06 16:41 风间影月 阅读(5708) 评论(0) 推荐(0) 编辑
tips：解决bootstrap-switch 在jqgrid中动态加载不显示的问题
摘要：bootstrapo-switch 是一个十分好用的插件，用来关闭开启再好不过了，适合状态类型只有两种的情况下可以进行切换 在使用中，在jqgrid动态加载的时候出现不能加载的问题 原因是html代码没有得到渲染，那么只要在jqgrid加载完毕后再次渲染即可~ 最后效果： 阅读全文
posted @ 2017-03-30 16:19 风间影月 阅读(2990) 评论(4) 推荐(0) 编辑
jqgrid 设置为每行单选
摘要：jqgrid 不支持单选，自己自带了多选multiselect 那么单选怎么做呢，可以参考如下配置 附带两个函数，即可实现 阅读全文
posted @ 2017-03-30 09:54 风间影月 阅读(6872) 评论(0) 推荐(0) 编辑
抛弃百度UMEditor，拥抱summernote （解决上传文件又慢又卡的问题）
摘要：由于一些项目上的原因以及相关因素，我们使用其他富文本编辑器替代了UMEditor 本来用CKEditor，但是团队觉得使用起来很不顺手，尤其图片上传十分不爽，功能复杂但是使用起来比较麻烦 后来我们又替换了summernote，这款编辑器名气没有ck大，但是简介直观，而且风格和项目很匹配，最终决定使用 阅读全文
posted @ 2017-03-29 17:16 风间影月 阅读(5795) 评论(3) 推荐(0) 编辑
图片上传的第二种形式
摘要：之前有说了一种以base64的图片上传形式，这次来说说另外一种，其实很简单，很早以前都是在form提交的时候再controller中处理，现在基本不会这么做，都是通过ajax来实现异步上传的 首先需要引入jquery.ui.widget.js以及jquery.fileupload.js这两个js， 阅读全文
posted @ 2017-03-23 10:43 风间影月 阅读(596) 评论(0) 推荐(0) 编辑
解决sweetalert 无故报错 elem.className.replace Uncaught TypeError: Cannot read property 'className' of null
摘要：今天碰到这么一个问题，在使用sweetalert的时候时有时无会报错 elem.className.replace Uncaught TypeError: Cannot read property 'className' of null 很简单，debug源码，发现elem在有时候会为空，为空的时候 阅读全文
posted @ 2017-03-03 22:47 风间影月 阅读(4420) 评论(0) 推荐(0) 编辑
【转载】SweetAlert2 使用
摘要：SweetAlert2是一款功能强大的纯Js模态消息对话框插件。SweetAlert2用于替代浏览器默认的弹出对话框，它提供各种参数和方法，支持嵌入图片，背景，HTML标签等，并提供5种内置的情景类，功能非常强大。 SweetAlert2是SweetAlert-js的升级版本，它解决了SweetAl 阅读全文
posted @ 2016-11-24 21:22 风间影月 阅读(746) 评论(0) 推荐(0) 编辑
以纯面向对象的JS编写最基本的数据字典案例
摘要：之前有讲到过数据字典，什么是数据字典，用来干啥的，这个不细说了，今天来说说如何实现数据字典功能 无非就是维护数据字典，对数据字典对象进行增删改成，曾经我写过一个页面跳转形式的，十分简单，不说了，今天用JS来实现，当然JS也要面向对象，不论是属性还是函数，都要当成对象来对待！ 先来看看数据库表结构，根 阅读全文
posted @ 2016-11-21 21:04 风间影月 阅读(2740) 评论(0) 推荐(0) 编辑
使用ztree.js，受益一生，十分钟学会使用tree树形结构插件
摘要：看到ztree.js，这几个字眼，毋庸置疑，那肯定就是tree树形结构了，曾经的swing年代有jtree，后来jquery年代有jstree和treeview，虽然我没写过，但是我见过，一些小功能做起来比较繁琐，几个功能做了一个月，当然了有能力的关系，也有插件易用度的关系 最近要实现的功能用tre 阅读全文
posted @ 2016-11-11 15:56 风间影月 阅读(20265) 评论(0) 推荐(0) 编辑
紧接上篇，jQuery调用jsonp，并且在页面上展示
摘要：在上篇中提到了spring4.1+支持jsonp的调用，做了个例子，用来在页面上展示jsonp： （js写的丑了点，本人后端出生，前端大侠们轻拍~） 展示的效果： 阅读全文
posted @ 2016-04-25 23:35 风间影月 阅读(927) 评论(0) 推荐(1) 编辑
Spring 4.1+　的 JSONP使用
摘要：如今的巨石应用已经越来越不行了，很多互联网在后期都会在用分布式的架构 那么在页面上不同的服务调用不同域名下的json是有问题的 （跨域：不同域名，相同域名但是不同端口） JavaScript规范中提到的json是不能直接跨域调用，为了安全，但是能调用js片段 所以把json包装为一个js片段，也就是 阅读全文
posted @ 2016-04-25 13:09 风间影月 阅读(4176) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示