第⑦个前端

原创 vue3在高德地图中制作气象扇形雷达图

这是效果图，每隔22.5°就会有一个扇形区域，有三层区域，第一层是距离圆点5km，第二层是10km，第三层是50km。

原创 信息系统项目管理师教程-第四版PDF，软考高项最新教材PDF

链接：https://pan.baidu.com/s/1FNwfTu9basPBE1oqeuWoXA。

原创 牛客网华为OD前端岗位，面试题库练习记录01

JavaScript Node ACM模式}()核心代码。

原创 vue3 + vite 使用tailwindcss

本文介绍了如何在Vite项目中安装和配置Tailwind CSS。首先，安装低版本的Tailwind CSS及其依赖（PostCSS和Autoprefixer）。接着，通过命令生成配置文件postcss.config.js和tailwindcss.config.js，并在tailwindcss.config.js中配置content字段以指定需要处理的文件路径。然后，在CSS文件中引入Tailwind的基础样式，并在项目的入口文件（如main.ts）中引入该CSS文件。最后，通过一个简单的Vue组件测试Ta

原创 vue3加载本地图片资源img

对应的img位置为/src/assets/imgs/home/qrcodePage.png。先定义一个方法getImgUrl。

原创 地图|前端：判断某个定位点，是否在某个封闭区域内

【代码】地图|前端：判断某个定位点，是否在某个封闭区域内。

原创 vue中忽略错误

// @ts-ignore

原创 前端开发学习Docker记录02容器操作

使用docker ps 可以看到有哪些镜像在运行。

原创 前端开发学习Docker记录01镜像操作

先搜索然后拉取，然后查看images列表是不是拉取成功。特定某个版本，镜像名：版本号。Demo安装nginx。

原创 Linux阿里云服务器，利用docker安装EMQX

阿里云搜索“镜像加速器”，找到下面这个菜单，点进去。然后在自己的云服务器中，找到docker的文件夹。登录账户为admin 密码为public。我们查看是不是在docker之下。然后找到镜像工具下的镜像加速器。在云服务器中把这几个端口都开放。把地址修改为刚刚复制的地址。使用18083端口进行登录。看到pull 完成之后。把这个加速器地址复制。点击json配置文件。然后pull进行拉取。然后创建emqx容器。

原创 vue3结合海康WEB开发包，开发web在线预览视频

我们这里选择V3.3版本文档地址：https://open.hikvision.com/download/5cda567cf47ae80dd41a54b3?解压过后，会有三个文件夹在docs中，点开Demo使用说明，按照流程先测试下，你的摄像头能不能调通能够调通之后，我们再去正式在我们项目中进行开发。

原创 前端地图中，已知一个点为中心，求同纬度顺时针或者逆时针旋转一定度数，一定距离的另一个点，类似扇形

同经度的情况，可以参考我的另一篇文章，自行编写。

原创 vue中全局变量常用方法和技巧

},

原创 别人电脑ping不通我的电脑，我可以ping通别人

再ping就可以了。

原创 前端地图中，已知一个点位，获取相同经度或者纬度下的，某个距离的另一个点位

效果图说明：我在圆的中心点位，找到他某个直线距离的另个一点，标注两者之间的距离。如图所示是25000米。

原创 一行代码教你使用less解决前端样式宽高尺寸问题

【代码】一行代码教你使用less解决前端样式宽高尺寸问题。

原创 vue3 + ts实现canvas绘制的waterfall

vue3 + ts 实现canvas 绘制的waterfall瀑布图

原创 google地图js，添加标记，以及infowindow信息弹窗

google地图js，添加标记，以及infowindow信息弹窗

原创 vue3中使用pinia，更改state中数据，视图不更新问题

使用computed，可以实现。

原创 vue3中使用elementplus中的el-tree-select，自定义显示名称label

【代码】vue3中使用elementplus中的el-tree-select，自定义显示名称label。

原创 error:0308010C:digital envelope routines::unsupported 前端项目错误

【代码】error:0308010C:digital envelope routines::unsupported 前端项目错误。

