基于Vite+vue3+ant design的定制主题使用方式
近期在使用vite、vue3.x、ant design3.x尝试搭建框架在UI库配置的时候，尝试了如下几种方式进行定制主题（自定义主题）本次使用库版本"ant-design-vue": "^2.2.8", "vite": "^2.8.4", "less": "^4.1.2", &
Vue3 弹窗打开，默认输入框带焦点全选文字（以antdv为例）
功能实现：打开弹窗，弹窗中的输入框内容自动选中，且为全选创建refconst inputRef = ref<HTMLInputElement>(null); 在弹窗打开时，调用refconst showEditModal = () => { visible.value = true; nextTick(() => { inputRef.value.focus
Vue3 的 script setup 语法糖是真的爽
还记得刚体验 script setup 语法糖的时候，编辑器提示我这是一个实验性的提案，要使用的话，需要固定 Vue 版本。而在 6 月底，该提案被正式定稿，在 v3.1.3 的版本上，你可以继续使用但仍会有实验性提案的提示，在 v3.2 中，才会去除提示并移除一些废弃的 API。script setup 是个啥？它是 Vue3 的一个新语法糖，在 setup 函数中。所有 ES 模块导出都被认为
前端自动化构建工具 ---- Plop
plop:可以通过命令行去生成、处理文件模板代码等.使用条件参考：项目的每个模块的结构骨架都非常相似，引入模版内容相同就可以使用Plop来实现自动化了，Plop旨在根据模板文件自动化创建组件。受制于Vue语法限制以及vscode失败的拆件，采用了plop 自动化构建模版安装plop安装到项目npm install --save-dev plop全局安装plop（可选，建议安装方便使用）npm in
vue3使用reactive包裹数组如何正确赋值
需求：将接口请求到的列表数据赋值给响应数据arrconst arr = reactive([]); const load = () => { const res = [2, 3, 4, 5]; //假设请求接口返回的数据 // 方法1 失败，直接赋值丢失了响应性 // arr = res; // 方法2 这样也是失败 // arr.concat(res); // 方
手把手教你使用Electron9+vue3开发跨平台桌面应用
Electron 是一个基于 chromium 和 nodejs，可以使用 HTML、CSS、和 JavaScript 构建跨平台应用的技术框架，兼容 Mac、Windows 和 Linux。虽然 B/S 是膜前开发 ad 主流，但是 C/S 仍然有很大的市场需求。受限于浏览器的沙盒限制，网页应用在无法满足某些场景下的使用需求，而桌面应用可以读写本地文件、调用更多系统资源，加上 web 开发成本低
做了一夜动画，就为让大家更好的理解Vue3的Composition Api
做了一夜动画，就为让大家更好的理解Vue3的Composition Api回顾Option Api在了解Composition Api之前，首先回顾下我们使用Option Api遇到的问题，我们在Vue2中常常会需要在特定的区域（data，methods，watch，computed...）编写负责相同功能的代码。Option Api的缺陷随着业务复杂度越来越高，代码量会不断的加大；由于相关业务的
如何将Vue3.0项目部署到Heroku
作为一个专业薅羊毛的人，连Github Education都不放过的人励志将每个权益发挥到极致本篇文章介绍如何将Vue项目发布到Heroku，当然本文以Vue为例，还可以部署React或者其他的web项目，当然如果你需要，后端服务也可以Heroku平台Heroku平台的灵活性极高且支持多种编程语言。若想把程序部署到Heroku上,开发者要使用Git把程序推送到Heroku的Git服务器上。在服务器
vue-axios 是如何用100行代码换取GitHub1.7KStar
最近vue3.0 逐渐进入视线，想配置一个自己的模版，于是又从最简单的开始了安装axiosaxios已经被大家所熟知，但是当我重新回头看配置axios的时候发现仍有一些东西值得思考网上对Vue安装axios版本很多，大致有几个在main引入并挂在全局在文件 main.ts 添加 带有 + 符号后代码// main.ts import { createApp } from "vue&qu
Vue3.x和Vue2.x的不同之处
Vue3.x和Vue2.x的不同点1、main.js引入方式不一样// vue3 //code by www.joynop.com import { createApp } from 'vue' import App from './App.vue' createApp(App).mount('#app') // 没有全局的Vue// vue2.X //code by www.joynop.co
Vue/React页面引入three.js实现3d动画场景
页面引入three.js实现3d动画场景研究一些关于3D图形化库。three.js是JavaScript编写的WebGL第三方库。Three.js是一款运行在浏览器中的 3D 引擎，你可以用它通过控制相机、视角、材质等相关属性来创造大量3D动画场景。所需依赖我们开始引入three.js相关插件。npm install three2.接下来利用npm安装轨道控件插件：npm install thre
仿微信聊天node-app-wechat
安装依赖npm installnpm client-install快速启动快速启动"npm run server" "npm run socket" "npm run client\启动后端server，socket，一个客户端npm run dev进入客户端文件夹cd client启动另一个客户端npm run serve标准启动启动服务端npm run