08 2016 档案
摘要：在上一篇文章（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:...
阅读全文
