web_cgh-优快云博客

管理项目地址变了，需要重新关联才能执行push和pull操作，具体操作步骤如下1、查看管理地址：gitremote2、删除旧的关联：gitremoteremoveorigin3、关联新的地址：gitremoteaddorigin仓库地址如：gitremoteaddoriginhttps://gitee.com/demo/demo.git......

2019-10-23 16:44:47 1342

原创 draft-editor实现粘贴上传图片

1、braft-editor中实现粘贴实现路径上传，需要编辑媒体的功能的上传，就行了。myUploadFn = (param) => { console.log(param); const serverURL = `${config.baseUrl}api/AdminSite/Article/UploadImage`; //上传的路径 ...

2019-08-30 08:54:26 2741 3

原创弹幕

// 弹幕方法import icon3 from "../../img/barrage/3@2x.png";let barrageArr = [icon3, icon4, icon5, icon6, icon7, icon8, icon9, icon10, icon11, icon12, icon13, icon14, icon15, icon16, icon17];let isS...

2019-08-28 17:45:23 302

原创 textarea自动根据内容变化高度

<textarea name="textarea" id="textarea" style='overflow-y: hidden;height:20px' onpropertychange="this.style.height = this.scrollHeight + 'px';" oninput="this.style.height = this.scrollHeight + '...

2019-08-22 20:51:52 1234

原创关于IE11不能new date，转换时间的方法

//格式化日期function FormatDate(strTime){ //这里的 strTime = "2017-03-31 11:42:00"; // IE11里面不能直接转换带"-",必须先替换成"/" strTime = strTime.replace("-","/"); strTime = strTime.replace("-","/"); ...

2019-08-22 20:48:36 1573

原创 console的使用

// console.table(nary);// console.table(devices);// console.dir(devices);// console.assert(true,devices);// console.assert(false,devices);// console.count('运行次数:');// console.trace('我被调用了');//...

2019-08-22 20:42:53 210

原创 react-cropper截取图片

1、CropperCpn.js import React, {Component} from 'react';import {Modal, Button} from 'antd';import Cropper from 'react-cropper';import 'cropperjs/dist/cropper.css';export default class CropperCp...

2019-08-22 20:39:26 1431

原创 braft-editor富文本编辑器

import 'braft-editor/dist/index.css'import BraftEditor from 'braft-editor'import {ContentUtils} from 'braft-utils'import React, {Component, Fragment} from 'react';// 定义输入转换函数const unitImportFn =...

2019-08-21 11:48:27 2629

原创封装axios请求的函数

import axios from "axios";import config from "../config/config";export default function axiosHttp(api, params, methods = "POST",url=false) { var authorization = window.sessionStorage.getItem("...

2019-08-21 11:33:53 579

原创 less公共方法

/** 常用色值 **/@c_primary: #c7ad7b;@c_fff: #fff;@c_ccc: #ccc;@c_999: #999;@c_666: #666;@c_000: #000000;@c_dfdfdf: #DFDFDF;@c_eee: #EEE;@c_ddd: #ddd;@c_bbb: #bbb;@c_e8e8e8: #E8E8E8;@c_d9d9d...

2019-08-21 11:28:07 1496

原创 scroll事件

1、监听滚动事件 window.addEventListener('scroll', commonHeadScroll)2、滚动函数 commonHeadScroll = () => { if (this.timer) { clearTimeout(this.timer); } this.timer ...

2019-08-21 11:25:40 615

原创 autoresponsive-react实现瀑布流

import AutoResponsive from "autoresponsive-react"; componentDidMount() { this.setState({ containerWidth: (document.body.clientWidth || document.documentElement.clientWidth) - 3...

2019-08-21 11:19:51 1971

原创 moment使用总结

import moment from "moment";1、时间撮timer moment(timer).format('YYYY-MM-DD h:mm:ss')2、返回前一个的时间moment().subtract(1, "months")2、返回当前时间moment()

2019-08-21 11:13:24 280

原创 events插件的使用

1、events.jsimport { EventEmitter } from 'events';export default new EventEmitter();2、引用文件import emitter from "../../utils/events";//发送事件传递一个参数truethis.eventEmitter = emitter.emit('detailPage...

2019-08-21 11:03:51 698

原创 React中使用微信分享

import wx from 'weixin-js-sdk'const title = { myCollect: '我的收藏', goodsDetail: '产品详情', loginCpn: '登录', registerCpn: '注册新账号', forgetPasswordCpn: '找回密码', modifyPwdCpn: '修改登录密码'...

2019-08-21 10:58:22 3949

原创百度热力图单页面应用

1、在index.html中head标签中设置下面这段代码<script> var _hmt = _hmt || []; (function () { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?751cefc3a06...

2019-08-21 10:43:11 1003

原创图片懒加载

1、懒加载图片 <img alt="品牌logo" data-src={item.icon}src="../static/placeholder.jpg" className="azyLoad"/>lazyLoadImgFun() { // console.log('lazyLoadImgFun'); let detailImage ...

2019-08-21 09:52:14 218

原创正则中英混合

1、正则匹配16个字中文,中英混合，英文以一个单词作为一个字 wordBoundsReg(value) { value = value.trim(); let word = /^\b[a-zA-Z0-9\s]+\b$/g.test(value), wordLength = value.match(/\b[a-zA-Z0-9]+\b/g), ...

2019-07-31 16:57:34 1017

原创 javascript公共方法

1、获取字符的长度getByteLen(val) { var len = 0; for (var i = 0; i < val.length; i++) { var a = val.charAt(i); if (a.match(/[^\x00-\xff]/ig) != null) { ...

2019-06-29 12:39:41 752

原创 React中插入生成代码片段

1、第一种方式 createHtmlCommonFun() { let waterfallLeft = document.getElementById('waterfallLeft'), waterfallRight = document.getElementById('waterfallRight'), _domLeft =...

2019-06-18 20:56:35 1876

原创操作字符串的公共函数

function substringPriceFun(price) { return +price.substring(price.indexOf('$') + 1); }; function substringStrToStr(script, skuStartStr, skuEndStr) { let startIndex = scrip...

2019-01-21 12:37:37 140

原创原生js插入样式文件

function insert() { console.log("insert"); if (document.getElementById("temp-id")) return; const sty = document.createElement("style"); sty.innerHTML = ` * { animation-dur...

2019-01-05 11:45:18 527

原创 react中原生js添加,移除class,设置属性的值

deleteBeforeFun = (time) => { var deleteEle = document.querySelectorAll(`td[title="${this.formatDate(time)}"]`); //删除类名 deleteEle[0].classList.remove('ant-calendar-selected-end-date', ...

2019-01-05 11:41:11 4266

原创 chrome快捷键

ctrl + w 关闭当前页面 Ctrl + e/i/k 定位地址栏 Ctrl + r 刷新页面 Ctrl + t 打开一个新的页面 Ctrl + u 清除控制台中的未执行的代码 Ctrl + l 清除控制台中已执行的代码/选中地址栏中的内容 Ctrl + o 打开文件搜索框 Ctrl + d 收藏书签 Ctrl + f/g 根据关键字搜索页面中的内容 Ctrl + h 打开历史...

2018-11-18 17:43:55 203

原创 React组件之echarts

一。组件import React, {Component} from 'react'import echarts from 'echarts'class Chart extends Component { constructor(props) { super(props) } componentDidMount() { // th...

2018-11-13 17:16:26 547

原创 React组件之DemalInfo

一。组件import React, {Component} from 'react'import {Modal} from 'antd'/** *这个组件需要以下参数和方法 * @param title 标题 * @param content 内容 * @function hide 关闭弹框 * @function sure 提交内容 */export default cl...

2018-11-13 16:27:06 197

原创 react组件之importResult

一。组件import React, {Component} from 'react'import { Modal, Row, Col} from 'antd'export default class ImportResult extends Component { constructor(props, context) { super(props); ...

2018-11-13 16:24:19 628

原创 CKPlayer上面绝对定位图标ie中不显示

1.在ckplayer.js中搜索embedSWF方法中添加下面的两句话 html += '<param name="wmode" value="transparent">'; html += '<embed wmode="transparent"' + param['w'] + ' src="' + src + '" flashvars="' + flashva

2018-09-13 15:10:33 312

原创大地坐标转换成百度坐标

<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <meta name="viewport" content="initial-scale=1.0, u

2018-09-11 20:42:26 4215

原创 antd中RangePicker范围日历选择器

import React, {Component} from "react";import moment from "moment";import {Button, DatePicker} from "antd";import "./index.less";const {RangePicker} = DatePicker;class RangePickerNew extends C...

2018-08-08 12:04:05 4121

原创 ng中checkbox怎么根据后台返回的值显示

1.html<input class="outCheckbox{{$index}}" type="checkbox" ng-init="isCheckbox(item.triggerMode,$index)" ng-click="outOrInPolice(item.id,$index)">2.js $scope.isCheckbox = funct...

2018-07-14 20:12:34 887

本文实例讲述了JavaScript比较两个对象是否相等的方法。分享给大家供大家参考。具体如下：在Python中可以通过cmp()内建函数来比较两个对象所包涵的数据是否相等（数组、序列、字典）。但是在javascript语言中并没有相关的实现。本js代码通过对js对象进行各方面的比较来判断两个对象是否相等?12345678910111213141516171819202122232425262728...

2018-07-14 16:30:10 1546

原创 video实现浏览器打开自动播放

1.html <video id="minione-video" class="minione-video" poster="./common/images/mini-one/miniONE_BG2.jpg" autoplay="autoplay" muted="muted" preload> <source type="video/mp4&

2018-07-12 14:45:14 56138 3

空空如也

空空如也