为什么使用CDN当引入的组件越来越多时，运用 webpack 打包后的 app.js 文件容易变得过大，对首屏加载很不友好。使用CDN的第三方资源的JS代码，将不再打包到本地服务的JS包中。减小本地JS包体积，提高加载速度。-给网页加载提速Vue项目打包的时候，默认会把所有代码合并生产新文件,其中包括各种库导致打包出来很大。如果使用cdn的话,会更利于程序的加载速度。在Vue项目中，引入到工程中的

【代码】nuxt、vue实现PDF和视频文件的上传、下载、预览。

【代码】高德地图——轨迹回放和电子围栏。

微前端是指存在于浏览器中的微服务，其借鉴了微服务的架构理念，将微服务的概念扩展到了前端。如果对微服务的概念比较陌生的话，可以简单的理解为微前端就是将一个大型的前端应用拆分成多个模块，每个微前端模块可以由不同的团队进行管理，并可以自主选择框架，并且有自己的仓库，可以独立部署上线。一般呢，微前端多应用于企业中的中后台项目中，因为企业内部的中后台项目存活时间都比较长，动辄三五年或者更多，最后演变成一个巨

store/index.js内置export const state = () => ({// 这里是全局数据保存的地方token:'',userInfo: {},})// 修改state里面的函数必须用到mutations里面的函数export const mutations = {setUserInfo(state, data) {// 每个 mutation 函数都可以接受到两个参数/

bug：localStorage不存在在SSR中，created生命周期在服务端执行，node环境中没有localStorage所以会报错，将需要使用localStorage的代码放到浏览器使用的生命周期(mounted)中。配置文件配置axios文件不在服务端渲染 { src: ‘@/plugins/axios’, ssr: false }axios封装 plugins/axios.jsimpo

vue中将方法绑定到window对象下，给app端调用通过jsBridge方法，H5可以调用客户端（ios，android）的内部方法，同样，客户端也需要能调用H5页面里定义的js方法，但是在vue里，所有的方法都是在组件内部声明的，也只能在组件内部调用，原生调用h5方法必须定义在window对象下mounted(){// 将scanResult方法绑定到window下面，...

创建目录结构，放入html文件嵌入webview标签即可

页面<template><view class=""><view class="ptb-30"><view class="plr"><textarea v-model="message" maxlength="1000" placeholder="输入内容（最多1000字）" class="w100" style="height: 450rpx