小金鱼紫苏

摘要： 开发中遇到的，常用的正则： 正整数最多10位：/^[1-9][0-9]{0,9}$/ 1000以内正整数（严格匹配，不允许01）：/^(?:1|[1-9][0-9][0-9]?|1000)$/ 1000以内正整数（非严格匹配，允许01）：/^(?:[0-9]{1,3}|1000)$/ 正整数：/^[ 阅读全文

摘要： 以微信小程序为例：一：避免使用大图 图片压缩之后使用，避免大图，必要时可以使用雪碧图或者svg，图片上传远程服务器，不占用本地资源包。二：分包处理二：微信小程序单包不超过2M，最多10个包。合理分包，将文件放到合适的地方。除一级页面入口放到主包，剩余页面逻辑都可以拆分成分包的形式。注意：除分包的文件 阅读全文

摘要： open-type="isGetUserInfo" 不支持支付宝端（授权获取用户信息）Button默认样式不一样，微信端多有margin，padding，type='default'支付宝端跟微信端获取appid的方法不一致支付宝端引入的图片如果不正确，需要加一个展示模式支付宝端catch阻止冒泡， 阅读全文

摘要： 是独立于当前页面的一段运行在浏览器后台进程里的脚本。它的特性将包括推送消息,背景后台同步， geofencing（地理围栏定位），拦截和处理网络请求。本文主要说一下离线加载以及消息推送两部分内容。一：serviceWorker离线加载 1.在页面上register注册register-service 阅读全文

摘要： (一). 解析html文件，构建DOM树 将字节流转换成字符流，根据不同的编码进行解码 通过词法分析将字符流解析为一个个词语，这个过程会跳过空格与换行内容。词法分析由HTMLTokenizer完成 使用XSSAuditor来进行词语验证及过滤，主要是出于安全方面考虑 在经过XSSAuditor过滤之 阅读全文

摘要： 一：清除浮动的几种方式 在子元素的最后添加一个空div设置clear：both以撑开父元素 添加：：after伪元素content：' '，display：inline-block，clear：both（clear只能作用于block元素，伪元素默认为inline） 父元素设置了BFC（块级元素看不 阅读全文

摘要： 一：水平居中 行内元素 text-align : center 块级元素 margin: 0 auto position:absolute; left:50%; transform: translateX(-50%) display:flex ; justify-ontent:center 二：垂直 阅读全文

摘要： 方法一：react16以后的版本增加异常捕获 方法二：使用window.onerror全局捕获异常 方法三：使用try catch捕获 在每个方法内进行捕获，对所有的字段进行校验 总结：项目内进行的异常判断少之又少，这是很危险的行为，每次接口出现的数据不符合预期都会出现空白页崩的现象。在未来的项目内 阅读全文

摘要： 一：连接流程 1.openBluetoothAdapter 获取手机蓝牙的状态（是否已打开蓝牙，手机是否支持蓝牙功能） 2.startBluetoothDevicesDiscovery 开始搜索蓝牙设备 3.getBluetoothDevices 已获取的蓝牙设备列表 4.connectBLEDev 阅读全文

摘要： 一.echarts的折线图的使用demo如下，linecharts为实例化的封装组件，line为实际应用的组件 二.g2的使用以如下柱状图为例 三：bizcharts：基于g2的封装版本，去除实例化图表的步骤，更多的关注于各字段的控制，以下两个demo分别为折线图，扇形图 阅读全文