摘要：
知识点1 chrome 和 chromium 的联系 chrome : google的闭源项目，基于chromium ，扩展更严格 chromium ：google的开源项目 ，国产的双核浏览器，基本全基于该项目 知识点2 headless browser 模式 指浏览器的无界面模式，在不打开GUI 阅读全文
摘要：
我们先来看看这两个事件方法是如何定义的 preventDefault() 如果事件是可取消的，则 preventDefault() 方法会取消该事件，这意味着属于该事件的默认操作将不会发生。该方法不会阻止事件通过 DOM 进一步传播。请使用 stopPropagation() 方法来解决。 stop 阅读全文
摘要：
H5 通过 input 获取本地图片后上传服务器是，图片大小会极大的耗费网络，和服务器资源，所以此时我们就要对上传的图片进行压缩后上传compress(file) { if (file.file && (file.file.size > 1024*1024*.3)){ // 设置文件压缩的阈值 le 阅读全文
摘要：
这个问题很经典 原因是当时设立 a 标签标准的时候是在欧洲 inline 元素为了正确显示 y j g 等带有尾巴的字母 会在下面留些空白， 所以主要原因还是因为字体 所以，如果 a 标签里没有文字的话，设置 font-size: 0 就OK了 阅读全文
摘要：
我们这里只罗列问题 这个需求，利用H5标签完全可以做到，那么问题是什么 capture 捕获 ，我们把这个值设置为'camera'，而我们要设置这个属性的原因是什么呢？客户希望用户上传的图片是现拍的。。。。。。 此时就会遇到两个问题，能不能做得和 app 一样，尤其是针对证件，答案是不能（上一篇日志 阅读全文
摘要：
首先，这个需求是应为用户上传各种标准证件时，过度随意，致使图片识别率过低，所以要增加拍照引导，用以指导用户拍照。 其次，要说的是，该功能的难处，由于各种设备，系统对于 H5 的限制，各种兼容性的问题还是很多的，所以，我们提供一种可能性。 再次，原理，获取用户设备摄像头，以 vidio 标签承载视频流 阅读全文
摘要：
fiddler 百度简介：Fiddler是一个http协议调试代理工具，它能够记录并检查所有你的电脑和互联网之间的http通讯，设置断点，查看所有的“进出”Fiddler的数据（指cookie,html,js,css等文件）。 Fiddler 要比其他的网络调试器要更加简单，因为它不仅仅暴露http 阅读全文
摘要：
B： 该事件主要是线上运行的前端代码出错后，捕获异常，并发送至Sentry服务器 第一步，初始化 Sentry Browser SDK import * as Sentry from '@sentry/browser' Sentry.init({ dsn: http://sdasdadadasdad 阅读全文
摘要：
话不多说，直接看看A、B两件事要怎么做吧！ A：该事件，主要是向 sentry 上传 sourceMaps 文件，方便在 sentry 上直接定位报错的位置，当然这并不是使用 sentry 的必须项。 webpack ： 直接上代码 let SentryCliPlugin = require('@s 阅读全文
摘要：
单页面应用优化之路一前端日志管理Sentry使用（一） 首先，我们要明确一点，什么是 Sentry ，这里引用官网的说法 “Sentry is an open-source application monitoring platform that helps you identify issues 阅读全文
