摘要：
问题描述：将百度地图封装成一个独立的组件BMapComponent，具体见 Vue系列：如何将百度地图包装成Vue的组件（http://www.cnblogs.com/strinkbug/p/5769075.html），然后将BMapComponent作为vux的popup组件的子组件，代码如下： selectPosition() { this.showPositionContain... 阅读全文
摘要：
最近打算做电站编辑的功能，用户在新建电站之后需要输入一长串的地址信息，要选择国家、省份、城市、县、乡，然后再输入详细的地址，在手机中输入本来就不容易，所以一直在想怎么才能够简化用户的输入。 刚好我们的应用也需要让用户输入经纬度，既然有了位置信息，应该就有办法可以得到地址信息，找了之后发现百度地图AP 阅读全文
摘要：
一、开发环境 客户端：安卓+webview（vuejs） 服务器端：tomcat 8.0二、问题 使用安卓原生+web（基于webpack+vuejs）的方式开发了一个安卓应用，由于web的js文件较大，大概有400k左右，每次从app中打开该页面都要重新从服务器端下载页面的html、js和图片等静态资源，反应速度比较慢了，大概需要三四秒（如果用户网速慢的话，则需要更久），体验效... 阅读全文
摘要：
在上一篇文章（Webpack系列：在Webpack+Vue开发中如何调用tomcat的后端服务器的接口？）我们介绍了如何将对于webpack-dev-server的数据请求转发到后端服务器上，这在大部分情况下就够用了。然后现在问题又来了，在生产环境下接口一般采用https协议，如果我们要把数据请求转发到生产服务器上怎么办？首先会想是不是把上一篇博文中提到的proxyTable改成https就可以了... 阅读全文
摘要：
来源： http://sentsin.com/web/1212.html移动端高清、多屏适配方案背景开发移动端H5页面面对不同分辨率的手机面对不同屏幕尺寸的手机视觉稿在前端开发之前，视觉MM会给我们一个psd文件，称之为视觉稿。对于移动端开发而言，为了做到页面高清的效果，视觉稿的规范往往会遵循以下两点：首先，选取一款手机的屏幕宽高作为基准(以前是iphone4的320×480，现在更多的是ipho... 阅读全文
摘要：
开发环境： 前端：webpack + vue + vue-resource，基于如下模板创建的开发环境： https://github.com/vuejs-templates/webpack 后端：java, tomcat问题： 前端开发人员在使用webpack + vue的开发环境调试时，发现在所有需要调用后端接口的地方就很麻烦，目前处理如下： 1. 将每个接口的返回... 阅读全文
摘要：
现象，在一个webpack+vue的开发环境中，npm install echarts --save了echarts，然后在vue文件中直接使用 import echarts from 'echarts'然后编译的时候加上了Uglify选项，发现vendor文件的大小已经达到了800多k，导致首次加载速度比较慢，然后我们这个是webapp，就更慢了。所以考虑把echarts提取出来，改用cdn版本... 阅读全文
摘要：
我们的UI基于1920x1080分辨率给的尺寸标注，但是在安卓开发中大家一般都使用dp、sp来标注界面尺寸，所以需要一个dp与sp的转换公式。一开始参考的的这篇文章：关于Android开发中px、dip、dp、sp等单位的概念和转换关系（http://blog.csdn.net/watt520/article/details/9667079）然后得到下面这两个公式：public static in... 阅读全文
摘要：
使用vue-router 来实现webapp的页面跳转，有时候需要传递参数，做法如下：参考文献：http://router.vuejs.org/en/named.html 主要有以下几个步骤：（1） 设置好路由配置router.map({ '/history/:deviceId/:dataId': { name: 'history', // give the route a name ... 阅读全文
摘要：
问题： 使用webpack+vue做前端，使用tomcat提供api，然后npm run build之后需要将编译，生成如下文件： | index.html \ appserver + css | app.9f4d9411ca2e49d41c43873d1ac872ea.css | app.9f4d 阅读全文
摘要：
主要分解为如下步骤： （1）在html文件中引入百度地图， <!--WizRtf2Html Charset=0 --><script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=your token "></sc 阅读全文
摘要：
比如我们要在vue中显示百度地图，然后将相关的代码包装成组件，然后需要由外部来设置组件的高度，关于props的介绍，可以参考：http://cn.vuejs.org/guide/components.html#Props 所以我在该组件的内部添加了mapHeight属性，如下：props:{ // 地图在该视图上的高度 mapHeight:{ type: Number, ... 阅读全文
摘要：
Since fsevents is an API in OS X allows applications to register for notifications of changes to a given directory tree. Running:npm install --no-optionalWill do the trick, with no drawbacks.来源： http:... 阅读全文
摘要：
先要理解清楚几个概念： 以下转自：http://www.cnblogs.com/TomXu/archive/2011/12/31/2289423.html 问题的核心当你声明类似function foo(){}或var foo = function(){}函数的时候，通过在后面加个括弧就可以实现自执行，例如foo()，看代码：// 因为想下面第一个声明的function可以在后面加一个括弧()就... 阅读全文
摘要：
作者：林可锟链接：https://www.zhihu.com/question/26582745/answer/86755953来源：知乎著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。基础知识1、HTML + CSS 这部分建议在线教程 上学习，边学边练. 之后可以模仿一些网站做些页面。在实践中积累了一些经验后，可以系统的读一两本书，推荐《Head First HTML 与 ... 阅读全文
摘要：
在知乎上看到下面这段代码：http://www.zhihu.com/question/21589942 作者说这两者有区别，但是在最新的chrome下运行其实没有区别，都是第一次比较慢，2000ms出头，第二次都是200ms出头 1 var arr = new Array(50000000); 2 阅读全文
摘要：
最近做项目想要在百度地图上叠加显示echart的散点图，然后根据地图的缩放等级和区域范围要显示不同的散点图，这中间折腾了好久。功能要求包括：（1）底图使用百度地图；（2）可以在地图上叠加显示echart的散点图；（3）鼠标移动到散点图上面之后，可以浮动显示相关信息；（4）能够获取当前显示区域地图的经纬度范围；（5）能够响应地图的拖拽和缩放事件；这里有两种选择：1. 使用echart2的百度地图扩展... 阅读全文
摘要：
指定在元素的的事件处理程序中指定这段代码可以正确工作，点击之后会弹出 click me字符串；如果把该代码改为：没有任何反应。如果再修改为在JavaScript代码中动态指定事件处理函数，如下：那么点击按钮之后，弹出的就是click Me，也就是此时this有效。原因在于，在html代码中直接指定的事件响应代码，浏览器会动态创建一个封装着元素属性的函数，函数内部还有一个局部变量event，然后再调... 阅读全文
摘要：
用下面这段JavaScript代码可以计算出来function findTheThreeNum(numFix) { var a = ["1", "3", "5", "7", "9", "11", "13", "15", "30"]; var numFixArray = convertToTheNumFix(a, numFix); v... 阅读全文
摘要：
1 function testExecResultType() { 2 var txt = "mom and dad and baby"; 3 var pattern = /mom (and day (and baby)?)?/ig; 4 var match = pattern.exec(txt); 5 ... 阅读全文
摘要：
下面介绍grunt的基本使用方法，把前端项目中的对个js文件，合并到一起，并压缩。注意，例子用的是grunt 0.4.5版本，低版本可能在配置上有所不同。工具/原料node方法/步骤首先用npm在global环境安装grunt-cli ，注意在任何目录下 install -g都是一样的npm install -g grunt-cli安装grunt插件时项目中一定要package.json，所以在项... 阅读全文
摘要：
一、 背景项目需要使用Netty和DTU（无线数据传输模块）通信，需要接入多种类型的DTU，每种dtu连接上来之后都首先会发送一个注册报文。需要解析该注册报文来实现：1. 分辨出是哪种类型的dtu；2. 从注册报文中识别出注册码，以便决定该dtu下面连接的是哪个装置。问题在于这是两个不同厂家的DTU，他们的注册报文的内容和长度都不相同。此时我们就无法使用诸如DelimitedBasedFrame... 阅读全文
摘要：
一、问题描述a) 目前调用读的存储过程的接口定义一般是：void ReadDatalogs(Map map);，入参和出参都在这个map里面，这样用起来就很麻烦，我希望的是可以定义成：list ReadDataLogs(int stationId, int deviceId, Date startTime, Date endTime);二、已经尝试的方法a) 改变... 阅读全文
摘要：
pgsql function 系列之一：返回结果集--------------------------------------------------------------------------------我们在编写postgresql数据库的函数（或称为存储过程）时，时常会遇到需要返回一个结果集的情况，如何返回一个结果集，返回一个结果集有多少种方式，以及如何选择一个合适的方式返回结果集，这是... 阅读全文
摘要：
这里主要用的方法是JNI。在网上查资料时看到很多人说用JNI非常的复杂，不仅要看很多的文档，而且要非常熟悉C/C++编程。恐怕有很多人在看到诸如此类的评论时已经决定绕道用其他方法了。本文将做详细的介绍。AD：51CTO网+ 首届中国APP创新评选大赛火热招募中……最近在用weka做一个数据挖掘相关的项目，不得不说，weka还是一个不错的开放源代码库，提供了很多最常用的分类和聚类算法。在我的项目中要... 阅读全文