fullcalendar_会议预约

fullcalendar_会议预约

项目中已经包含 ant-desing-vue 组件库和css预处理库scss配置

fullcalendar官网

安装依赖到Vue项目中

yarn add @fullcalendar/vue
yarn add @fullcalendar/core @fullcalendar/interaction @fullcalendar/timegrid
yarn add tippy.js

我睡着的时候不困唉大约 6 分钟插件组件使用VueJavaScript
Electron+Vue桌面端

Electron+Vue桌面端

背景

因具体业务需要,技术栈要能够对电脑硬盘文件进行读写。最开始使用技术栈为 javaFx 构建,使用过程中发现构建页面,自定义 UI 页面困难,而且整个生态环境非常不好,与 Winforms 一样,自定义一些控件相对比较困难,研究起来比较耗费事件,项目周期又紧急,所以决定放弃 javaFx 技术栈,寻找新的技术栈。在一轮新的技术调研后,考虑到代码的可维护性和自定义 UI 页面以及结合项目业务。方案还剩两个技术方案。

  • 方案一:C++Qt 相结合
  • 方案二: electronvue 全家桶 最终采用采用方案二,方案二便于自定义页面,通过 node.jsfs 模块可以实现对硬盘的读写。再加上scssless 和现有前端框架的支撑。能够满足自定义 UI 页面。再加上 electron 本身的生态环境较好。而且此业务场景下不需要桌面应用太高的执行效率。再加上便于前后端分离开发,提高了效率。简单说一下方案一,具有很好的跨平台性,Qt还有可视化编辑器,可以用来自定义 UI,而且执行效率更好,可以说是桌面端开发利器了,这里不用的原因是学习成本有点高,项目周期紧,没时间研究

我睡着的时候不困唉大约 15 分钟前端框架混合开发桌面端VueElectron
Vue + Threejs Web 可视化搭建

Vue + Threejs Web 可视化搭建

项目背景

因旧项目升级改造需要,加以 WebGL 和元宇宙概念兴起,经过技术讨论最用采用 Vue + Threejs 技术栈对项目进行重新编写,此篇笔记只记录 Three.js 相关代码示例。项目配置相关和请求封装等不做介绍。

项目创建

提示

  • Node.js v14.18.1 、yarn v1.22.17、@vue/cli 4.5.15、three.js 141.0 Vue2

我睡着的时候不困唉大约 3 分钟前端框架可视化VueThree.jsWebGL API