- 博客(20)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 vue3 ref和reactive的区别，到底该用哪一个？
看的出来，这也是一个响应式的数据，但是仔细的掘友就会发现，我们在处理基本数据类型修改的时候，我们都是用.value来获取数据的，那么我这里在修改salary的值的时候不应该是 person.value.salary.value吗？在使用ref以后，我们的a就变成了一个RefImpl的实例对象，我们可以看到a的值储存在里面的.value属性,于是通过.value我们就可以访问到值，来看看效果，这样我们a的值就是一个响应式数据了。有一个数据a，点击按钮“+1”，数据a会增加1，并且会打印当前a的值，来看效果。
2024-04-29 15:36:46
569
原创 yarn的安装和使用
Yarn 是一款 JavaScript 的包管理工具（npm 的代替方案），在 Yarn 的官网有着一句话：Safe, stable, reproducible projects。正如 Yarn 官网的介绍，Yarn 的具有速度快 、安全 、可靠 的优点，在功能上相比于 npm 优化了许多功能等，例如网络性能优化，安装依赖的方式相同等功能。具体可以参考Yarn 中文网。
2024-04-29 15:08:14
177
原创 基于node+koa+miniprogram-ci实现小程序批量上传功能
在实际开发中，有这样的业务，一套代码需要部署多个小程序，上传代码时候绝对上传到手软，虽然可以接入微信服务商，但是服务商有数量限制，好在微信小程序提供了miniprogram-ci代码上传功能，这里使用koa将miniprogram-ci模块单独抽离，使用excel表格作为数据库实现小程序批量上传维护，这样具体发布审核就可以交给运维处理了。
2023-03-29 15:51:53
641
2
原创 Electron desktopCapturer.getSources截取窗口
项目截图刚开始用的html2canvas，但是使用中发现截图时间太长，最终使用electron自带的desktopCapturer API来实现。直接在vue项目中使用引入desktopCapturer，const {desktopCapturer} = require('electron'); 发现控制台报错后来使用const {desktopCapturer} = window.require('electron'); 也报错后来查资料得知原因是：(1)、首先在渲染进程属于浏览器端，没有集成
2021-11-03 14:28:14
3379
原创 解决uni-app开发环境中H5端跨域问题
首先，在本地开发时，不同于直接用小程序IDE进行开发，在开发H5平台时，需要使用浏览器进行调试，而浏览器会有跨域的问题。比如直接通过本地IP地址去访问开发中的页面，同时这个页面会调一些现有的接口时，就面临着跨域的问题。根据官方文档的描述，devServer配置被要求在manifest.json去配置，并且由于这个配置文件是json格式的，所以只能对简单类型进行配置。但对于proxy这项配置来说也是足够了的。直接如下方式配置即可解决:// manifest.json{ "h5": {
2021-10-27 10:56:29
498
原创 7、openlayers6 加载WMS图层
初始化地图<template> <div id="container"> <div class="mapWrap" id="map" :style="height"> <div class="video_wrap"> <el-scrollbar style="height: 100%"> <template v-for="(item,index) in videoList">
2021-10-14 15:56:38
760
转载 openLayers 坐标转换 EPSG:3857和EPSG:4326区别
fromLonLat() 方法是继承自ol.proj 这个类。fromLonLat 将坐标从经度/纬度转换为其他投影。 import { fromLonLat } from "ol/proj"; 在 openlayers 中创建map时候会有个view 属性，该属性下面会存在一个center属性。这个属性就是设置中心位置的坐标。如果不设置就没有中心，也毫无意义。projection 属...
2021-10-11 10:46:07
3692
原创 6、openlayers6 拖拽Feature图层
```html<template> <div id="map"></div></template><script>import "ol/ol.css";import { Map, View, Feature, Collection } from "ol";import XYZ from "ol/source/XYZ";import { Vector as VectorSource } from "ol/source";impo
2021-10-09 18:05:47
529
原创 5、openlayers6加载飞行轨迹
<template> <div id="map"></div></template><script>import "ol/ol.css";import { Map, View, Feature } from "ol";import XYZ from "ol/source/XYZ";import { Vector as VectorSource } from "ol/source";import { Vector as Vecto
2021-10-09 17:20:05
882
原创 4、openlayers6点击地图添加定位图标
<template> <div id="map"></div></template><script>import "ol/ol.css";import { Map, View, Feature } from "ol";import XYZ from "ol/source/XYZ";import { Vector as VectorSource } from "ol/source";import { Vector as Vecto
2021-10-09 17:02:05
556
原创 3、openlayers6添加地图定位点图标
<template> <div id="map"></div></template><script>import "ol/ol.css";import { Map, View, Feature } from "ol";import XYZ from "ol/source/XYZ";import { Vector as VectorSource } from "ol/source";import { Vector as Vecto
2021-10-09 15:13:21
662
2
原创 1、openlayers6加载离线瓦片(天地图)
<template> <div id="map"></div></template><script>import "ol/ol.css";import { Map, View } from "ol";import XYZ from "ol/source/XYZ";import { Vector as VectorSource } from "ol/source";import { Vector as VectorLayer, T
2021-10-09 14:39:40
1457
原创 uni-app打包成App后设置推送消息角标
最近一个uni-app项目使用极光推送，出现了ios应用图标上的角标和实际项目的中的推送消息数量不符的情况，再次查阅文档得以解决，查看文档发现了这一句话，重点注意：这些接口是处理的极光服务器的角标，并不是APP显示的角标；如果要处理APP的角标需要调用Uni的方法setBadgeNumber设置应用图标上显示的角标数字void plus.runtime.setBadgeNumber(number, options);参数：number: ( Number ) 必选 要显示的角标数字值，参
2021-08-31 23:02:24
5809
原创 Vue3.项目使用Electron 最新^13.1.7打包.exe桌面端应用
近期接手一个老项目，三期需要把网页端打包成桌面端，最终选用Electron来构建，好了话不多说，直接开始操作！1、先从Electron官网把他的案例glone下来，有时候网络不好会下载失败，多试几遍就可以了，我挂的vpn下载是很快。# 克隆这仓库$ git clone https://github.com/electron/electron-quick-start# 进入仓库$ cd electron-quick-start# 安装依赖库$ npm install# 运行应用$ npm s
2021-07-21 13:55:18
980
原创 vue天地图使用html2canvas和domtoimage截图
最近有个项目使用天地图，需要截取地图上的行驶轨迹，使用html2canvas截图轨迹出现偏差问题，至今不知道什么原因，有知道原因的小伙伴还希望不吝赐教；使用domtoimage完美解决轨迹偏移问题。 在入口文件进入天地图的cdn地址<!DOCTYPE html><html lang=""> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatib...
2021-05-08 10:20:43
1825
3
原创 uni-app使用低功耗蓝牙自动连接售货机
最近在做一个蓝牙售货机项目，放在酒店房间，哈哈，里边什么东西自己脑部。因为需要兼容微信小程序和支付宝小程序，所以最终用uni-app来做，一套代码两个终端，省时省力更生钱，好了话不多说，开始上代码。...
2021-04-28 17:01:58
919
2
vue 小程序 uni-app 通用账号密码登陆静态页面，一件复制粘贴
2024-04-30
基于node+koa+miniprogram-ci实现小程序批量上传功能
2023-03-29
TA创建的收藏夹 TA关注的收藏夹
TA关注的人