- 博客(13)
- 收藏
- 关注
RSS订阅原创 h5开发 / 调用原生App的方法
// share()是原生提供的方法if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) { // 苹果 if (window.share){ window.share(); } else if (window.webkit) { window.webkit.messageHandlers.share.postMessage() }} else if (window.Android && window
2020-11-23 10:10:32
1266
原创 h5开发 / 判断运行环境（苹果、安卓、微信浏览器）
isIos() { return (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent))},isAndroid() { return window.Android},isInWexin() { return navigator.userAgent.toLowerCase().includes('micromessenger')},
2020-11-23 10:05:52
372
原创 blob格式转json
使用场景：将列表导出为excel文件，接口返回的数据类型为blob，这样我就获取不到报错信息了，所以需要将blob转为json才能满足需求实现:// 请求接口时设置如下{ headers: { 'Content-Type': 'multipart/form-data', }, responseType: 'blob'}// 接口拿到数据之后的判断const resInfo: any = await this.blobToObj(res.data)if(resInfo.co
2020-11-19 15:23:30
3311
原创 h5开发 / 使用vue-seamless-scroll实现列表轮播
目的：轮播“最近提现”列表方案：使用vue-seamless-scroll效果：实现：1.安装cnpm install vue-seamless-scroll --save2.注册import vueSeamlessScroll from 'vue-seamless-scroll'Vue.use(vueSeamlessScroll)3.使用<vue-seamless-scroll :data="listData" :class-option="classOption"
2020-11-18 19:21:04
588
原创 h5开发 / 移动端不兼容text-align: justify的解决方法
最近做移动开发，需要做如下效果，信心满满的使用text-align: justify发现居然无效！！！！最后在网上找到了解决方法：<!-- 每个字之间都加个空格 --><!-- 后面加一个span标签是因为，只有一行的话，text-align-last是不起作用的 --><div class="desc"> 邀 请 新 用 户，领 取 更 多 红 包 哦！ <span class="span_hid"></span></div
2020-11-18 18:59:13
1023
1
原创 给邮箱和手机号码打码
给邮箱和手机号码打码这种功能一般都是后台来做，因为被抓包的话，前台打码根本没用// 替换邮箱字符function regEmail(email) { if (String(email).indexOf('@') > 0) { var str = email.split('@'), _s = ''; if (str[0].length > 3) { for (var i = 0; i < str[0].length - 3; i++) {
2020-11-18 18:42:38
1101
原创 h5开发 / weixin-js-sdk使用分享
最近做了一个h5活动页面，需要自定义微信分享的标题、详情、缩略图和url，使用到了jssdk，功能已经完成，总结一下这个东西到底怎么用（使用的是vue框架）先来做下思想建设：使用微信浏览器打开任何一个页面都可以点击右上角的···进行分享，这个功能只是可以自定义分享出去显示的标题、详情、缩略图和url，如图微信浏览器不支持主动唤起分享，所以如果你想做点击某个按钮就打开微信好友列表进行分享这种类似功能的话，就别想了，只能给用户一个提示，让他自己去分享，如图配置自定义分享内容的时间节点在用户可能分享
2020-11-18 18:37:34
2474
1
原创 Charles抓包分享
最近在维护一个App，解决线上问题时需要抓包来定位问题，使用的抓包工具是Charles，手机是iPhone，电脑系统是Win10。Charles通过将自己设置成系统的网络访问代理服务器，使得所有的网络访问请求都通过它来完成，从而实现了网络封包的截取和分析。其实就是在电脑上安装Charles作为一个代理服务器，然后手机连接到跟电脑同一个局域网内，给手机连接的网络设置代理，代理服务器就是你安装的Charles，然后Charles就能接收到你手机所有的网络请求了。具体使用步骤如下：下载Charles并破解
2020-11-11 14:44:29
404
原创 git / 协同开发常用指令
总结一下多人协同开发可能使用到的git命令下载好git后首先需要配置个人信息如果想使用SSH方式下载代码需要配置SSH所有信息配置好以后就克隆代码了远程仓库一般有master和dev两个分支，可以在本地也创建两个同名分支，并分别跟踪开发之前要先拉取最新代码接下来就可以开始开发然后提交自己写的代码了当所有的小伙伴都开发完成后，需要有一个人来把dev分支上所有的commits都合入到master上打包测试其他命令参考博客下载好git后首先需要配置个人信息#查看当前用户配置git config --glob
2020-11-05 23:06:38
367
原创 css / 隐藏滚动条并且保留滚动功能
方法1：适用于谷歌等使用webkit内核的浏览器element::-webkit-scrollbar {display:none}方法2:给元素套一个固定宽高的父元素，并且设置溢出隐藏，让子元素的宽度比父元素宽20个像素（滚动条的宽度），这样子元素滚动条出现时就会溢出父元素并被父元素隐藏起来。适用于所有浏览器<div class="outer-container"> <div class="inner-container"> </div&g
2020-11-05 16:30:11
1039
原创 Element / Select下拉框 / 动态加载数据 + 远程搜索
动态加载数据：ElementUI没有给Select提供动态加载数据的api，需要自己写一个自定义指令：// directives/lodemore.jsexport default { bind(el, binding) { // 获取element-ui定义好的scroll盒子 const SELECTWRAP_DOM = el.querySelector('.el-select-dropdown .el-select-dropdown__wrap') SELECTWRA
2020-11-02 16:23:01
8447
原创 Vue / vue-property-decorator
文章目录前言@Component()@Prop()@PropSync()@Watch@Emit前言vue-property-decorator是与另一个 vue 的库 vue-class-component一样的用法. 这个装饰器库源自class 库, 只是再封装了一层, 使代码更为简洁明了npm仓库地址github地址@Component()options 里面需要配置 decorator 库不支持的属性，凡是文中没写的都是不支持的，比如components, filters, di
2020-11-02 14:59:16
1283
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人