洛离殇-优快云博客

原创 Vue中使用百度地图Vue Baidu Map(vue-baidu-map)

最近负责的一个vue项目中需要调用百度地图api做标记打点的需求，记录一下：vue-baidu-map 官方地址一.插件的安装1.npm 安装$ npm install vue-baidu-map --save2.js 引入index.html 中<script src="https://unpkg.com/vue-baidu-map"></s...

2019-06-06 18:47:39 47797 16

原创 vue中自定义全局组件

需求：在vue 中需自定义一个全局组件在components 中创建要自定义的组件文件demo，demo 文件中创建demo.vue、index.js1、demo.vue自定义在自己的组件模版<template> <div class="demo"> 内容 </div></template>2、index.js添加install 方法import demoTem from '

2020-06-30 19:41:31 325

原创 element UI 之 el-cascader 下拉多级单选，每一级均可选中

需求：element ui 中下拉多级单选，可选中每一级，如图：封装了一个组件：select.vuetemplate 中代码<el-cascader ref="cascader" class="cascader-box" v-model="classifyId" :disabled="disabled" :options="options" :props="{ value: 'category_id', label: 'name', check

2020-06-30 18:07:30 5689

原创快应用之--模仿苹果手机屏幕的虚拟键，可以在手机上随意拖动

需求：多入口需悬挂在页面中，用户可以随意拖动，方便在页面上的多操作，如下图解析：按钮拖动分为三步骤，拖动开始（ontouchstart）、拖动中(ontouchmove)、拖动结束(ontouchend)在拖动开始，获取当前横纵坐标点offsetX、offsetY，判断当前左边点...

2020-04-08 11:37:26 733

原创快应用之---使用阿里图标库iconfont

目的：快应用自1030开始（新增：font-family 及 font-face 支持），,就可以使用字体图标了，使用iconfont可以减少图片,加快渲染速度,使用后图标可以像文字一样改变大小和颜色流程：1、首先在阿里巴巴矢量图库中将所需要的图标放入到对应的项目中,找到我的项目如图2将图标文件下载至本地2、在css里自定义font-face@font-face ...

2020-04-07 14:58:56 928 6

原创如何搭建快应用项目

最近公司有一个快应用项目，随之学习了一下快应用快应用是什么？快应用是九大手机厂商（小米、华为、OPPO、vivo、魅族、金立、中兴、努比亚、联想、一加）基于硬件平台共同推出的新型应用生态，用户无需下载安装，即点即用，享受原生应用的性能体验。快应用官网：https://www.quickapp.cn/快应用文档教程：https://doc.quickapp.cn/一、项目搭建...

2019-11-12 17:44:54 805

原创一些常用的Linux 命令行

对于一个技术渣渣，发现Linux命令行简直是白痴，特意看了一篇文章，试着敲了一遍，记录一下/:sun/:sun/:sun1、创建目录mkdir xx2、创建多级目录mkdir -p /home/Java3、删除目录rmdir xx4、创建空文件touch aa.txt.touch aa.text bb.txt 创建多个文件5、拷贝文件到指定目录cp aa.txt /home/...

2019-09-18 16:05:54 159

原创 element UI form 表单中number 类型的字段校验的时候不准确

遇到的问题：element UI form 表单中number 类型的字段校验时，不能准备的进行校验查看了一下element UI版本，发现v2.4版本以前的均有bug解决办法：更新element UI 版本到v2.4以上，并且加上number 类型<el-form-itemlabel="年龄"prop="age":rules="[{ required: t...

2019-06-12 18:17:09 2201

原创解决 iview-modal 点击‘确定’按钮时弹框自动关闭问题

遇到的问题：iview-modal在做数据校验时，点击确定，当校验不通过时，弹框也自动关闭了解决方案：1.给Modal添加属性loading后，点击确定按钮对话框不会自动消失，并显示 loading 状态，需要手动关闭对话框，常用于表单提交。handleSubmit(name) {let self = this;this.$refs[name].valida...

2019-06-12 18:08:59 9613

原创微信小程序合法域名的配置

微信小程序中有时会报：‘XXX不再合法域名名单列表中，请参考文档 https://mp.weixin.qq.com/debug/...’,这是在调用第三方数据时，必须设置合法的域名。首先登录微信公众平台，找到开发==>开发设置==》服务器域名进行修改，将要配置的域名放在里面，保存刷新页面，在微信开发工具中，打开项目详情可以看到合法域名已经更新。...

2019-02-13 16:32:23 1497

原创提示:升级Angular CLI 版本

如果遇到错误信息：Your global Angular CLI version (7.1.0) is greater than your localversion (1.3.0). The local Angular CLI version is used.To disable this warning use "ng config -g cli.warnings.versionMis...

2019-01-02 16:15:14 465 1

原创 git 上创建一个新的项目

1.首先在git 上创建一个新的项目然后创建好项目然后按照提示，在本地拉取项目，找到本地放项目的文件夹，打开命令行工具，按序输入以下命令： git config --global user.name "git账号" git config --global user.email "git邮箱" git clone （项目地址） ...

2018-09-27 12:18:41 4509

原创 import * as obj from "xxx" 的作用

import * as obj from 'xx' 这种写法是把所有的输出包裹到obj对象里例如：xx里中：export function hello(){ return '我是hello 内容'; }export function login(){ return '我是login 内容'; }调用hello 函数，即obj.hello();调...

2018-09-20 10:45:07 1869

原创 React 生命周期

React 的生命周期做一下笔记：1. constructor 构造函数接受两个参数 props,context 只要组件中存在constructor,就必须要写super,否则this指向会错误例如： constructor(props,context){ super(props,context) console.log(this.pro...

2018-09-18 11:44:28 145

原创 Ant design table 表格报 Warning: Each record in table should have a unique `key` prop,or set `rowKey`

原因：性能问题，这个是和React的dom-diff算法相关的，react对dom做遍历的时候，会根据data-reactid生成虚拟dom树，如果没有手动的添加key值的话，react是无法记录你的dom操作的，它只会在重新渲染的时候，继续使用相应的dom数组的序数号（array[index]这种）来比对dom树解决方法(一)：对render中遍历的元素添加key属性，key值最好是...

2018-09-14 17:29:47 4743

原创 js 实现虚线边框旋转效果

无意看到百度ueditor编辑器网站首页（http://ueditor.baidu.com/website/）底部有一个滚动虚框的效果(原谅我不会做gif 图)，如图：就去看了一下，开始以为是CSS,后来打开F12 ，哦原来是js,那就尝试写一下吧......菜鸟就是要经常动手html 部分：<div class="box"><div class="topBo...

2018-09-13 15:07:30 2646

原创 React 学习之路-基础项目搭建与环境配置

嗨，初次见面请多多指教，从React 的学习开始我的第一篇博客...... 首先，需要安装node.js,直接在官网下载,拿走不谢 => node.js官网: https://nodejs.org/en/（选择合适你的电脑的版本），打开并安装程序，如图 => 根据提示进行安装(npm管理工具会一起安装的)，安装完成以后，打开命令行，输入 node -v 和np...

2018-09-12 15:05:29 355

qq_37029373的博客