整理归纳一些之前记录的h5兼容性问题以及相应的解决方法，大多都是移动端的，持续更新…1、iOS滑动卡慢ios里父元素设置overflow:auto或scroll时，子元素滚动时没有滚动惯性，手指离开屏幕就立即停止滚动，所以会有一种卡和慢的感觉。目前发现ios13及以上系统没有这个问题，但低版本的还会出现，需要解决。解决方法：css里给滚动父元素设置：-webkit-overflow-scrolli

Chrome浏览器访问http页面时有时会自动跳转https，导致一些问题。比如：+ 开发阶段访问dev环境网址跳https，后端还是http，导致接口跨域。

待续一、调试工具1、h5调试2、小程序调试二、抓包1、windows下普通抓包2、mac下普通抓包3、单页面应用hash路由抓包4、安卓7.0+版本下的app抓包

实现功能：全局路由统一管理，支持配置路由重定向、路由懒加载、自定义meta字段等。全局路由拦截，支持读取路由meta配置，支持拦截跳转其他路由等。版本：react@17.0.2react-router-dom@5.3.0一、react路由react-router-dom v5版本里，路由不再是js，而是一个个组件，即<Route />。通过path路径区分不同的路由来渲染。配合<

npm中有一个的文件，即npm依赖锁文件，用来描述npm依赖生成的确切树，这样不管你的依赖有何种更新，都会按照这个确切树来安装使用。不同的包管理工具对应不同的锁文件：整体上大同小异，本文主要以npm为例。

windows10系统升级最新1703版本后发现制作pe系统的u盘插上电脑后会同时显示可见分区和efi分区，以前的efi隐藏手段统统失效了，目前没找到完美的方法，本文的方法是在自己电脑隐藏efi分区，换别的1703版本win10电脑无效。解决原理就是：删除efi盘符。情况一：如果你制作pe时选择的普通隐藏，那么右击“此电脑”——“管理”——“磁盘管理”，应该能看到u盘的efi分...

1、概述移动端屏幕大小不一，要使网页能自适应不同尺寸的手机屏幕，而且还要尽可能开发便捷，目前使用最多的还是rem大法，相对比较成熟，而新兴的vw方案也可以一试。本文主要介绍了rem和vw两种方案的使用配置方式。2、meta设置首先移动端要设置好视口，使视口的宽度等于设备屏幕宽度，同时浏览器识别后就认为该网页是移动端网页，也就不再有点击延迟的问题了：<meta name="viewport"

传送门：小程序swiper组件官方文档整理微信小程序swiper组件使用中遇到的一些问题及其解决方法：1、swiper轮播图图片高度自适应描述：swiper组件有个默认高度150px，有时候做轮播图特效时要求图片高度能自适应，而不是写死的宽高。解决方法：首先给image标签设置mode=“widthFix”，然后绑定bindload事件，然后在事件方法里通过e.detail.width和e.det

起因是开发时的一个报错信息：Cannot access '__WEBPACK_DEFAULT_EXPORT__' before initialization。由于报错信息不明确，网上也搜不到明确的原因解释和解决方法，所以自行排查了很久才逐渐找到原因。要说怎么排查，就是最笨的也是最有效的“代码删除法”，即从入口文件开始一行行删代码，直到定位到具体出错位置，然后凭借自身知识和经验判断出问题原因。原因就

本文是vue项目的js升级ts教程，也可以作为vue项目的ts使用教程。项目背景：vue版本：2.6.11基于vue-cli4脚手架生成已配置eslint（配置教程参考：传送门）一、安装依赖vue ts基础：npm i -D typescript @vue/cli-plugin-typescriptts校验相关：npm i -D @typescript-eslint/eslint-plugin @