概念 CSS Sprite 也叫 CSS 精灵、雪碧图，是一种网页图片应用处理方式。他允许你将一个页面涉及到的所有零星让图片都包含到一张大图中去，当访问该页面时，有从前的多次请求变为一次请求，客户端每显示一张图片都会向服务器端发送请求，所以图片越多请求越多（浏览器对同域名的HTTP请求有次数限制），造成延迟的可能性就越大，所以页面有许多icon时候…

使用nvm 在 Windows 计算机上管理 node.js 的多个安装 , 前往下载 window安装填坑 不要 将 nvm 安装到 C盘 !! , 如果安装到C盘切换版本的时候会出现 "拒绝访问" 的报错信息 安装完成后需要管理员身份运行 porwerShell 进行一下命令 nvm 命令 nvm arch [32|64]：显示节点是在 32 …

原因: 因为uniapp对video组件做了二次封装,文档中获取元素ID,会定位到uniapp最外层的video盒子. 解决方法: 手动创建video元素，并给其元素添加自定义的属性，（需要注意的是，uniapp中是不提倡直接操作DOM，所以需要适配兼容语法） 用原生方法对接直播流 这里的直播流格式为m3u8 示例 <template>…

关于Scheme的介绍 使用场景 在移动端web页面上,点击按钮直接打开手机端app,如果调用失败则前往对应app的应用市场. 实现方法 H5唤醒APP，需要使用 scheme协议 (有app端提供)，但此协议在微信内置浏览器中是无法调用的，微信现在可以通过微信开放标签实现，所有在开始需要判断设备的环境和浏览器环境，如果是安卓或者IOS，在执行sc…

场景：展示大型列表和表格数据（比如：城市列表、通讯录、微博等），会导致页面卡顿，滚动不流畅等性能问题原因：大量DOM节点的重绘和重排其他问题：设备老旧、移动设备耗电量加快、影响电池使用寿命优化方案：1.懒加载 2. 可视区渲染（虚拟列表） 懒加载 常见的长列表优化方案，常见于移动端原理：每次之渲染一部分（比如10条数据），等渲染的数据即将滚动完时，…

在 main.js 中配置 // 自动构建开发及生产环境API路径 if(process.env.NODE_ENV === "development"){ //开发环境 Vue.prototype.$xxx = '/xxx'; Vue.prototype.$xxx2= '/xxx2'; }else{ //生产环境 Vue.prototype.$xx…

监听地图视图缩放级别 var map = new AMap.Map(map, {   zoom: 5,   center: [106.143065, 33.058826],   resizeEnable: true});map.on("zoomchange",()=>{   var getZoo…

map.plugin(["AMap.MarkerClusterer"], function() {        cluster = new AMap.MarkerClusterer(          map, // 地图实例   &nbs…

作用：在WEB应用程序中获取地理位置说明：地理位置API通过 navigator.geolocation对象提供，通过getCurrentPosition方法获取注意： 获取到的地理位置跟GPS、IP地址、WIFI和蓝牙的MAC地址、GSM/CDMS的ID有关比如：手机优先使用GPS定位，笔记本等最准确的定位时WIFI navigator.geol…

JSX 仅仅是 reacteElement() 方法的语法糖 （简化语法）JSX 语法被 @babel/preset-react 插件编译为 createElement() 方法React 元素：是一个对象，用来描述你希望在