4 董瑞南

尚未进行身份认证

我要认证

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

等级
TA的排名 7w+

扫码登录(websocket 和 异步轮训)

扫码登录一般分两步,第一步扫码获取扫码者信息,第二步需要手动确认登录。1、使用websocketimport QRCode from 'qrcodejs2';import SockJS from 'sockjs-client'; import Stomp from 'stompjs';let stompClient = null; mounted() { this.connect(); }, beforeDestroy: functio.

2020-06-09 18:16:45

小程序iPhoneX兼容及分享到群或者人

1、iphoneX 兼容在tabbar组件的生命周期内判断,设置吸底的间距 attached(){ let that = this; wx.getSystemInfo({ success: res=>{ console.log('手机信息res'+res.model) let modelmes = res.model; if (modelmes.sea

2020-06-09 18:05:41

如何在小程序中等待多个异步调用结果,写同步JS代码。(地理,wifi获取)

最近在做小程序打卡的需求总结如下:1、等到多个异步结果,再写业务逻辑。2、小程序再安卓机器上,无法获取(单人单账户登录的企业网络)wifi信息。问题1处理:使用promise.all,正常情况下,promise.all是返回全部resolve结果,遇到失败的就优先返回第一个失败的结果,这里我们使用的时候,需要特殊处理,不使用reject。 // 获取用户打卡信息 Promise.all([this.getConnectedWifi(),this.getLocatio

2020-06-09 14:16:48

微信内嵌H5实现单页面多次返回效果

场景:一个表单设计流程,为了传值开发方便,很大程度上都是使用单页面开发,过程中产品需要回退(返回功能)。解决思路:使用锚点。打开全屏弹窗的时候,改变url添加锚点,关闭的时候去除锚点。返回的时候使用this.$router.back();如果涉及多弹窗之间的记录,需要使用watch监听路由变化。watch: { '$route.hash' (val){ let configWhiteList = ['#config','#option']; //con.

2020-06-09 11:20:51

在vue中使用 provide 和 inject

提示:provide 和 inject 绑定并不是可响应的。这是刻意为之的。然而,如果你传入了一个可监听的对象,那么其对象的属性还是可响应的。使用场景:在主页面中 引入较深层级的业务组件,以允许一个祖先组件向其所有子孙后代注入一个依赖,不论组件层次有多深,并在起上下游关系成立的时间里始终生效。export default { name: 'XXX', provide() { return { ctx: this };

2020-06-09 11:11:49

PC端 拖拽上传。

<div class="drag-con" @dragover="fileDragover" @dragenter="dragenter" @dragleave="dragleave" @drop="fileDrop"> <div class="icon"> <svg-icon class="svg-upload" ico..

2020-06-09 11:00:09

wifi网络正常,手机链接无法上网。

最近刚搬家,电脑设置wifi后,电脑访问wifi网络正常,手机链接wifi,提示受限,只能看新闻,不能刷视频,在网上查询了好久,没有解决方案,询问朋友后,完美处理,在此分享。 解决方法就是修改手机wifi设置的DNS,修改为8.8.8.8; 不同的手机设置步骤不一样,具体操作就是打开连接的wifi设置详情,IOS可以直接看到DNS设置,安卓的可能在IP设置,修改DNS即可。...

2020-06-09 10:10:55

基于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

查看更多

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