- 博客(13)
- 资源 (2)
- 收藏
- 关注
原创 动态设置字体大小
注: 1、760为设计图航向尺寸大小 2、var fontSize = 100;//100px为1rem 3、使用:只要在页面中引入即可(function() { var designWidth = 760; var fontSize = 100; function resize() { var width = document.doc
2017-12-29 17:35:38 2658
原创 016-Form表单校验
注:此方式是基于Ant Design框架的// 自定义校验方法,在表单输入时会自动的对输入内容进行校对validTel(rule, value, callback) { if (!(/^1[34578]\d{9}$/.test(value))) { setTimeout(callback('请填写正确的手机号码!'),1000); } else {
2017-12-28 16:31:51 250
原创 常用正则表达式
//1、手机号 /^1[34578]\d{9}$/.test(13843819438);//2、数字验证码 /^\d{6}$/ //3、英文和数字 /^[0-9a-zA-Z]{1,32}$/或 /^[0-9a-z]{1,32}$/i//4、银行卡号 /^([1-9]{1})(\d{14}|\d{18})$///5、身份证号 /(^\d...
2017-12-28 16:06:36 153
原创 012-react-porps专题
props,react数据传递的重要方法。以下是他的属性:1、match: 分析路由模块。在此处可以拿到页面路径、拼接的参数等信息;2、location hash、pathname、search语原生location对象相近。 此外,页面传递的参数也可以在此处拿到。如:Link组件跳转时:state:{id: 1,status:2}。则state可以在location下找
2017-12-27 18:28:32 263
原创 JS浏览器版本检测
在WEB开发中经常性的会遇到浏览器不兼容的问题。要解决兼容性问题就要让代码识别其在哪种内核,直接看代码://1、判断浏览器内核var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串var browserType = userAgent.indexOf("Opera");if (browserType!== -1) { retu
2017-12-26 10:17:36 442
原创 字符串方法---split()、join()[字符串分割、数组转为字符串]
在js中对字符串的处理是经常碰到的,本文对字符串的split()方法进行简单的介绍。/*language类型 "中文": 1, "英文": 2, "拉丁文": 3*/function changeLanguage (type,languageArr) { if (type === 1) { languageArr.push('中文'); }
2017-12-21 18:12:55 11543
原创 015-react---获取和更新表单信息
表单应用特别是在后台管理中常用到,本文就来阐述一下如何获取和更新form的内容。 注意: 一个submit按钮可以获取到所有的form表单数据。 如果页面中有多个form时,只想拿到其中几个input的值,那么此时可以用以下方法来获取 this.porps.form.getFieldValue(‘input的name名’); 例如:this.props.form.g...
2017-12-16 16:21:12 4025
原创 input[type = range]
range是H5的新属性,常用编写进度条。//HTML<input type="range" />//CSS/*1、去掉默认样式*/input[type=range] { -webkit-appearance: none; width: 400px; /*border-radius: 10px;*/ /*这个属性设置使填充进度条时的图形为圆角*/}input[ty
2017-12-13 16:41:59 529
原创 006-react---自定义audio组件
// 组件import React, {Component} from 'react';import '../../assets/css/work_order.css';import {Form,Radio} from 'antd';import {Link} from 'react-router-dom';import play from '../../assets/images/pl...
2017-12-13 14:13:46 3095
原创 循环添加DOM元素
const rankingList = this.state.mingxiData.map(v=>{ return <div key={v.userId} id={v.userId}> <div className="mingxi-content-list"> <div className="min...
2017-12-13 10:28:24 2508
原创 014-react---Router和带参数跳转
第一页面&amp;amp;amp;amp;lt;Link to={`/work_order/order_detail/${record.id}`}&amp;amp;amp;amp;gt;{record.id}&amp;amp;amp;amp;lt;/Link&amp;amp;amp;amp;gt;目标页面1、导出组件中 constructor (props) { super(props); thi
2017-12-07 18:44:03 2190
原创 去重
根据对象的某个属性其进行去重;下面代码是根据对象的name属性进行。 (此对象是动态获取的)const nameObj = [];//最终输出的结果const nameValues = [];//直接获取的name原始数组const nameEnd = [];//去重后的name数组//以上三个都是全局变量newOrderOk = () => { //1、将获取到的name值直接放
2017-12-07 10:38:08 279
原创 标准时间转换
function timeChange (dateStr) { let endDate, date = new Date(dateStr); endDate = date.getFullYear() + '-' + (date.getMonth() + 1) + '-' + date.getDat
2017-12-01 11:54:23 385
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人