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