4 董瑞南

尚未进行身份认证

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

等级
TA的排名 7w+

基于vue的拖拽(vuedraggable)

1、官网地址 https://www.npmjs.com/package/vue-draggable2、表格使用 <draggable slot="body" class="syllable_ul" element="tbody" ...

2020-01-06 10:12:12

基于vue的富文本编辑器(vue-quill-editor)

1、安装npm install vue-quill-editor –save2、引入全局引入//main.jsimport VueQuillEditor from 'vue-quill-editor'; //富文本Vue.use(VueQuillEditor);// require stylesimport 'quill/dist/quill.core.css'impo...

2019-12-31 14:07:17

vue中实现图片的查看与放大(v-viewer)

1、安装npm install v-viewer2、全局引入import 'viewerjs/dist/viewer.css';import Viewer from 'v-viewer';Vue.use(Viewer);3、使用 (1)指令式使用,只需要将 v-viewer 指令添加到任意元素即可,该元素下的所有 img 元素都会被 viewer 自动处理。...

2019-12-27 14:51:37

vue项目开发中的随笔

1、大型项目 枚举接口的使用,把枚举字段存放在vuex中,并在使用到的地方,使用mapState辅助函数 获取,mapState 介绍使用方便状态及配置的管理。2、页面渲染,带html标签的使用v-html或者 v-text。3、状态映射//两个字段的映射<div>{{item.status==1?'通过':'拒绝'}}</div>//多个字段的映射&l...

2019-12-27 11:51:17

vue中使用 minix 混入

总结: vue中混入是是实现类继承的重要方式。1、minix会在引入文件 中进行 属性和方法的合并(混入)minix优先执行,相同字段名 熟悉会覆盖。相同函数名会合并为一个数组,数组会优先执行minix.demo:// minix.jsexport default { data () { return { name: 'min...

2019-12-27 10:52:02

vuex 的辅助函数 mapState

使用场景官网介绍:当一个组件需要获取多个状态时候,将这些状态都声明为计算属性会有些重复和冗余。为了解决这个问题,我们可以使用mapState辅助函数帮助我们生成计算属性,让你少按几次键// 在单独构建的版本中辅助函数为 Vuex.mapStateimport { mapState } from 'vuex'export default { // ... computed...

2019-12-27 10:45:12

常用vscode 插件

收集大佬整理https://blog.csdn.net/weixin_39876634/article/details/88562183

2019-12-18 10:10:40

oh my zsh + item2 使开发更流畅 (含git简化命令)

1、git简化命令alias ga='git add'alias gb='git branch'alias gba='git branch -a'alias gbd='git branch -d'alias gcam='git commit -a -m'alias gcb='git checkout -b'alias gco='git checkout'alias gcp='g...

2019-12-18 10:02:33

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

function sleep(interval) { return new Promise(resolve => { setTimeout(resolve, interval); })}async function test() { for (let index = 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) { //do something console.log("我监听到页面离开了") },false);...

2019-04-03 15:09:55

基于vue封装的icon拖拽组件

Drag.vue<style lang="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 在文件末尾添加alias subl="/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文档要求限制了图片上传的格式 <input type="file" accept="image/jpg,image/jpeg,image/png" id="upload" style="display:none"/>实际上线后,发现只能选取相册的照片,不能选取其他相册2、解决方案 <input type="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快速定位日期选择(昨日,今日,本周,本月)

效果图:组件的使用: import FastDate from 'common/MyDatePicker'; //导入组件<Row type="flex" align="middle"> <Col ><span>交易时间:</span> </Col> <Col spa

2018-12-11 10:52:11

基于vue的 H5背景音乐处理

<template> <div> <div @click="changeOn" :class="isOff?'isOff':'isOn'"> </div> <audio id="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

查看更多

勋章 我的勋章
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 1024勋章
    1024勋章
    #1024程序员节#活动勋章,当日发布原创博客即可获得
  • 勤写标兵Lv1
    勤写标兵Lv1
    授予每个自然周发布1篇到3篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。