使用rem布局（js动态改变根字体大小），兼容pc端，设计稿750px
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<meta name="keywords" content="关键字"/>
<meta name="description" content="描述"/>
<!--360浏览器渲染模式优先级：极速/ie兼容/ie标准-->
<meta name...
1.日期格式化
13位时间戳（毫秒为单位的直接格式化）
{{1423130269432 | date:'yyyy-MM-dd HH:mm:ss'}}
10位时间戳（秒为单位的需要×1000转为毫秒再格式化）
{{1438668006*1000 | date:'yyyy-MM-dd HH:mm:ss'}}
2.截取字符串
在HTML的模板绑定中：{{ limitTo_expression | limitTo : limit : begin}}
In JavaScript：$filter('limitTo')(input, limit, begin)
栗子：
...
某日被告知某个系统在低版本火狐浏览器打开时一片空白，要求尽快修复，于是卸载本机firefox，安排上表现异常的版本Firefox 42.0，打开目标系统果然一片空白，然后打开控制台，发现提示如下：
SyntaxError: let is a reserved identifier
嗯，看提示是低版本还不支持let语法，按照经验转成 var 就行，于是给安排上babel-polyfill再加上各种转换折腾了一上午，无果emmm,,,
嗯，看来还是想当然了（手动捂脸）。于是换个思路，从抛错点入手，从控制台中打开抛错的文件，发现该function有添加"u...
首先，将自定义的监听xhr事件的方法override原本的XMLHttpRequest（from:分享JavaScript监听全部Ajax请求事件的方法）
(function () {
if (typeof window.CustomEvent === "function") return false;
function CustomEvent(event, params) {
params = params || {
bubbles: false,
cancelable: false,
detail: undefined
};
var ...
webpack-bundle-analyzer插件用以分析webpack打包之后的结果，在vue-cli3之前是集成到scripts中，然后直接执行命令就行，而在vue cli3中用vue create创建的项目木有这个插件的命令了，查阅官方文档发现这个文档仍然是被集成的，只是需要我们在有需要的时候自己添加相关参数。
官方默认的命令是这样的：
{
"scripts": {
"serve": "vue-cli-service serve",
"build": "vue-cli-service build"
}
}
那么我们可以执行n...
1、canvas转换为dataURL (从canvas获取dataURL)
var dataurl = canvas.toDataURL('image/png');
var dataurl2 = canvas.toDataURL('image/jpeg', 0.8);
2、File对象转换为dataURL、Blob对象转换为dataURL
File对象也是一个Blob对象，二者的处理相同。
function readBlobAsDataURL(blob, callback) {
var a = new FileReader();
a.onload = ...
官方配置说明 https://cli.vuejs.org/zh/config/#pages
const isProduction = process.env.NODE_ENV === 'production'
const isDevelopment = process.env.NODE_ENV === 'development'
const cdn = {
dev: {
css: [
'https://cdn.jsdelivr.net/npm/element-ui@2.10.1/lib/theme-chalk/index.c...
项目中有类似需求：列表进详情，详情再返回列表，列表保持之前的状态，而其他页面进列表则重新渲染。
结合项目实际情况，最终实现方法：结合beforeRouteEnter和beforeRouteLeave钩子然后用keep-alive做缓存。
有关keep-alive的作用及使用方法本文将不再赘述（详见官方文档）
栗子如下，父组件：
<template>
<div id="app">
<keep-alive :include="cachedPages">
<router-view />
<...
与android交互
android端将方法挂载到webview上，js直接调用即可，如：android.forWeb(params)
与ios交互
js调用ios提供的方法：window.webkit.messageHandlers.方法名.postMessage(参数)
注意：“参数”允许类型为NSNumber, NSString, NSDate, NSArray, NSDictionary, and NSNull，如果不需要传参，那么“参数”也要写作null，否则有坑。
提供给android或ios的webview...