第⑦个前端

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

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

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

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

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

},

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

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

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

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

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

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

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

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

前端优化

【代码】前端项目tool工具文件（TS）

【代码】vue3项目中使用pinia。

在vite.config.ts中的server进行配置。

【代码】vue3+vite项目中tsconfig.json / tsconfig.node.json 配置。

【代码】找不到模块“./App.vue”或其相应的类型声明。

vue3集成axios教程

【代码】本地绑定远端git仓库。

vue3 + vite 安装项目

【代码】express最方便的热更新方式。

【代码】vue+ts工程：找不到模块“@/api/user”或其相应的类型声明。

重载服务：nginx -s reload　　（重载服务配置文件，类似于重启，服务不会中止）使用配置文件：nginx -c “配置文件路径”强制关闭服务：nginx -s stop。退出服务：nginx -s quit。启动服务：start nginx。验证配置文件：nginx -t。使用帮助：nginx -h。

【代码】element增加回车键事件。

vue3使用echarts，tooltip不显示

【代码】js上传图片，预览图片。

react搭建全家桶

这是因为vite运行项目时，不会将node环境给整体打包进入到项目中，而低版本的socket.io-client是需要child_proccess这个环境的。但是目前的浏览器，又没有内置这个模块，所以就会造成，程序找不到这个child_proccess模块。如果你使用的不是最新版本的socket.io-client（目前最新是v4.5.2），很有可能使用的3.X或者2.X版本。设置forceJSONP用来解决这个问题，在此请求socket连接，就会携带sid。需求就是，后台需要sid就行判断传输客户端。

意思就是我们使用vite运行这个项目缺少child_process 这个Node内置模块，那我们就行办法去在运行项目时内置这个模块就行。vue3 + ts + vite3 中使用socket.io-client 2.X进行和后端数据刷新。由于后端修改版本带来的工作量比较大，所以只能自己去降级修改。步骤1 安装工具vite-plugin-optimizer。步骤2 在vite.config.ts中引入。......

vue3中使用antv/x6记录

Node热更新

vue3+vite+ts真实项目开发笔记

代码】vue3中路由跳转。

代码】vue3中使用cookie。

vite / vue3跨域代理配置

代码】vue3中使用deep()替代/deep/

vue3中使用echarts