- 博客(34)
- 资源 (1)
- 收藏
- 关注
转载 React中发送验证码 倒计时效果组件编写
(1)可以通过使用“react-timer-mixin”插件实现倒计时效果,原理同下面的思路一样此处不在详细解说。(2)自己用原生定时器方法实现import React,{Component} from 'react';import {Button } from 'antd-mobile';import PropTypes from 'prop-types';class SendVeri...
2020-04-22 16:06:50
656
原创 js自动触发下载
const link = document.createElement('a'); //设置下载的文件名 link.download = "发票"; link.style.display = 'none'; //设置下载路径 link.h...
2020-04-08 17:36:17
1087
原创 react ant design mobile tab组件page问题
要求效果:当我开票完成会自动跳转到已开票的page,但是查看开票的时候在待开票的page。所以我需要自定义tab中的page。 <Tabs tabs={tabs} page={tabPage} onChange={(tab, index) => {this.tabChange(index) }}...
2020-04-08 17:32:09
728
原创 react find方法过滤出对应的数组对象Js
要求:当选择其中一辆车后,得到该车辆的月卡信息。用find方法。可复制代码: console.log(val) this.setState({ carNumber:val[0] }) const {list}=this.state; console.log(list) cons...
2020-04-08 17:16:49
2765
原创 react,fetch数据接口调用
const params={ parkingLotCode:this.state.parkingLotCode, } console.log(params) const url=baseUrl+'c/alipay/ailiH5CardPay'; fetch(url, { method:'po...
2020-04-01 10:23:20
598
原创 JS将数组对象转化为新对象
const list=[{carNumber: "豫PVS277"baseCreator: 1baseLastModifier: 1baseOrgId: 1clubCard: nullelasUserId: 3createdTime: "2020-03-27 16:40:23"delFlag: 0baseApplicationId: 74elasUserCarId: 4},{...
2020-03-30 18:36:55
1512
原创 Path must be a string. TypeError: Path must be a string.解决
重新npm install就好了,不行多安装两次。亲测有效
2020-03-18 11:53:09
2427
原创 小程序weui修改主题色
color: var(--weui-BRAND); --weui-BRAND:#07c160;通过调试我们可以看到主题色是#07c160;所以我们更改掉weui.wxss的中的#07c160为我们想要的颜色就可以了。效果对比: ...
2020-03-12 14:15:03
3882
原创 React实现导出excel内容
首先这在控制台输入 npm install xlsx安装xls工具。此时可以看到:“dependencies”:{“xlsx”: “^0.15.4”}接着import XLSX from 'xlsx';import {message} from 'antd'; <input type="file" accept='.xlsx, .xls' onChange={thi...
2020-01-08 16:41:02
5147
7
原创 react中设置background-size(有效)
在100% 100%前面加斜杠“/”才起作用 background: `#5150F2 url(${require("../../components/images/phoneNum.png")}) no-repeat center /100% 100%`,不知道为什么单独写出来不起作用 background: `#5150F2 url(${require("../../compo...
2020-01-07 19:28:08
1837
原创 react h5 界面
/*主界面路由组件*/import React,{Component} from 'react'import {Link} from 'react-router-dom'import {Flex,NavBar,Icon,WingBlank, WhiteSpace,Button,Modal} from 'antd-mobile'import '../../components/boom...
2020-01-07 11:47:03
1282
原创 react指定项单条删除 e.target
clearHistory(e) { //删除全部历史记录 // localStorage.removeItem('historyItems'); //删除单条历史记录 const i=e.target.getAttribute('index'); console.log(i) const l...
2019-12-31 10:33:23
428
原创 判断浏览器环境,(微信浏览器,支付宝浏览器以及其他浏览器)
产品需求:方法一:(使用的)根据userAgent获取扫码用户手机信息如果存在 micromessenger 为微信如果存在 alipayclient 则为支付宝否则,都不是IsWechatPayOrAliPay() {// 小写化var ua = window.navigator.userAgent.toLowerCase();if (ua.indexOf(‘micromes...
2019-12-30 16:04:26
1195
原创 00:00:00改成23:59:59
var endTime=date[1].substring(0,11)+" "+"23:59:59";此时date[1]时10:20:37 00:00:00
2019-10-09 09:28:24
1229
原创 在外部方法使用Ajax请求返回的数据//layui实现数据分页功能
<!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-09-18 11:02:37
1357
原创 多重判断 //${vo.state==1?'男':'女'}
判断二个${vo.state1?‘男’:‘女’},判断多个怎么写?${vo.state1?‘男’:‘女’}如果为1就是男,就是女现在判断${vo.state} 有三种状态1、已审查联系,2、帮扶中,3、帮扶完毕这个怎么写?。。<c:if>我知道怎么写,我只想问问这个是不是只能判断二个。还是可以判断多个?最佳回答:${vo.state1?‘已审查联系’:(vo.state2...
2019-09-03 10:28:20
533
原创 ajax
$('ul.tab-nav li').click(function () { let production_id = '{$info.production_id}'; let node = $(this).data('node'); $.post('{url("node")}', {production_id: production_id, ...
2019-09-02 09:51:31
107
原创 Uncaught SyntaxError: Invalid regular expression flags 引号的多层嵌套
新增了一个href就报错;控制台的错误:Uncaught SyntaxError: Invalid regular expression flags;sources也可以看到错误把上面那个报错的改成下面的就好了
2019-09-02 09:36:23
34095
原创 时间段柱状图变化
要求:最终效果:代码:<style> html{ touch-action:none; } button, .aui-btn { background-color: #06a7e2; color: white; } .weui-cells{ margin-top: 40px; ...
2019-08-08 17:14:06
1950
转载 JS获取页面通过URL传的参数
https://blog.csdn.net/why15732625998/article/details/70259341非常可!!!!!这是我得到的效果。
2019-08-06 11:14:58
280
1
原创 weui的picker组件截取年月显示
var date = new Date(); var month = date.getMonth()+1; //获取当前月份 var year=date.getFullYear(); //获取年份 $('#selectTime').picker({ toolbarTemplate:'<div class="toolbar">...
2019-07-31 17:27:20
732
1
原创 echarts初步使用
效果代码: var activation = "{json_encode($activation)}"; var sub=activation.substring(1,activation.length-1); var datas=sub.split(","); var myChart = echarts.init(document.getElementById('ma...
2019-07-31 17:20:25
136
1
原创 下拉菜单切换,点击旋转,再点击恢复初始状态
大概的代码$(function () {$(".btn").click(function () {(this).css("transform","rotate(90deg)");//varsub=(this).css("transform","rotate(90de...
2019-07-23 15:33:51
1043
1
原创 php基础,表单提交
今天学习了一点PHP基础,主要了解了提交表单和上传文件的过程。首先是get-post.html然后是对应的php代码就是这样啦,提交表单成功。接着是上传文件,有上传大文件(视频)和小文件(图片),大文件就是更改一些参数。post.file.html就是这个啦,对应的php代码暂时就这样啦,我要接着学Ajax了。...
2019-07-17 15:18:19
157
1
原创 cookie封装//设置、获取、删除
cookie封装 <script> window.onload=function (ev) { // var date=new Date(); // date.setDate(date.getDate()+1); // document.cookie="age=33; expires="+date.toGMTString(...
2019-07-16 17:13:02
175
3
转载 png,jpg,gif这些图片格式解释一下,分别什么时候用,webp呢
gif图形交换格式,索引颜色格式,颜色少的情况下,产生的文件极小,支持背景透明,动画,图形渐进,无损压缩(适合线条,图标等),缺点只有256种颜色jpg支持上百万种颜色,有损压缩,压缩比可达180:1,而且质量受损不明显,不支持图形渐进与背景透明,不支持动画png为替代gif产生的,位图文件,支持透明,半透明,不透明。不支持动画,无损图像格式。Png8简单说是静态gif,也只有256色,png...
2019-07-15 10:40:15
801
原创 Js空格输出
JS中如何输出空格在写JS代码的时候,大家可以会发现这样现象:document.write(" 1 2 3 ");结果: 1 2 3无论在输出的内容中什么位置有多少个空格,显示的结果好像只有一个空格。这是因为浏览器显示机制,对手动敲入的空格,将连续多个空格显示成1个空格。解决方法:使用输出html标签 来解决documen...
2019-06-10 09:00:58
1357
原创 ajax调用
调用一个数据时:function showdata(){ $.ajax({ 'url':'https://www.easy-mock.com/mock/5cf78bada8a1ff73b62802b8/nba/ip', 'type':'get', success:function(ip){ $('#ip').text(ip.ip); //document.get...
2019-06-06 16:58:08
772
1
原创 小程序--学习中
小程序学习之路已经学了接近两天的小程序了,有看官方文档,但是十分乏味·,就决定跟着视频边学边敲代码,实践出真知。首先呢,由于我昨天没有好好做记录,所以我只能简单的写一下,接下来会详细跟进的。...
2019-05-24 10:49:48
115
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人