一张图定位uniapp发布H5上线后页面经常卡顿白屏(测试环境正常)
之前项目组重构了一个公众号商城,采用的是uniapp架构,前端在测试环境打包发布后一切正常各个页面的加载跳转这些也没发现什么问题,但是后来发布生产环境后发现很多页面跳转响应很慢,经常出现白屏页面,偶尔刷新后会好一两次。让运维看了正式环境及测试环境的nginx配置说是都一样,但是正式环境就是卡顿很频繁[……]
简单分析下项目中H5与原生APP的交互方式
H5与原生APP之间的交互是很常见的应用场景。我们现有的一个C端项目也有用到这种方式,由于之前接手后没有跟前端细聊过项目中H5与原生APP交互采用的是哪种解决方案,另外最近正好产品增加了不少新的需要交互的功能模块跳转,直接要了用于测试的前端页面来研究下。
1、利用浏览器调试功能做为突破[……]
基于layui的管理后台页面单html源码
layui本身有layuiAdmin收费版本,但是个人的话只是偶尔用用,没必要买了,就在源layui的基础上修修补补做了个简单的后台页面。左侧菜单导航栏可以隐藏,点击菜单后打开的tab标签是iframe内容。是个纯html的单页面源码,里面用到的js、css都是使用的cdn地址,如果自己使用的话最好[……]
钉钉扫码登录前端页面(附加参考php后端&钉钉消息通知)
钉钉扫码登录前端页面,另提供php后台处理授权code的参考代码。
http://dingding.ranjuan.cn/saoma.html——直接访问该地址,可以显示扫码
http://dingding.ranjuan.cn/getUserCode.html——上一步扫码后跳转的地址[……]
JS自动循环点击网页元素
js内容如下,F12打开浏览器调试,粘贴到右下脚的Console控制台回车后点击你需要循环模拟鼠标点击的按钮即可开始自动操作。也可以在浏览器新建一个书签网址一栏输入下面的js代码,然后打开目标网页后选择刚才新建的书签,点击网页上需要模拟鼠标点击的元素即可自动开始点击。
如果需要停止F5浏览器[……]
html前端直传阿里云OSS方法(不建议此方法)
不建议此方法的原因见这篇文章:被泄露的OSS密钥(阿里云OSS使用前端直传的危害)
参考阿里云官方教程:JavaScript客户端签名直传
官方提示注意事项
- 在客户端通过JavaScript代码完成签名,无需过多配置,即可实现直传,非常方便。但是客户端通过JavaScript把Ac[……]