摘要: function dataURLtoFile(dataurl, filename) { //将base64转换为文件 var arr = dataurl.split(','), mime = arr[0].match(/:(.*?);/)[1], bstr = atob(arr[1]), n = b 阅读全文
posted @ 2019-11-30 13:24 本木木 阅读(14825) 评论(0) 推荐(2) 编辑
摘要: jsSip开发文档 (官网地址:http://www.jssip.net/) ( 新号掘金 :https://juejin.cn/post/7020693762212888584 ) 完整案例demo下载地址: http://download.csdn.net/download/qq_3942158 阅读全文
posted @ 2018-01-19 14:12 本木木 阅读(33080) 评论(1) 推荐(3) 编辑
摘要: echarts属性的设置(完整大全) 新号掘金 :https://juejin.cn/post/7020693762212888584 (爱学习的免费关注一下! 错过了永远也就错过了!!!) // 全图默认背景 // backgroundColor: ‘rgba(0,0,0,0)’, // 默认色板 color: ['#ff7f50', 阅读全文
posted @ 2018-01-19 14:09 本木木 阅读(207098) 评论(2) 推荐(17) 编辑
摘要: //@sourceURL=PersonLocation.jsvar window_temp = { onbeforeunload: null, DEBUG_MODE: false, MAPLIST: null, MAPLIST_CACHE: {}, MAP: null, MAP_LAYERS: nu 阅读全文
posted @ 2017-12-21 16:15 本木木 阅读(5714) 评论(1) 推荐(1) 编辑
摘要: openlayers3教材详解及demo(完整) OpenLayers 3对OpenLayers网络地图库进行了根本的重新设计。版本2虽然被广泛使用,但从JavaScript开发的早期发展阶段开始,已日益现实出它的落后。 OL3已运用现代的设计模式从底层重写。 最初的版本旨在支持第2版提供的功能,提 阅读全文
posted @ 2017-12-21 16:04 本木木 阅读(17344) 评论(0) 推荐(3) 编辑
摘要: openlayers3入门教程 摘要 OpenLayers 3对OpenLayers网络地图库进行了根本的重新设计。版本2虽然被广泛使用,但从JavaScript开发的早期发展阶段开始,已日益现实出它的落后。 OL3已运用现代的设计模式从底层重写。 最初的版本旨在支持第2版提供的功能,提供大量商业或 阅读全文
posted @ 2017-12-21 15:58 本木木 阅读(2258) 评论(1) 推荐(1) 编辑
摘要: git规范 一、前端git分支规范: 1、master主分支, 需求上线后,线上稳定运行2天没有问题,再合并到master分支。合并规则,git上提merge request, 代码codeReview后,合并 到master 2、test分支,代码提测时,必须合并到test分支,再发布到各项目的t 阅读全文
posted @ 2022-07-14 16:52 本木木 阅读(34) 评论(0) 推荐(0) 编辑
摘要: //最近没有时间整理代码,就这样吧 <template> <div> <div id="map"></div> </div> </template> <script> // import * as Three from '../../node_modules/three/build/three.mo 阅读全文
posted @ 2021-10-09 18:24 本木木 阅读(467) 评论(0) 推荐(0) 编辑
摘要: // 用于设置线串所在的矢量图层样式的函数 var styleFunction = function(feature,res){ //轨迹线图形 var trackLine= feature.getGeometry(); var styles = [ new ol.style.Style({ str 阅读全文
posted @ 2020-06-18 15:59 本木木 阅读(999) 评论(0) 推荐(0) 编辑
摘要: 近期业务繁忙。。。待更新 阅读全文
posted @ 2020-04-24 16:13 本木木 阅读(978) 评论(0) 推荐(0) 编辑
摘要: 网络请求: 网络请求是web性能优化的一大重要知识点,不管是请求静态资源Img ,Js文件,Css文件 还是请求文档数据,HTTP响应报文,我们都需要考虑以下几种优化 请求静态资源文件,打包,合并多个资源文件,压缩,减少请求次数,复杂情况可追加按需加载请求图片文件,做到懒加载,预加载,图片压缩其它网 阅读全文
posted @ 2019-12-31 18:33 本木木 阅读(154) 评论(0) 推荐(0) 编辑
摘要: 常见应用场景: (1)window的 resize 和 scroll 事件; 如:滚动到页面底部加载更多,稍微滚动一下就会触发n多次scroll事件,如果每次触发scroll事件的时候都去判断一次是否已经滚动到了页面底部,无疑会造成资源的浪费。此时若使用js节流,每隔一定的时间(如500ms)进行一 阅读全文
posted @ 2019-12-26 11:42 本木木 阅读(227) 评论(0) 推荐(0) 编辑
摘要: /** * 格式化时间 */tool.formatTime = function (value) { if (value && value > 0) { return new Date(parseInt(value)).format('yyyy-MM-dd hh:mm:ss'); } else { 阅读全文
posted @ 2019-11-30 13:46 本木木 阅读(475) 评论(0) 推荐(0) 编辑
摘要: http://www.jq22.com/demo/uploadimg201812172358/ 图片上传截取: 需要引用这3个文件。主要依赖jq。 //html部分 <!DOCTYPE html> <html> <head> <metacharset="UTF-8"> <metahttp-equiv 阅读全文
posted @ 2019-11-30 13:35 本木木 阅读(704) 评论(0) 推荐(0) 编辑
摘要: 闭包 闭包这个东西咋说呢,不同的程序员,不同的资料都有不同的解释,你可以把它理解成一个函数,也可以把它理解函数+执行环境。 我们这里不纠结闭包的定义,而是关注闭包的现象,应用,再结合相关面试题去攻克它,最后谈一下我对闭包的理解。 现象 之前说过,函数执行,生成执行环境,函数执行完,销毁执行环境。嗯, 阅读全文
posted @ 2019-07-18 16:15 本木木 阅读(469) 评论(0) 推荐(0) 编辑
摘要: <button type='button' style='border: 1px solid #eeeeee;color: #717070;height: 20px;border-radius: 3px;line-height: 18px;' class='button cbtn' onclick= 阅读全文
posted @ 2019-07-09 18:28 本木木 阅读(847) 评论(0) 推荐(0) 编辑
摘要: 构造函数创建对象 在这个例子中,Person就是一个构造函数,我们使用new创建了一个实例对象person。 很简单,接下来进入正题 prototype 每个函数都有一个prototype属性,就是我们经常在各个例子中看到的prototype,比如: 那这个函数的prototype属性到底指向什么呢 阅读全文
posted @ 2019-07-09 15:42 本木木 阅读(265) 评论(0) 推荐(0) 编辑
摘要: MVC模式 MVC模式是单向绑定,即model绑定到view,当我们用js代码更新model时,view就会自动更新。 MVVM模式 MVVM模式就是model-view-viewmodel,它实现了view的变动,自动反应在viewmodel,反之亦然。 我对于双向绑定的理解就是用户更新了view 阅读全文
posted @ 2019-07-02 17:01 本木木 阅读(828) 评论(0) 推荐(0) 编辑
摘要: 第一种:display:table-cell 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta http-equiv="X-UA-Compatible" content="ie=edge"> 阅读全文
posted @ 2019-07-01 15:49 本木木 阅读(9011) 评论(0) 推荐(0) 编辑
摘要: 1 (function ($){ 2 $.fn.extend({ 3 exajax:function(url,opts,convert){ 4 var ajaxParam = { 5 url:url, 6 async : false, // 同步 7 type:'POST', ... 阅读全文
posted @ 2019-06-27 16:16 本木木 阅读(1327) 评论(0) 推荐(0) 编辑
摘要: 1、添加样式、js <link rel="stylesheet" href="${ctx}/hollybeacon/resources/plugins/zTree_v3/css/demo.css" type="text/css"> <link rel="stylesheet" href="${ctx 阅读全文
posted @ 2019-06-11 15:58 本木木 阅读(3041) 评论(0) 推荐(1) 编辑
摘要: <!DOCTYPE html> <htmllang="en"> <head> <metacharset="UTF-8"> <metaname="viewport"content="width=device-width, initial-scale=1.0"> <metahttp-equiv="X-U 阅读全文
posted @ 2019-04-23 18:10 本木木 阅读(349) 评论(0) 推荐(0) 编辑
摘要: 小对勾需要引入awesome插件。 css部分: .bella-checkbox{ position: relative;}/** 将初始的checkbox的样式改变 */.bella-checkbox input[type="checkbox"] { opacity: 0; /*将初始的check 阅读全文
posted @ 2019-04-23 15:10 本木木 阅读(2697) 评论(0) 推荐(0) 编辑
摘要: html部分: <!--头部菜单 --> <div class="menu"> <h1 class="logo"> <a href="#"></a> </h1> <ul id="nav"> </ul> <div class="fr"> <div class="user"> <s class="ico 阅读全文
posted @ 2019-03-21 10:23 本木木 阅读(256) 评论(0) 推荐(0) 编辑
摘要: function getFormValues(element,options) { var data = {}; if(element == null || element == undefined) { return data; } /** default options */ if (!opti 阅读全文
posted @ 2019-03-04 19:42 本木木 阅读(2063) 评论(0) 推荐(0) 编辑