自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

赳赳万里鲲

前端技术交流

  • 博客(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=&gt;{ return &lt;div key={v.userId} id={v.userId}&gt; &lt;div className="mingxi-content-list"&gt; &lt;div className="min...

2017-12-13 10:28:24 2508

原创 014-react---Router和带参数跳转

第一页面&amp;amp;amp;amp;amp;lt;Link to={`/work_order/order_detail/${record.id}`}&amp;amp;amp;amp;amp;gt;{record.id}&amp;amp;amp;amp;amp;lt;/Link&amp;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

大转盘(活动、抽奖)

大转盘功能: 1、转盘turntable制作; 2、转盘旋转动画等。

2018-09-20

微信小程序---城市选择

微信小程序城市选择控件(城市3级联动)。 1、样式:可以从底部、上部等多个方向弹出; 2、用途:商城收货地址等; 3、附带收货中心

2018-03-13

空空如也

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

TA关注的人

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