- 博客(17)
- 收藏
- 关注
RSS订阅转载 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关注的人