runjs

一、前言 用Qt做项目过程中，遇到需要用到浏览器控件的项目，可能都会绕不开一个问题，那就是从Qt5.6版本开始mingw编译器的Qt构建套件，不再提供浏览器控件了，之前还可以用webkit控件，这下很多项目要么选择5.6以下版本，要么选择msvc的构建套件，而且大部分的msvc构建套件还不自带浏览器控件，也需要自己编译，只有原配的构建套件比如Qt5.9+VS2015、Qt5.12+VS2017这种搭配才可能有浏览器控件，不然就算你勾选了浏览器控件也不会安装，这样就使得很多依赖浏览器控件的项目比较被动，于是必须寻找一个轻量级的浏览器控件来替代，比如cef、miniblink，个人更倾向于miniblink，用法极其简单，依赖极其精简就一个dll，在linux和mac系统上本来qt就一直会有浏览器控件，所以也就不涉及到跨平台的问题，所以miniblink暂支持windows的缺点也就不算缺点了。 miniblink是一个追求极致小巧的浏览器内核项目，全世界第三大流行的浏览器内核控件。其基于chromium最新版内核，去除了chromium所有多余的部件，只保留最基本的排版引擎blink。miniblink保持了10M左右的极简大小，是所有同类产品最小的体积，同时支持windows xp、npapi。miniblink的作者非常牛逼，QQ昵称叫扫地僧，犹如天龙八部中的扫地僧一般

一、前言 此功能是一个客户定制的，主要是需要在地图上动态显示GPS的运动轨迹，有个应用场景就是一个带有监控的车子，实时在运动中，后台可以接收到经纬度信息，需要绘制对应的轨迹，相当于这些摄像机点位是动态移动的，这样就可以观测到摄像机的实时位置信息，双击摄像机还可以弹出画面实时预览，很直观。 GPS运动轨迹这个功能，也需要用到js的知识，其实就是封装一个js函数，绘制对应的线条路径，这个轨迹点可能包括的信息有经度、纬度、速度、时间、是否标记、时间等信息，写个结构体封装下，方便后期拓展，是否标记的含义是是否改点同时作为一个设备点添加，分段线的含义。 二、功能特点 支持多画面切换，全屏切换等，包括1+4+6+8+9+13+16+25+36+64画面切换。 支持alt+enter全屏，esc退出全屏。 自定义信息框+错误框+询问框+右下角提示框（包含多种格式）。 17套皮肤样式随意更换，所有样式全部统一，包括菜单等。 云台仪表盘鼠标移上去高亮，八个方位精准识别。 底部画面工具栏（画面分割切换+截图声音等设置）移上去高亮。 可在配置文件更改左上角logo+中文软件名称+英文软件名称。 封装了百度地图，视图切换，运动轨迹，设备点位，鼠标按下获取经纬度等。 支持图片地图，设备按钮可以在图片地图上自由拖动自动保存位置信息。 在百度地图和图片地图上，双击视频可以预览摄像头实时视频。 堆栈窗体

做后端管理系统，永远是最蛋疼、最复杂也最欠揍的事情，也永远是前端开发人员最苦逼、最无奈也最尿性的时刻。蛋疼的是需求变幻无穷，如同二师兄的三十六般变化；复杂的是开发难度寸步难行，如同蜀道难，难于上青天；欠揍的是产品随心所欲、为所欲为，如同村霸横行乡里、只手遮天；苦逼的是前端苦不堪言，如同哑巴吃黄连，有苦说不出；无奈的是前端无可奈何花落去，如同至尊宝戴上金箍无法爱你，摘下金箍无法救你；尿性的是前端苦尽甘来，如同唐僧师徒历经九九八十一难，终成正果的高光时刻！ 又特么的南辕北辙了，矫情个鸟啊！有需求，上啊，很复杂，想啊，开发周期短，撸起袖子加油干啊（真特么的下流，一天到晚都是上啊，干啊，你特么泰迪啊）！好，闲话少叙，言归正传，咱们上一次讲到白眉大侠徐良...(你给我滚犊子) 需求是这样的，有一个树形控件，默认所有节点都不选中。 <span style="font-size:12px;color:#666;">PS：如果贵司的需求没有那么复杂，就可以跳过以下内容，直接使用element-ui框架提供的tree树形控件及API即可。</span> 要求： 1、选中父节点，子节点及孙子节点（甭管有多少层级，兹要是子辈节点）可以不选中，取消选中父节点，子节点及孙子节点也还是没有任何变化； 2、选中子节点或孙子节点，必须选中父节点及祖父节点（甭管有多少层级，兹要是祖辈节点），取消选中子节点或孙子节点

一、前言 地址和经纬度互相转换的功能也经常用到，比如上次的路线方案查询的功能，之前官网是提供了直接输入出发地点和目的地的中文汉字，就可以查询到最优的路线，后面只支持输入出发地点和目的地的经纬度坐标了，这个就有点绕了，让用户输入什么经纬度坐标，那是个什么鬼？没有几个用户搞得懂的，所以就需要先将用户输入的出发地点和目的地的中文汉字先查询到对应的经纬度坐标，然后再传入路线查询的JS函数中查询结果即可，为什么突然关闭了这个地址经纬度自动转换的功能呢？我去后台看了下，原来这项功能变成收费模块了。 地址经纬度互换的功能只有在线地图有，因为需要去服务器查询对应的数据，拿到返回的数据，百度地图中需要用到BMap.Geocoder来实现这两个功能的互换，他内置了getPoint函数负责将地址转换为经纬度坐标，getLocation函数负责将经纬度坐标转为地址，于是将这两个功能封装成JS函数，每次需要的时候直接调用即可。 二、功能特点 同时支持在线地图和离线地图两种模式。 同时支持webkit内核、webengine内核、IE内核。 支持设置多个标注点，信息包括名称、地址、经纬度。 可设置地图是否可单击、拖动、鼠标滚轮缩放。 可设置协议版本、秘钥、主题样式、中心坐标、中心城市、地理编码位置等。 可设置地图缩放比例和级别，缩略图、比例尺、路况信息等控件的可见。 支持地图交互

前言 示例 1 请见 上一篇博文 。 示例 2 Datatables 插件使用 Bootstrap 框架的组合示例。 功能 分页 / 排序 / 过滤 / json 数据源 / 数据导出 (需 flash 支持) / 自定义列 / 自定义分页选项。 代码 不多说，详细代码请 戳 ，界面效果请 戳 。 使用的插件 jQuery Bootstrap Datatables TableTools Datatablsables Plugins sco ###說明： 示例中的數據引用自 Datatables 。 示例的代碼使用了 runjs 的服務。 由于数据导出及打印功能需 Flash 支持，而 runjs 不能上传 Flash,所以示例中删除了该功能的演示。请参考 TableTools 自行添加。 来源： oschina 链接： https://my.oschina.net/u/879049/blog/127567