7-9月杂疑
2023.07.05
vscode 中的 jsconfig.json 文件首行无故报错
解：打开配置 setting.json 文件，让自定义的 jsconfig.js 文件覆盖 vscode 默认选项
2023.07.26
echarts 的基础配置项
- tooltip 配置提示框
- legend 配置图例
- color 配置颜色
- graphic 配置表中的图形元素
- series 配置图表的数据系列
2023.08.25
写大屏的时候用到了@click.stop，复习了一下事件修饰符
- stop 阻止冒泡
- prevent 阻止默认行为
- capture 实现捕获触发事件的机智
- self 只有点击当前元素的时候，才会出发处理函数，不会冒泡
- once 只触发一次
2023.09.19
如何在小程序地图上实现覆盖手绘地图
- 小程序个性化地图扩展功能
- 小程序内嵌 webview
- 应用 MapContext.addGroundOverlay 接口
- index.wxml
1
2
3
4
5
6
7<map
id="map"
latitude="{{latitude}}"
longitude="{{longitude}}"
style="width: 100%;height:1414rpx;"
>
</map> - index.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37Page({
/**
* 页面的初始数据
*/
data: {
latitude: 30.580251,
longitude: 104.277677,
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function () {
this.mapCtx = wx.createMapContext("map");
this.mapCtx.addGroundOverlay({
id: 0,
src: "../image/sctu.png",
bounds: {
southwest: {
//西南角
latitude: 30.576161,
longitude: 104.272544,
},
northeast: {
//东北角
latitude: 30.585218,
longitude: 104.285232,
},
},
success(res) {
console.log("wp", res);
},
fail(err) {
console.log("wperr", err);
},
});
},
});
- index.wxml
SPA（single-page application） 优缺点
SPA 是一种网络应用程序或网站的模型，它通过动态重写当前页面来与用户交互，这种方法避免了页面之间切换打断用户体验
- 优点：
- 无刷新切换内容，提高用户体验
- 符合前后端分离的开发思想，通过 ajax 异步请求数据接口获取数据，后台只需要负责数据，不用考虑渲染
- 减轻服务器压力，展示逻辑和数据渲染在前端完成，服务器任务更明确，压力减轻
- 后端数据接口可复用，设计 JSON 格式数据可以在 PC、移动端通用
- 缺点：
- 不利于 SEO（搜索引擎优化），应用数据是通过请求接口动态渲染，不利于 SEO
- 首页加载慢，SPA 下大部分的资源需要在首页加载，造成首页白屏等问题