自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(17)
  • 收藏
  • 关注

原创 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 45518 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 282

原创 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 5331

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

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

2020-04-08 11:37:26 660

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

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

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

原创 如何搭建快应用项目

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

2019-11-12 17:44:54 675

原创 一些常用的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 122

原创 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 2097

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

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

2019-06-12 18:08:59 9283

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

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

2019-02-13 16:32:23 1407

原创 提示:升级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 419 1

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

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

2018-09-27 12:18:41 4431

原创 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 1838

原创 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 102

原创 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 4686

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

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

2018-09-13 15:07:30 2456

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

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

2018-09-12 15:05:29 290

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除