- 博客(27)
- 收藏
- 关注
RSS订阅原创 ajax请求失败readyState为0
原生js写的请求，单页面内没有封装ajax在ios12跟安卓都是正常的，但是在ios11以下就会走error报readyState为0，具体原因我不清楚，后来加上async跟timeout就可以走通了。$.ajax({ type: "GET", url: 'xxxx', dataType: 'json', async: false, timeout: 50000, data: { url: encodeURIComponent(location.href.spl
2021-08-17 14:09:09
1111
1
原创 前端H5支付（微信支付支付宝支付）
由于业务需要，公司要把支付从app端剥离开来改成H5支付，由于敏感信息，基本上都是后端处理，前端只是打开链接，但是由于微信奇葩的，支付无论是否成功都会回调到当时支付的那个页面，并且中间会有一个5s的中间页，并且支付后回调到这个页面是无法刷新的，无法刷新就没办法知道支付状态；除此之外，还有个问题就是微信支付点击完成或者放弃支付会回调到了safai浏览器，这个问题很坑爹，无论你是否redirect_url他都会这样。问题解决方案针对第二个问题，这个网上说对redirect_url进行urlencode处理和
2021-07-28 16:35:29
1453
原创 tinymce一些问题
一资源404问题我造成这个的原因是我的域名后面加了后缀/note/，tinymce他是从根目录出发的，如果你不指定document_base_url它会自行在根域名，这个问题有篇文章写得很清楚，链接：https://blog.csdn.net/gabriel_wei/article/details/106812259二 解决vue3.0数据不回显的问题v-model设定了一直不回显，我当时都蒙蔽了，后来加了一个value好了。。。 具体原因 我也不清楚...
2021-05-13 10:53:11
551
原创 小程序分享（先请求获取内容 在分享）
return app.$request(params).then(res => { return { title: res.data.data.shareTitle, path: 'pages/videoDetail/videoDetail?videoId=' + item.videoId + '&courseId=-1', imageUrl: res.data.data.sharePicture } })...
2021-03-25 11:17:13
386
原创 小程序组件获取高度null或者暂停不了视频
小程序组件获取高度null或者暂停不了视频是因为在小程序子组件中要添加this指向 var query = wx.createSelectorQuery().in(this) query.select('.swiper-tabber').boundingClientRect(rect => { console.log(rect.height, "rect.height") that.setData({ tabberHeight: rect.height
2021-03-25 11:15:40
180
1
原创 聊天室文本信息始终在底部，上拉固定不滚动
实现聊天室文本信息始终在底部，并且上拉固定不滚动，下拉后自动滚动html<scroll-view id="scrollview" class="discuss_info" scroll-y="true" style="height:248px;overflow: auto;" :scroll-with-animation="true" :scroll-top="scrollTop" @scroll="binddragstart"> <view class=
2021-03-12 09:51:00
490
原创 H5+https聊天室
官方文档：http://docs-im.easemob.com/im/web/intro/integration官方文档介绍的很清楚，直接可以复制粘贴，但是里面有个坑，呜呜呜，打死没想到，就是配置里面有个https，一定要把这个https为true，不然不能发送https请求，报request：fail，真的是坑死了。第一步就是下载环信的sdk，最好下载最新的，不然坑挺多的，下载后直接拷贝就行。第二步，就是根据官方文档集成配置文件，我下面贴代码了，一定注意https为trueconst c
2021-03-12 09:41:19
1262
原创 uni使用echarts自定义图标（圆形雷达图）
echarts.vue组件<template> <view> <view class="echarts" :id="option.id" :prop="option" :change:prop="echarts.update" @click="echarts.onClick"></view> </view></template><script> export default { name: 'Echar
2021-03-02 11:41:48
2405
原创 H5与ios和安卓数据交互
H5与ios和安卓数据交互在开发中会遇到很多app中嵌套H5页面，因此就会遇到很多H5与安卓交互的问题，下面就是远程的方法，我的页面遇到的少，如果多的话，可以用第三方集成，那样更方便，如果遇到后续我会追更的。第一步：H5前端判断ios还是androidgetType() { var u = navigator.userAgent; var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //an
2021-03-02 11:30:22
256
原创 css动画s实现均速执行到某个点（简约代码)
.call_me_pup { position: fixed; z-index: 10; bottom: 50%; //如果你想到最右边一定要开始就在右边 不然 动画执行错误 你上面是top或者bottom下面动画就要跟他保持一致 right: 30%; animation: myfirst 3s linear;//linear匀速执行动画，不用手写一大堆了 animation-fill-mode: forwards;//定位到动画的最后一帧 }@keyframes myfirs
2020-09-24 16:09:28
295
原创 flex布局实现左边图片与右边文字同等高
问题：一般页面布局的时候我们遇到很多需要左边图片与右边文字自适应但是不同等高的情况，很头疼，其实 用flex布局一句话就能搞定了align-self: stretch;:该弹性项被拉伸以适应容器高度， 其所使用的值是使项目的外边框（margin box）的垂直尺寸尽可能接近和行相同的尺寸，并依然遵循min-height/min-width/max-height/max-width属性的限制。代码//html <div class="new_item"> <i
2020-09-24 16:05:16
3527
原创 vue时间锚点定位
原因：在vue中不支持a标签那种锚点定位，所以我们要另辟其径。方案：当我们点击一个按钮的时候，跳转到页面的某个地方，那么我们就可以想象下要跳转到那个位置，是不是需要向上滚动？那我们要实现锚点就可以获取向上滚动的位置，然后滚动到那个位置就行了代码：<div @click="gotMao>锚点</div>//1.点击的时候获取从顶部到你需要到的位置的距离// 2.然后把距离给window.scroll()就行了gotMao(){ let offsetTop = this.
2020-09-24 15:58:20
1716
原创 uniapp时间器
<template> <view> <picker-view v-if="visible" :indicator-style="indicatorStyle" :value="value" @change="bindChange"> <picker-view-column> <view class="item" v-for="(item,index) in years" :key="index">{{item}}年</v.
2020-08-27 16:00:46
285
原创 前端路由的两种模式：hash模式和history模式
前端路由的两种模式：hash模式和history模式讲的挺不错的https://www.cnblogs.com/yuzihong/p/9848424.html
2020-05-12 10:53:57
175
原创 vue实现多选全选功能（代码简洁）
我们在项目中，很多时候用到自定义的多选，全选的功能，样式也是根据ui图变化的，因此需要手写一个全选功能来实现ui图效果。我们先理清楚几点：1，点击一次选中，再点一次取消，再点击选中2，不排他3，当选择按钮全选中，全选按钮也变成选中，状态，反之3，点击全选，列选择按钮全部选中票，反之实现多选：下面是ui上面提供的三种状态样式，未选中，全部是20rpx的小圆圈，选中一个后，选中的那个增加...
2020-05-07 14:16:24
4877
原创 uniapp实现点击吸顶（锚点定位）
应用场景：很多场景我们都需要用到分类筛选，因此有时候要实现点击分类筛选的时候，分类吸顶，当上滑的时候又回到之前那个位置。这个功能，我们要清楚几点：1，点击分类条时候，吸顶2，分类条滑动到顶部的时候，吸顶3，当上滑到分类条上面的时候，去掉吸顶根据上面几点，一步一步的实现： <view class="menu" :style="{position:scrollTop<to...
2020-05-07 13:55:55
5791
3
原创 antd表格行点击事件
antd的表格可以复选框选中，那怎么点击表格行选中呢？我们需要给table表格增加一个customRow属性我们直接上代码了。。。。<a-table :columns="columns" :dataSource="data" bordered :customRow="click" // 给table添加属性的作用></a-table&g...
2020-03-31 11:07:01
6525
原创 flex布局竖排
直接上代码了/。。。。。。。。。。。。。。<style>#main { width: 200px; height: 200px; border: 1px solid #c3c3c3; display: -webkit-flex; /* Safari */ -webkit-flex-flow: row-reverse wrap; /* Saf...
2020-03-24 15:08:09
22697
2
原创 antv图表数据覆盖x轴
antv图表数据覆盖x轴antv的图表有时候会覆盖在x轴上，导致x轴刻线看不清楚。原因：这个问题是输出的问题，我们需要改动 this.chart.scale下的rang的属性，他的数据范围在0到1之间，只需要把数据改成下面就行，你可以多次试验看看它是什么，当为0.5的时候，数据的长度就剩了现在的一般。解决方案： var margin = 1 / val.length ...
2020-03-19 17:09:48
953
原创 antd tree树动态插入
antd虽然给我们很大的方便，但是很多时候，自定义的样式还是不好弄的，当我们需要改动antd tree树的时候可以使用插槽的方式。上代码了。。。。 <a-tree //加了树自动展开 v-if="treeData.length>0" :defaultExpandAll="true" ...
2020-03-19 16:33:50
2397
原创 antd动态合并单元格
antd动态合并单元格antd合并单元格的方法动态合并antd的表格文档中，介绍的合并单元格，介绍的很少，因此动态合并单元格是很麻烦的。antd合并单元格的方法在antd表格中，她是将你想合并的单元格的第一个单元格的rowSpan设置你需要单元格的大小，然后这个单元格下面的格子的rowSpan设置成0的方式实现的.动态合并动态合并的话是跟后台数据对接的，想要合并的数据一定要后台做好排序才...
2020-03-19 16:23:33
1153
原创 原生js实现搜索过滤功能
简单的原生js实现的搜索过滤功能得到元素 创建元素 添加元素 删除元素等一些dom操作<body> <div id="box"> <input type="text" id="ss"> <input value="搜素" id="btn" type="button"> ...
2019-07-01 12:07:50
2488
原创 Javascript的dom获取设置
使用dom获取元素1.根据id获取元素 document.getElementById(“id的值”)；2.根据标签获取元素 document.getElementsByTagName(“标签名”)；3.根据name属性值获取元素 document.getElementsByName(”name属性值")；4.根据类样式名字获取元素 document.getElementsByCla...
2019-06-18 16:57:44
88
原创 vue父子组件传值
父向子传值： 子使用props接收父传递来的值步骤：1. 先在父组件引入组件import son from ‘@/components/son.vue’;2. 注册组件components:{‘v-son’:son}3. 使用组件标签4. 自定义属性绑定值5. 在子组件中使用props接收传递过来的自定义属性 props: {toSonDate: String,},6.在子组件中页面...
2019-06-13 12:12:31
424
原创 form表单判断 vue
每次我们写表单的时候都要判断一大推重复的代码 虽然用了循环但是弹出的提示结果也是一样的 因为是vue写的 还不能使用js的dom操作 所以今天我搞了好久终于写出了相对应的方法 代码少 且那个为空就会弹出相对应文字的弹框css代码<form @submit="formSumbit" class="formSumbit"> <view class="hang"> ...
2019-05-24 17:43:16
974
1
原创 vue购物车五星好评连接对应状态
购物车五星好评，简单易懂，话不多说直接上代码//html部分<view class="content"> <view class="title">五星好评</view> <view class="starList"> <view class="star" v-for="(star, index) in starList" :k...
2019-04-23 17:07:07
177
原创 uni.app图片同比例缩放
uni.app图片同比例缩放图片同比例缩放是经常用到的，刚开始设置了什么max-width、object-fit都不行，最后才知道uni.app里自带的mode属性可以解决这个问题，真是方便了很多。aspectFill：保持纵横比缩放图片，只保证图片的短边能完全显示出来。也就是说，图片通常只在水平或垂直方向是完整的，另一个方向将会发生截取aspectFit：保持纵横比缩放图片，使图片的长边能...
2019-04-18 16:23:58
18647
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人