第⑦个前端

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

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

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

},

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

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

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

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

前端优化

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

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

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

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

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

vue3集成axios教程

vue3 + vite 安装项目

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

vue3使用echarts，tooltip不显示

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

代码】vue3中路由跳转。

代码】vue3中使用cookie。

vite / vue3跨域代理配置

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

vue3中使用echarts

代码】router管理，项目全局前置钩子判断token。

npm只需要执行npmconfigsetstrict-sslfalseyarn只需要执行yarnconfigsetstrict-sslfalse。

npm只需要执行npmconfigsetstrict-sslfalseyarn只需要执行yarnconfigsetstrict-sslfalse。

vue3（ts）安装less

nrm 是一个 npm 源管理器，允许你快速地在 npm源间切换。1 安装2 查看可选择源3 查看当前4 切换源例如5 添加源其中，registry为源名，url为源地址。比如：添加一个公司私有的npm源，源地址为：http://192.168.22.11:8888/repository/npm-public/，源名为cpm（随意取）。然后，查看是否添加成功6 删除源例如7 测试源的速度例如npm和cnpm比较...

https://github.com/coreybutler/nvm-windows/releases下一步下一步nvm list 查看下自己当前所装的版本nvm install 版本号 可以安装自己所需要的版本

树莓派适配，vue项目中嵌入一个jQuery的键盘（中文/英文可切换）

Nginx解决前端跨域问题

vue中利用proxy解决跨域问题

axios文件下载

vue，websocket

@click.stop='';// vue@tap.stop='';// uniapp

http://localhost:8085/eazymesozoic/例如我要在访问地址中增加eazymesozoic字段，那么我就要在nginx中进行配置。location / { root D:/vue/vuepro/dist; # root html/dist; try_files $uri $uri/ @router; # 配置使用路由 index index.html index.htm

当我在使用vue 项目的时候， 我们可能会打包一下线上环境发布， 一会又在本地启动， 因为线上的环境要放在站点根目录下的二级目录中，而我们的测试环境只是在 ./ 的根目录下， 所以， 当我要打包的时候， 我一般的会更改文件的三个地方一. vue.config.js 文件中的 publicPath 配置项二. 修改 vue 的路由文件的 router.js三. 在我封装的 请求类中 http.js中的 axios 配置修改上面这样 打开后又注释真是麻烦后来我使用了 process.

websocket协议在握手阶段借用了HTTP的协议，但是在JavaScript websocketAPI中并没有修改请求头的方法。var token='dcvuahsdnfajw12kjfasfsdf34'send发送数据var ws = new WebSocket("ws://" + url + "/webSocketServer");ws.onopen=function(){ ws.send(token)}请求地址中带参数var ws = new WebSocket("

webpack