随笔分类 -  前端

230719建立
vue 3.0校验IP地址
摘要：Vue.js 3.4.21 - 正文 输入框输入 IP地址，检查输入是否为 IP地址——IPv4，IPv6。 函数 Functions.js 中定义以下函数： /** * 验证IP地址是否合法 * @param {string} ip 待验证的IP地址 * @returns 4-IPv4、6-IPv 阅读全文
posted @ 2024-09-30 08:08 快乐的欧阳天美1114 阅读(103) 评论(0) 推荐(0)
vue 3 页面全屏显示
摘要：功能： 点击按钮“全屏显示”，页面全屏；再次点击，退出全屏。 一个 toggle 功能。 toggle：v. 切换 n. 棒形纽扣; 套索扣; 转换键; 切换键 <script setup> import { ref, reactive, watch, onBeforeMount, onMounte 阅读全文
posted @ 2024-09-15 15:15 快乐的欧阳天美1114 阅读(703) 评论(0) 推荐(0)
vue.js 3 初学经验：开发环境搭建，Windows，nginx
摘要：Windows 11 nginx-1.20.0 "vue": "^3.4.21" 序章 vue3 开发，不需要后端服务业是可以的。 在需要后端服务时，使用 nginx 来转发请求是很好的（个人开发者）。 注，还有什么其它方式吗？ 注，本文的后端服务 是使用 Java 开发的 HTTP 接口。 注，参 阅读全文
posted @ 2024-04-29 22:22 快乐的欧阳天美1114 阅读(148) 评论(0) 推荐(0)
vue.js 3 上传文件：el-upload 组件
摘要："@element-plus/icons-vue": "^2.3.1","axios": "^1.6.8","element-plus": "^2.6.2","pinia": "^2.1.7","pinia-plugin-persistedstate": "^3.2.1","vue": "^3.4. 阅读全文
posted @ 2024-04-22 14:14 快乐的欧阳天美1114 阅读(1943) 评论(0) 推荐(0)
vue.js 3 初学经验
摘要：Windows 11 x86_64 node: '20.11.1' npm: '10.2.4' -- cnpm@9.4.0：npm@9.9.2，node@20.11.1 -- vue@3.4.21 vite@5.2.8 -- nginx-1.20.0 on Windows -- 序章 作者 是 前端 阅读全文
posted @ 2024-04-09 13:14 快乐的欧阳天美1114 阅读(141) 评论(0) 推荐(0)
echarts 绘图 的 代码片段
摘要：软件版本： eCharts 5.4.3 vue.js 3.2.36 Element Plus 2.3.12 -- 序章 官网：https://echarts.apache.org/zh/index.html 快速上手：https://echarts.apache.org/handbook/zh/ge 阅读全文
posted @ 2023-12-08 16:55 快乐的欧阳天美1114 阅读(63) 评论(2) 推荐(1)
前端存储：localStorage、sessionStorage
摘要：IDE：HBuilder X 3.8.12 -- 序章 前端存储数据的方式 有以下几种： JavaScript Cookie Web存储 localStorage sessionStorage HTML5 Web SQL 数据库 IndexedDB 本文测试其中的 Web存储：localStorag 阅读全文
posted @ 2023-11-10 15:26 快乐的欧阳天美1114 阅读(251) 评论(0) 推荐(0)
学习 vue.js 3.0 中遇到的前端相关网站汇总
摘要：序章 最近学习 vue.js，期间遇到不少相关网站，特整理于本文。 更新历史： 2023-09-06 首发 2024-04-22 更新 yarn、pnpm 等 学习教程 菜鸟教程 https://www.runoob.com/ 阮一峰：Flex 布局教程 语法： https://www.ruanyi 阅读全文
posted @ 2023-09-06 09:29 快乐的欧阳天美1114 阅读(109) 评论(2) 推荐(0)
Vue 3 之 Element Plus 之 Pagination 的 坑
摘要：版本信息： vue.js 3.3.4 Element Plus 2.3.12 浏览器 Chrome Version 116 -- 坑描述 试验 Element Plus 之 分页时，出现了异常——之前开发的 弹窗 打不开了。 Pagination 分页： https://element-plus.o 阅读全文
posted @ 2023-09-04 20:48 快乐的欧阳天美1114 阅读(475) 评论(0) 推荐(0)
Vue 3 之 Element Plus 之 Table 的 坑
摘要：版本信息： vue.js 3.3.4 Element Plus 2.3.12 -- 坑描述 试验 Element Plus 之 Table 时出现了异常，表格显示错乱——列头不是横着显示，而是竖着显示；并且，表格内容只显示了最后一列的。 作者使用的是 直接导入 的方式： <!-- Import st 阅读全文
posted @ 2023-09-04 14:43 快乐的欧阳天美1114 阅读(1117) 评论(3) 推荐(0)
Vue 3起手式：createApp 函数
摘要：Vue 3 真有意思。 用 Vue 3 做了几个简单的 Web 页面了，本文 展示其 createApp 函数 的一些使用。 createApp 函数官文：https://cn.vuejs.org/api/application.html function createApp(rootCompone 阅读全文
posted @ 2023-07-19 22:10 快乐的欧阳天美1114 阅读(1222) 评论(0) 推荐(0)