3 董瑞南

尚未进行身份认证

如果一个人没了明确的目标,那么就会被各种琐事打扰,并且没完没了

等级
TA的排名 9w+

js Sleep函数 和 compression(请求压缩)

functionsleep(interval){returnnewPromise(resolve=>{setTimeout(resolve,interval);})}asyncfunctiontest(){for(letindex=0;index<10;index++){console.log(index...

2019-07-29 15:53:28

解决键盘弹出后挡表单的问题和懒加载

window.addEventListener('resize',function(){if(document.activeElement.tagName==='INPUT'||document.activeElement.tagName==='TEXTAREA'||document.activeElement.getAttribute('contente...

2019-07-29 15:37:17

一些不常用的css 却好用的css 属性积累

1、超过N行,显示....good_title{word-break:break-all;//遇到英文单词允许拆分overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clam...

2019-04-03 15:28:50

微信内嵌H5 监听用户返回离开页面

使用场景:保存用户填写部分资料的时候,需要判断用户离开,提示是否保存操作this.pushHistory();window.addEventListener("popstate",function(e){//dosomethingconsole.log("我监听到页面离开了")},false);...

2019-04-03 15:09:55

基于vue封装的icon拖拽组件

Drag.vue<stylelang="less"scoped> .drag-wraper{ position:fixed; opacity:0; display:block;z-index:999;transform:translate(0px,0px)translateZ(0); }</style&...

2019-04-03 14:48:16

MAC 配置快速启动APP(sublime vscode atom)

参考链接:https://www.cnblogs.com/hongrunhui/p/5928833.html1、在命令行输入ls-al找到.zshrc文件vim.zshrc在文件末尾添加aliassubl="/Applications/Sublime\Text.app/Contents/SharedSupport/bin/subl"a...

2019-03-27 15:37:10

js-cookie的用法

原文链接:https://www.cnblogs.com/xuyan1/p/8421284.html引用方法:1.直接饮用cdn:<scriptsrc="https://cdn.jsdelivr.net/npm/js-cookie@2/src/js.cookie.min.js"></script>2.本地下载下来后:<scriptsrc="/pat...

2019-03-27 13:59:44

移动端图片上传,只能选取相册,不能选取其他文件夹

1、按照MRD文档要求限制了图片上传的格式<inputtype="file"accept="image/jpg,image/jpeg,image/png"id="upload"style="display:none"/>实际上线后,发现只能选取相册的照片,不能选取其他相册2、解决方案<inputtype="file"accept

2019-03-18 16:51:56

基于vue的移动端Icon图标拖拽(改变定位和使用transform)

功能介绍:1、icon拖拽位移 2、边界判断(仅在可视区域滑动,防止Icon丢失)3、吸边处理(仅处理X轴方向)开发遇到的问题:1、ios上拖拽时,body跟随滚动:   解决办法:在move的时候,阻止事件默认行为2、使用transform的时候,再次拖拽出现icon不跟随鼠标现象导致icon不可控    解决办法:transform的值基于DOM的起...

2018-12-11 11:23:29

基于react快速定位日期选择(昨日,今日,本周,本月)

效果图:组件的使用:importFastDatefrom'common/MyDatePicker';//导入组件<Rowtype="flex"align="middle"><Col><span>交易时间:</span></Col><Colspa

2018-12-11 10:52:11

基于vue的 H5背景音乐处理

<template><div><div@click="changeOn":class="isOff?'isOff':'isOn'"></div><audioid="audio":src="require('../assets/mp3/themass.mp3

2018-11-27 10:48:13

ant 表格自定义表头和表格筛选

1、ant自动表格筛选组件 对某一列数据进行筛选,使用列的 filters 属性来指定需要筛选菜单的列,onFilter 用于筛选当前数据,filterMultiple用于指定多选和单选。 表头设置如下,实现了当前数据的筛选,如果需要查询接口进行数据筛选,而不是当前页的数据筛选,可以监听表格的onchange事件,在参数filters中,可以拿到变化的属性,进行数据的重新渲染。 ...

2018-11-09 15:58:56

基于react的颜色拾取器(react-color)

官方文档:http://casesandberg.github.io/react-color/#api-onChangeComplete组件的封装:letReact=require('react');import{SketchPicker}from'react-color';exportdefaultclassColorSelectextendsReact....

2018-11-02 09:36:59

3层map内嵌循环,接收不到返回值

如代码所示:必须写3个return,而非是在最里面写一个return。Object.keys(publishSelectObj).map((key)=>{ letitem=publishSelectObj[key]; return Object.keys(item)....

2018-10-24 09:46:07

es6 对象深拷贝和浅拷贝

简介:在项目中,为了不影响原有数据,在操作数据时,经常需要深拷贝一个对象,在开发过程中,实践得出。Object.assign()方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。constobject1={a:1,b:2,c:3};constobject2=Object.assign({c:4,d:5},...

2018-10-24 09:42:21

mint-ui 共用弹窗,内部滚动重置问题

问题描述:     在项目中,一个订单可能含有多个物流轨迹,查看包裹轨迹时,共用了popup组件,发现一个问题,弹窗内部滚动的位置无法重置,检查了css代码,没有什么特殊的,起初搞了一个临时方案,关闭的时候高度置为0,打开的时候重新赋值,总感觉不舒服。<mt-popupv-model="popupVisible"v-if="popupVisible">...

2018-09-28 10:18:34

基于vue的移动端图片上传

1、上传效果(含添加和删除设计图):    达到上传上限,隐藏上传图标,删除后,数量小于上限会自动显示。2、html代码//使用前,先把组件引入<updatefile:multiple="true":max=6:list="imgList"ref="upload"></updatefile>//multiple:是否支持多选//ma...

2018-09-27 10:34:42

vue根据路由设置页面是否需要登录判断

1、在main.js中初始化项目varMain={ init:function(){ this.initVue() this.initBeforeEach(); }, initSession:asyncfunction(){ letresult=awaitVue.prototype.$ajax.post('/getUserInfo'); if(!r...

2018-09-25 10:52:10

Vue利用keep-alive实现页面缓存

做列表缓存的时候,受益于@ vonvon_chris 这篇文章原文链接https://blog.csdn.net/akony/article/details/79203745实现了返回不刷新页面,当需要局部刷新的时候,使用activated的生命周期activated,deactivated这两个生命周期函数一定是要在使用了keep-alive组件后才会有的,否则则不存在。 ...

2018-09-25 10:37:08

微信内置开发 iOS修改键盘换行为搜索

在微信中搜索的时候, 我们通常使用keycode=13来判断客户是否点击了确定。在安卓上,唤醒搜索框为确认键没问题,而ios就不敢苟同了,ios显示为换行,对于客户使用体验非常不好。解决方案:html代码。<form@submit.preventaction="#"><inputclass="search_input"ref="...

2018-09-25 10:24:14

查看更多

勋章 我的勋章
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 1024勋章
    1024勋章
    #1024程序员节#活动勋章,当日发布原创博客即可获得