自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(32)
  • 收藏
  • 关注

原创 git 分支合并冲突解决

已经累到不想说话了,直接上流程吧!1、比如你想A分支合并到B分支,先把这两分支都pull一下最新代码:git pull2、切换到要合并的分支:git checkout tougu_pan (tougu_pan 是我的B分支)3、在 tougu_pan 分支上执行 git merge --no-ff dev4、git status 查看本地修改,就会出现以下状态5、如果不是自己修改的代码,执行命令把它回退掉: reset HEAD src/pages6、查看冲突文件,选择自己想保留的代码7

2022-03-02 18:50:19 9119

原创 安卓设备返回键控制返回指定页面

mounted() { if (window.history && window.history.pushState) { // 向历史记录中插入了当前页 history.pushState(null, null, document.URL); window.addEventListener('popstate', this.goToBack, false); } }, destroyed() { window.re..

2021-12-08 20:59:57 2932

原创 CSS解决 iframe 页面增加头部后滚动展示不全

我的风格就是,直接上代码:<template> <div class="fund1 flex-box__children-static flex-box"> <van-sticky> <ph-layout-header title="title"> <template #left class="left"></template> </ph-layout-header>

2021-11-24 17:04:50 583 1

原创 draggable 功能管理页面 - 可拖拽排序

页面效果:不喜欢废话,上代码:先 npm i -S vuedraggable再在页面中引用<template> <div class="fund1"> <van-sticky> <ph-layout-header title="全部服务"> <template #left> <img class="leftarrow" v-i

2021-11-24 16:17:44 258

原创 draggable 功能管理页面 - 可拖拽排序

页面效果:不喜欢废话,上代码:先 npm i -S vuedraggable再在页面中引用<template> <div class="fund1"> <van-sticky> <ph-layout-header title="全部服务"> <template #left> <img class="leftarrow" v-i

2021-11-24 16:07:54 322

原创 金额输入框输入数字不允许输入中文、英文、自带千分位

金额输入框输入数字不允许输入中文、英文、自带千分位效果图:直接上代码<template> <div class="fund"> <div class="middle"> <div>输入金额</div> <div> <img :src="$staticPath.getImage('/TransPages/rmb-icon.png')" alt="" />

2021-11-24 14:24:55 583

原创 谷歌浏览器NetWork 不显示请求报文

谷歌浏览器NetWork 不显示请求报文今天调式页面的时候突然发现network看不到请求接口的报文了,页面是这样的然后折腾了一下,就发现原来是has blocked cookies 给选上了,把它去掉勾选就出来啦...

2021-11-24 13:48:11 4436 2

原创 js 数组处理

原数组: var arr = [ { "activeId": "302020122201", "activeName": "鹏华直播用户专享财富密码", "redPage": { "records": [ { "date": "2021-04-01", "totalNum": 1, "todayNum": 0 },

2021-04-14 16:37:29 133

原创 js 判断日期是否在当前时间

1、获取当前的年月日时分秒 var d = new Date(); var y = d.getFullYear(); var m = d.getMonth() + 1; var date = d.getDate(); var h = d.getHours(); var _m = d.getMinutes(); var s = d.getSeconds(); var time = y + ("0" + m).substr(-2) + ("0" +

2021-04-12 18:08:59 1685

原创 js 数组数据处理

最近在做类似分组的条形图,大概效果如下:因为条形图是自适应的,所以如果长度不一,中间线就会往左或者往右便宜,像这样:所以需要把数据处理一下,有数组inflow_arr ,flow_out ,先拿出数组里面要用的数据,再拿出数据里面的最大值和最小值去算比列,代码如下: var inflow_arr = [ { plateName: "医药制造", orgValue: 1327668320, sortValue: 1327668320 },

2020-12-01 19:54:34 240

原创 js 兼 vue版本 键盘弹出后fixed布局上移问题

js 版本:function keyboardHandle() { // 处理键盘弹出后fixed布局上移问题 const innerHeight = window.innerHeight; if (isAndroid()) { this.resizeFn = () => { const newInnerHeight = window.innerHeight; if (innerHeight > newI

2020-11-18 10:42:42 856 2

原创 css fixed窗口底部固定定位

前言已经不想说了,直接贴代码吧

2020-11-18 10:31:07 1476

原创 小程序 实现老虎机抽奖 - 可以点击N次,试用各种机型,不会产生误差

先看效果图:点击抽奖,就滚动到后端返回对应的数字,试用各种机型之前试用了background-position的方式去改变数字的背景位置,发奖在小程序使用rpx单位的情况下,会产生误差,且不适配各种机型,于是经过大佬的请教下,改成使用transform: rotateX的方试,话不多说,先上代码axml:<view class="content"> <view class="num-scroll"> <view class="animationImg"&g

2020-08-28 15:54:22 2757

原创 小程序实现弹幕功能-无限循环,不会重叠

以下是支付宝小程序代码,先上效果图以下是axml代码:<view class="view"> <block a:for="{{bulletChatData}}" a:key="id"> <text class="item" style="animation: first 8s linear forwards;top:{{item.top}}%;color:{{item.color}};">{{index+item.text}}</text>

2020-08-28 10:29:24 3223 7

原创 css 文字中间 两边横线

先看效果图开始的时候两边的横杠我是用了两个标签去写的,现在想想这个写法好low,无脸面对各位前端同胞现在有更简单的方法,来,直接贴代码:.footer { width: 100%; height: 143rpx; font-size: 24rpx; font-weight: 400; color: rgba(153, 153, 153, 0.6); text-align: center; line-height: 156rpx; position: relative;

2020-07-31 14:02:57 727 2

原创 element UI 上传图片跨域

element ui 解决上传图片跨域近期项目有上传图片功能,项目用的是element UI 搭的vue 框架,在看了官方文档之后,复制代码调式,浏览器一直提示跨域,百度了各种解决方法,都是无效,下面举例百度的方法:方法一:配置文件:config>index.jsdev: { // Paths assetsSubDirectory: "static", assetsPublicPath: "/", proxyTable: { "/api": { //

2020-07-29 10:22:33 7891 11

原创 css 梯形tab标签页

现在越来越时尚化,tab标签页已经不像原来的那么传统格式化了,现在给大家实现一个简约美观的tab标签页比较简约的梯形tab<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc

2020-06-15 16:09:49 3139 1

原创 小程序 for循环事件只执行一次

前言:相信很大开发者都遇到过这种情况,for循环里面添加一个事件,点击事件通过变量更改样式或者显示某一元素,比如:当我们点击改变state值的时候,所有的元素都会一起改变,但是我们要的只是点击当前的元素,当前的state改变,这个时候,就不能直接定义一个变量去改变它的状态了<view a:for="{{list}}"><!-- 这个state是在js里面的变量,state等于1执行class名为box,不等于1执行class名为boxData --> <view

2020-06-02 14:56:10 2478 1

原创 js 根据后台返回的数据渲染成表格

前言:最近接到比较头晕的需求,后台返回的数组里面,渲染成表格,数组的长度是多少,表格就是多少列,数组对象的key是什么,表头就是什么(key是个中文),先给大家来看下数据模式:var records = [ { "活动发生日":"20200113", "当天抽奖次数":1, ...

2020-01-17 13:57:26 4728 6

原创 js 获取当前时间 和去年时间+一年或者-一年

let myDate = new Date(); let nowY = myDate.getFullYear(); let nowM = myDate.getMonth() + 1; let nowD = myDate.getDate(); let endDate = nowY + "" + (nowM < 10 ? "0" + nowM : nowM...

2019-12-20 09:18:06 12464 2

原创 js 匹配对象

场景:有数组arr,需要根据obj对象里面的managerId来排序arr数组的顺序,如果obj里面的managerId在arr数组里面是在第4位,就把arr里面的第四个数据排序到第一个来,代码如下:<script> var arr = [{ managerId: "xiaohong", managerName: "小红" }, { ...

2019-12-13 17:44:10 1417

原创 js 时间转为几久前

前言:我们经常会用到一些轮播功能,展示时间多久前谁谁中奖等,或者是一些留言功能,展示多久前谁留言了,那就需要计算当前时间和距离中奖的时间的多久 var time = '20190711200715';// var stringTime = time.substr(0,4)+ '/' + time.substr(4,2) + '/' +time.substr(6,2)...

2019-12-09 11:04:58 298

原创 js 根据日期转换星期

incomeDetail(date) { let dateStr = date.substring(0, 4) + "/" + date.substring(4, 6) + "/" + date.substring(6, 8); return `星期${"日一二三四五六".charAt(new Date(dateStr).getDay())}` }, incomeDetai...

2019-12-03 15:42:46 1597 1

原创 js 随机转盘 (根据概率设置中奖)

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...

2019-12-03 15:29:03 2241

原创 js 过滤数组 (2)

场景如下,已知数组一只有几条数据和数组二几百条数据,数组二根据数组一的fundCode字段过滤出来,并且进行某一个字段排序数组一:数组二:代码如下: _this.filter = [];// 定义一个空数组 for (var i = 0; i < dataList.length; i++) {//10 数组一 for ...

2019-12-03 15:09:50 273

原创 js 过滤数组

场景如下:这里有一个数组,数组里面多个对象,我要拿到数组里面有transCode = ‘02001’的对象里面的key为openDateEnd对应的value值,代码如下var fundSpecialControlList = [ { "fundCode":"11111", "openDateEnd":"2...

2019-11-29 16:46:47 223

原创 小程序Canvas 画刻度

canvas是前端工作中不可少的一部分,那么今天就用小程序的canvas画一次刻度尺,希望大家喜欢,同事有更好意见的,也可以在评论去留言哦!1、axml<view> <canvas id="canvas" class="canvas" onTouchStart="start" onTouchMove="move" onTouchEnd="end" /></...

2019-11-29 14:35:21 1465

原创 js 点击按钮生成带二维码的图片

1、html引入以下两个插件<script src="../../js/jquery-1.8.3.min.js"></script><script src="js/qrcode.min.js"></script>2、html页面代码:<div id="code" class="block"></div>//装二维码用...

2019-10-16 14:05:34 1180

原创 h5 点击按钮生成图片分享微信朋友圈

在开始接到这个h5 点击按钮生成图片(记住是图片,不是连接)分享微信朋友圈 这个需求的时候,我翻遍了整个网络都找不到用h5可以直接唤起微信朋友圈的,后来才知道,单独的h5是唤不起微信的,需要原生app去集成微信的sdk,app去调微信的方法,h5再去调app的方法,才可以实现。写这个文章的原因主要目的是想让正在网络上查找h5唤起微信方法的程序猿们看看,不要浪费时间啊。。。...

2019-10-16 13:46:16 6626 12

原创 element UI的el-table-column获取index

我们是的后台管理系统是用的vue 框架和element ui开发的,其中有一个表格页面,点击表格行数拿到index进行操作,需求是点击‘对此发奖’按钮,拿到当前行对应的基金代码名称这些,所有需要拿到index,页面代码如下:<template> <div class="addmain"> <div class="addForm"> ...

2019-10-16 10:54:48 24870 8

原创 用Promise封装my.request

my.request是支付宝小程序的网络请求方法,原理类似于ajax,我们每次请求的时候都要my.request一次,是不是很麻烦,如果页面很多个请求,那么重复的代码就要写很多次,现在封装成一个简单的全局方法,每次请求只需要调用一次,方便又使用,废话不多说,直接上代码:1、在page同级目录下新建api文件夹,再建api.js文件,文件代码:const BASE_URL = 'https://...

2019-10-16 10:04:32 855

原创 这是我第一篇前端博客

这是我第一篇前端博客,我将在这里记录我的每一份成长,加油!

2019-10-16 09:37:32 201

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除