- 博客(17)
- 收藏
- 关注
转载 Vue 动态创建实例
Element UI 的 $message 就是这样实现的,这种方法尤其适合通知类的场景,代码如下。事先把要弹出的东西写在页面里,用 visible: false 把它隐藏起来。用户点击另一个按钮的时候删除这个 Vue 实例。控制 visible 使其显示或再次隐藏。用户点击按钮的时候创建一个 Vue 实例。另外一种就是上面代码所示那样。
2022-10-29 20:40:30
371
1
原创 百度地图移动中心点保持原有倾斜度
百度地图WebGL版可以设置倾斜度,使用map.setTilt(50),就会变成3D地图效果,但在设置中心点后倾斜度会变为0,使用函数map.setCenter(point),相当于会变成2D地图,解决这个问题只需要在设置中心点时增加一个tilt参数即可。
2022-09-19 14:50:45
1226
转载 根据多个坐标点得到中心点,适用于腾讯地图、百度地图、高德地图等等
前端开发,集成了腾讯地图,根据地图上多个坐标点,获取中心坐标点。后台添加了地图上多个点,组成了一个区域,前端只能选择区域内的点。取中心点主要是地图展示的默认位置,我希望是区域的中间。核心算法已经给出,请自行根据项目需求修改。
2022-09-14 16:09:26
3745
1
转载 百度地图(29)-GL 富文本 richMarker
三维GL库中支持的富文本主要有两种,一种是 InfoBox ,一种是 RichMarker。通过添加 BMapGLLib 的 引用,支持对这两种对象的调用。
2022-09-14 15:59:59
570
转载 e.target与e.currentTarget的区别
在DOM事件对象中有两个属性总是时不时的困扰我,就是target和currentTarget,有时候很迷惑分不清两者的区别,因此有必要把这两个属性好好梳理一下,加深理解,以便日后的查询。MDN中对target的解释为,一个触发事件的对象的引用, 当事件处理程序在事件的冒泡或捕获阶段被调用时。而对于currentTarget,它指的是当事件遍历DOM时,标识事件的当前目标。它总是引用事件处理程序附加到的元素,而不是event.target,它标识事件发生的元素。举个例子来说明。事件冒泡阶段我们知道,e
2022-06-24 22:37:18
467
原创 在按钮禁用时消除hover效果
在正常情况下, 鼠标悬停到按钮上会触发hover效果, 背景颜色和文字颜色都发生变化, 当我们给按钮添加禁用效果时需要消除hover效果解决方案: 使用:not(.is-disabled) 来给没有被禁用(样式类名中不包含is-disabled)的按钮添加hover效果...
2022-06-22 17:49:08
3111
原创 uniapp公告列表上下循环滚动
<template> <view class="swiper-wrapper"> <!-- <view class="mask" /> --> <swiper class="swiper" :indicator-dots="false" :autoplay="true" :interval="2000" :duration="2000" :circular="true" :vertical="true" :display-multiple
2022-05-07 11:00:00
2574
原创 uniapp解决收货地址授权失败的问题
如果在选择收货地址的时候,用户点击了取消授权,则需要进行特殊的处理,否则用户将无法再次选择收货地址!改造 chooseAddress 方法如下:// 选择收货地址async chooseAddress() { // 1. 调用小程序提供的 chooseAddress() 方法,即可使用选择收货地址的功能 // 返回值是一个数组:第1项为错误对象;第2项为成功之后的收货地址对象 const [err, succ] = await uni.chooseAddress().catch(er
2022-04-24 12:06:47
1831
原创 利用sync修饰符关闭新增弹层
这里我们学习一个新的技巧,sync修饰符按照常规,想要让父组件更新**showDialog**的话,需要这样做// 子组件this.$emit('changedialog', false) //触发事件// 父组件<addDialog @changedialog="method" :showDialog="showDialog" /> method(value) { this.showDialog = value}但是,vuejs为我们提供了**sync修饰符**,它
2022-01-07 23:37:45
374
原创 使用axios发送get、post请求 参数在query和body里面的各种情况
使用axios发送get请求,参数写在query里将axios挂载到vue原型上的方式async getArticles() { const res = await this.$axios.get('/mp/v1_0/articles', { params: { page: 1, per_page: 10 } }) this.researchList = res.data
2021-12-12 13:33:40
8220
原创 支付宝小程序前端实现图片转换base64
前言:在小程序开发中往往会遇到图片转base64的场景,目前小程序画布,提供了CanvasContext.toDataURL用于获取画布指定区域的 data URL 数据。返回的数据就是base64图片数据,可直接使用image组件展示。一、页面中使用canvas组件xml文件中放入canvas以便后续根据canvas来使图片转化base64<!--axml--><view> <canvas id="canvas" width="610"
2021-12-01 16:46:18
1293
1
原创 VsCode前端开发插件推荐
HTML Snippets超级实用且初级的 H5代码片段以及提示HTML CSS Support让 html 标签上写class 智能提示当前项目所支持的样式新版已经支持scss文件检索Debugger for Chrome让 vscode 映射 chrome 的 debug功能,静态页面都可以用 vscode 来打断点调试jQuery Code Snippetsjquery 重度...
2020-03-01 16:05:30
1514
原创 NodeJS、NPM安装配置步骤(windows版本)
Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型,使其轻量又高效。 Node.js 的使用包管理器 npm来管理所有模块的安装、配置、删除等操作,使用起来非常方便,但是想要配置好npm的使用环境还是稍微有点复杂,下面跟着我一起来学习在windows系统上配置NodeJS和NPM吧。打开NodeJS...
2020-03-01 15:17:52
243
原创 nodejs express 允许跨域访问(Access-Control-Allow-Origin)
在index.js文件中添加以下内容app.all('*', function (req, res, next) {res.header('Access-Control-Allow-Origin', '*');//Access-Control-Allow-Headers ,可根据浏览器的F12查看,把对应的粘贴在这里就行res.header('Access-Control-Allow-He...
2020-02-27 21:34:58
244
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人