bilibid的博客

原创 video.js停止播放

video.js插件是很好用的播放插件，一般我们会使用播放和暂停键，但如果想停止播放怎么办呢？

原创 $forceUpdate的使用

首先我们知道在vue中，数据的绑定都不用我们操心，例如在data中有一个msg的变量，你修改它，那么在页面上，msg的内容就会自动发生变化。但是如果对于一个复杂的对象，例如一个对象数组，你直接去给数组上某一个元素增加属性，或者直接把数组的length变成0，vue就无法知道发生了改变。复杂对象数组 使用 this.$forceUpdate 强制更新 也可以使用 $set 给深层数组赋值。vue中的$forceUpdate是强制更新。

原创 判断浏览器是微信还是支付宝

最近做了一个项目，在微信和支付宝中访问同一个链接，在支付宝上访问 支付宝授权，微信中访问获取微信授权 var browser = navigator.userAgent.toLowerCase(); if(browser.match(/Alipay/i)=="alipay"){ console.log("支付宝app的浏览器"); }else if(browser.match(/MicroMessenger/i)=="micromessenger"){ conso

原创 uniapp APP端使用web-view加载一个H5页面，跳转回APP指定页面

最近app项目中需要对接 海外stripe 支付根据官方文档调试支付成功后，回调是跳转线上地址的链接，返回app需要一步步返回。由此产生需求h5返回app任意页面。H5页面中需要引入uni.webView.js详情

原创 uniapp app内使用微信H5支付

orderbuyNow() { wxpay(this.formData).then(res => { if(res.data.a.code==200){ // uni.navigateTo({ // url:`../webview/index?url=${res.data.a.data.mwebUrl}` // }) // #ifdef APP-PLUS const platform = uni.getSystemInf.

原创 uniapp苹果登录

uniapp 苹果登录

原创 动态修改:before伪元素content值

原创 国际信用卡

国际信用卡是一种银行联合国际信用卡组织签发给那些资信良好的人士并可以在全球范围内进行透支消费的卡片，同时该卡也被用于在国际网络上确认用户的身份。国际发卡组织是一个由全世界银行参与的非营利的国际性组织，会员由银行等金融机构组成，建立起一个全球的支付和金融服务的网络。国际上的信用卡组织国际上的信用卡组织主要有五个，分别是威士（Visa）国际组织、万事达（Master）国际组织、美国运通（American Express）、大来卡（Diners Club）、日本JCB。a) 威士卡（VISA）支持158

原创 vue项目中http请求线上成为https请求

静态资源路径应该是http开头，访问的时候变成了https开头，导致找不到资源，后来发现是这句话搞得鬼。<meta http-equiv=“Content-Security-Policy” content=“upgrade-insecure-requests”>这个代码的作用是将站内加载的资源自动将http转为https如果不需要去掉就可以解决问题...

原创 uniapp ios滑动返回上一页

方法 : pages.json 需要的页面中配置“app-plus”: {“softinputNavBar”: “none”,“softinputMode”: “adjustResize”,“popGesture”:“none” // 配置 此句代码}关闭IOS端侧滑返回上一页在manifest.json中加入...

原创 app开发注意事项

不管使用哪种方法，都要注意一点，手机App的HTML页面必须本身性能足够高。这是老生常谈的问题，但现实中还是大量App因为这个问题而导致性能体验出问题。编写干净整洁、一次渲染的页面非常重要。现在太多开发者在研究模式、框架，让页面渲染要经历二次、甚至四五次重绘才能完成。在短短几百毫秒的动画期间，这么干要不让页面卡、要不让渲染慢。dom层级简单点，不要嵌套太多。减少css二次渲染，就是少用复杂的选择器，少用padding、margin这些会二次修正页面的css。如果追求极致的话，那jquery、ze

原创 uniapp 输入框获取光标禁止软键盘弹出

禁止input输入框弹出软键盘，input可以正常获取光标

原创 同步和异步理解

同步：举个例子：就像一根管子，先进去的先出，是一种队列形式，即所有的操作都做完，才返回给用户。这样用户在线等待的时间太长，给用户一种卡死了的感觉（就是系统迁移中，点击了迁移，界面就不动了，但是程序还在执行，卡死了的感觉）。这种情况下，用户不能关闭界面，如果关闭了，即迁移程序就中断了。异步：浏览器向服务器请求数据，服务器比较忙，浏览器可以自如的干原来的事情（显示页面），服务器返回数据的时候通知浏览器一声，浏览器把返回的数据再渲染到页面，局部更新存在就有其道理 异步虽然好 但是有些问题是要用同步用来解

原创 uni-app定位获取自身和附近定位信息

可能因为浏览器原因，定位会在浏览器中会失效，可以通过真机调试的方式进行定位和数据的调试。1、调用api获取自身定位经纬度2、通过经纬度获取地址信息引入腾讯sdk.js下载地址.其中key值是 申请的腾讯开发者地图的key值，如何申请key值可以查看官网定位成功res返回的数据中，有自身定位的地址信息，还包括市区镇。3、获取附近若干地址信息列表根据腾讯地图开发者平台的api，通过传入经纬度，获取经纬度附近地址信息列表...

原创 react

什么是reduxReact不是一个完整的MVC框架，最多可以认为是MVC中的V（View），甚至React并不非常认可MVC开发模式高性能：复杂或频繁的DOM操作通常是性能瓶颈的原因，为此引入了虚拟DOM虚拟DOM：每当数据变化时，React会重新构建DOM树使用React大大降低了逻辑复杂性，意味着开发难度降低，产生bug更少React衍生品：React native 是React衍生...