- 博客(11)
- 收藏
- 关注
原创 通过async处理Promise为同步执行
场景:想等待函数"fun"中的异步操作执行完毕,拿到返回值之后再执行之后的逻辑function fun (cab){ setTimeout(()=>{ cab(3) },1000)}处理前:console.log(1)new Promise((reslove,reject)=>{ console.log(2) fun((res)=>{ //执行到异步操作,交给异步线程处理,主线程继续去执行同步操作 reslove(
2021-07-06 15:08:22
408
原创 代替$event接收事件对象,以及传参
在不支持$event的情况下,可以用箭头函数的方式来接收、传参示例如下:Taro-ui-vue的组件,不支持$event <AtInput name='userId' :value='formData.userId' :border='false' :onChange="(e)=>handleInput(e,'userId')" //箭头函数代替$event class="in
2021-04-14 13:59:52
457
原创 清除require引入的js缓存
在项目中,通过这样require引入的js,自然会被缓存,可能会导致切换页面后不再加载。require('../../static/js/xxx.js')通过 require.cache即可删除该js缓存,解决上述问题delete require.cache[require.resolve('../../static/js/xxx.js')]; 官方文档对require.cache的解释:被引入的模块将被缓存在这个对象中。 从此对象中删除键值对将会导致下一次 require 重新加载被删除的模
2021-02-06 15:20:51
1818
原创 微信浏览器通过WeixinJSBridge禁止右上角分享,安卓、iOS适配。(vue开发)
最近有一个需求是在微信浏览器中禁止右上角分享,因为wx-js-sdk目前还没通,所以只能用WeixinJSBridge来实现,最初逻辑是定义好禁止分享的方法后,初始化时调用即可,本地调试也没什么问题,但发到环境后发现了坑。。1.首先发现ios和安卓偶尔会出现无效的情况,排查后发现是初始化中获取WeixinJSBridge结果为undefined,随后通过setInterval循环获取解决,保证调用具体方法时WeixinJSBridge存在即可。2.第二个坑是iOS底部自带history前进后退,不会重新
2020-11-20 15:22:44
3227
11
转载 微信内置浏览器私有接口WeixinJSBridge介绍(转载)
本文转载,原文地址:https://blog.csdn.net/weixin_44138611/article/details/89335931WeixinJSBridge不同于jssdk,不需要鉴权,是微信内置浏览器自带的接口。大致有以下几个有用的知识点(各功能具体方法请看原文):分享给好友分享到朋友圈分享到微博隐藏下方工具栏隐藏微信右上角分享按钮(并非隐藏三个点,而是里面的菜单)关闭浏览器回到公众号对话窗口Vue中只需要定义好方法,在页面初始化中调用即可。 mounted()
2020-11-18 15:52:04
6097
6
转载 Vue中$emit调用父组件异步方法,子组件通过回调实现同步。
// 父页面// 父页面调用组件的html中添加事件 @test=“test” methods : { test(data, cab) { setTimeout(() => { // 这里使用定时器内 模拟执行完容方法 console.log(data) // 这是传递过来的参数 用于处理 data++ cab(data) // 将处理完成的数据返回回去
2020-11-05 15:49:58
4685
1
原创 浅浅浅谈Ajax,跨域,以及Jsonp
大家都知道,Ajax是一种发送http请求与后台进行异步通讯的技术。在使用Ajax带来的方便之余,大家还要知道,Ajax被一种策略所限制,它叫做同源策略。ajax的同源策略:ajax请求的页面或资源只能是同一个域下面的资源,不能是其他域的资源,这是在设计ajax时基于安全考虑。1. 协议相同2. 域名相同3. 端口相同在这种策略的限制下,Ajax只能在满足同源策略情况下发送请求。否则就...
2019-04-26 09:41:52
8449
1
原创 JQuery放大镜效果实现实例
实现效果演示:鼠标移入左侧缩略图时,小盒子和右边大图显示,并且小盒子跟随鼠标移动,右侧大图出现放大效果。实现步骤:HTML部分:要实现放大镜效果,只需要一个简单的布局,左右各一个盒子,左侧放缩略图,里面包着小盒子(放大镜),右侧放大图,用于制造放大效果。<body> <div id="box"> <div id="lbox">...
2019-04-26 08:52:48
9597
原创 使用Cookie实现七天免登录
实现效果:用户打开页面,输入用户名和密码后点击登录,如果不勾选“七天免登录”框,则浏览器不会保存用户数据,反之则会保存用户数据,再次刷新之后浏览器会自动写入用户名以及密码。HTML布局:<body> 用户名:<input type="text" / id="dx"><br> 密码:<input type="password" / id...
2019-04-16 17:53:52
21071
4
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人