Html
rock.dai
我是一名前端客户端开发工程师,主要领域:android、react-native、vue、react、小程序
展开
-
解决Chrome浏览器http自动转https的问题
在chrome浏览器中,当对一个域名使用https访问后,之后再使用http协议访问,最后都会被转化成https,这个对我们开发调试带来了很大的不便。记录一下如何解决这个问题打开管理页面打开chrome浏览器,地址栏输入以下协议并回车chrome://net-internals/#hsts浏览器中将会出现以下页面,可以通过以下操作将已经自动转https协议的域名从chrome中移除Domain Security ProlicyDelete remain security prolicies原创 2021-03-16 15:02:32 · 11296 阅读 · 7 评论 -
css伪元素before和after显示问题
记录新入职前端同学的一个问题:css在添加了before和afer后并不显示的问题html的代码段<div class='test'> <span>测试</span></div>不显示的css.test{}.test::before{ width:20px; height:20px; background:#F0F;}问题出现的原因:没有搭配content属性使用只需要在before中添加content即可展示.test{}原创 2021-02-24 18:23:11 · 3314 阅读 · 0 评论 -
前端项目指定npm源——.npmrc
当我们的前端项目npm仓库有多个源,想在某个单独的项目中使用特定的npm源,则可以通过.npmrc文件来进行配置1.在项目根目录下创建.npmrc文件2.编辑文件,输入registry="目标源地址"registry="https://registry.npmjs.org/"3.通过命令npm config ls查看当前项目下的registry是否发生了变化配置完成后,npm源地址只在此项目中生效,并不会对全局npm的配置影响,可以在别的终端上通过命令npm config ls进行验证...原创 2021-01-06 14:16:11 · 10135 阅读 · 0 评论 -
微信小程序button修改边框样式after
这里写自定义目录标题在微信小程序中,有些功能必须使用button组件(例如:获取用户手机号 (bindgetphonenumber),微信小程序文档官方传送门),如果使用view等组件,然后设置这个属性,点击是无法触发微信手机号授权的,必须使用button组件 我们接入button后 <button class='sure'>确定</button>.sure{ border-radius: 20px;}效果如下 可以看到边框有灰色的细线,当我们把.s原创 2020-10-30 17:54:44 · 2617 阅读 · 0 评论 -
canvas书写图片并修改尺寸
记录一下两年前的一个关于canvas设置手写签名的需求,最近又对其进行了改造第一版的需求如下:由于手写区域较大,部分用户手写的区域较小,在盖章的过程中,可能会使得签名笔迹看起来特别小,我们需要将用户真实手写的笔迹进行区域裁剪,得到红框中的部分,使得该图片在盖章展示的时候能看清用户的笔迹分析设计:1.由于需要对canvas中已经手写的笔迹进行处理,且手写区域是固定的,一次需要再有一个canvas(adjustCanvas)来处理 2.需要将用户的手写笔...原创 2020-08-24 18:39:44 · 2530 阅读 · 0 评论 -
Html判断客户端使用的Android还是Ios
var userAgent = navigator.userAgent.toLowerCase();if (/iphone|ipad|ipod/.test(userAgent)) { alert("Ios客户端");} else if (/android/.test(userAgent)) { alert("Android客户端");}...原创 2015-12-07 15:50:49 · 833 阅读 · 0 评论