原创 Vue3使用高德地图，自定义InfoWindow窗口

【代码】Vue3使用高德地图，自定义InfoWindow窗口。

原创 git常用命令

原创 git强制pull

master为仓库分支。

原创 vue3引入高德地图流程（key和秘钥），仅需三步

安装@amap/amap-jsapi-loader依赖。

原创 vue3引入使用高德地图，不显示地图问题

将全局引入的mockjs去除，就可以了。

原创 随笔2023-12-20

就连钻石也不一定一直是钻石。不知道是乌云乱了太阳。水滴就会一直属于那里。

原创 ts报错“this“ 隐式具有类型 “any“，因为它没有类型注释

【代码】ts报错“this“ 隐式具有类型 “any“，因为它没有类型注释。

原创 牛客网华为OD前端岗位，面试题库练习记录02

例如刚刚得到的字符串“decfab”，分别对下标为偶数的字符’d’、‘c’、‘a’和下标为奇数的字符’e’、‘f’、'b’进行排序（生成 ‘a’、‘c’、‘d’ 和 ‘b’ 、‘e’ 、‘f’），再依次分别放回原串中的偶数位和奇数位，新字符串变为“abcedf”总的长度就是n + 2^(-1) * n + 2^(-2) * n +2^(-3) * n + 2^(-4) * n + ……n的弹起，加上1/16n的落下，即(1/8+1/16)*n,2^(-3) * n + 2^(-4) * n。

原创 JavaScript中promise的解释

在JavaScript中，Promise是一种处理异步操作的机制。它是ES6（ECMAScript 2015）引入的一种语言特性，用于解决回调地狱（callback hell）问题，并使异步代码更具可读性和可维护性。Promise可以看作是对异步操作的封装，它代表了一个未完成到已完成的操作，并可以返回操作的结果或错误。Pending（进行中）: 初始状态，操作正在进行中，尚未完成。Fulfilled（已完成）: 操作已经成功完成。Rejected（已失败）: 操作失败或出错。

原创 go: module github.com/gin-gonic/gin: Get “https://proxy.golang.org/github.com/gin-gonic/gin/@v/list“

报错：go: module github.com/gin-gonic/gin: Get “https://proxy.golang.org/github.com/gin-gonic/gin/@v/list”: dial tcp 142.251.42.241:443: i/o timeout。当使用命令：go get -u github.com/gin-gonic/gin。

原创 go : 无法将“go”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路径，请确保路径正确，然后再试一次。

在VS Code终端（PowerShell实例）中运行以下命令，使当前的PowerShell实例从计算机加载最新的路径变量。Go安装路径发生变化。

原创 解决ts中类型示例化太深，可能是无限的

类型示例化太深，可能是无限的

原创 如何快速找到哪个元素产生的滚动？

【代码】如何快速找到哪个元素产生的滚动？

原创 JavaScript中字符串全部替换replaceAll方法

下面的示例使用 StringreplaceAll()方法通过正则表达式搜索子字符串。让我们举一些使用 JavaScript StringreplaceAll()方法的例子。正则表达式/js/gi匹配包含JS不区分大小写的子字符串的任何字符串，即JS、Js、 或js。replaceAll() 方法用替换回调的返回值替换子串 JS、Js 和 js。

原创 vue3生命周期

原创 手写Promise.all和Promise.race

关键点是何时"决议"，也就是何时resolve出来，在这里做了计数器（count），每个内部promise对象决议后就将计数器加一，并判断加一后的大小是否与传入对象的数量相等，如果相等则调用resolve()，如果任何一个promise对象失败，则调用reject()方法。Promise.myAll()返回的肯定是一个promise对象，所以可以直接写一个return new Promise((resolve, reject) => {})(这应该是一个惯性思维)

原创 js如何合把二维数组中单个数组 对应求和 合并成一维数组

【代码】js如何合把二维数组中单个数组 对应求和 合并成一维数组。

原创 前端excel文件处理

【代码】前端excel文件处理。

原创 js时间数组排序

【代码】js时间数组排序。