02 2024 档案
摘要：记录时间：2024-02-29 一、useSystemService模块实现 service/system/useTerminalService.ts import * as config from '@/config' import { Terminal, Receipt } from '@/ty
阅读全文
摘要：记录时间：2024-02-29 一、useSystemUtil模块实现 utils/system/useCommonUtil.ts import { hydate, serveWebApi } from '@/common' // 获取当前格式化时间（毫秒级） const getNowFormatD
阅读全文
摘要：记录时间：2024-02-28 一、useSystemStore模块实现 types/system.ts import { Terminal } from './terminal' import { Device } from './device' import { FlowConfig } fro
阅读全文
摘要：记录时间：2024-02-28 一、准备工作 【使用“文心一言”搜索】 Vue项目，推荐与模型数据有关的问题 当然，以下是与Vue项目中模型数据相关的一些推荐问题： 模型数据应该存储在哪里？ 考虑到数据的大小、敏感性和使用频率，我应该将模型数据存储在客户端、服务器端还是两者都存储？ 对于存储在客户端
阅读全文
摘要：记录时间：2024-02-27 【使用“文心一言”搜索】指令：Vue项目使用ts setup 语法，实现页面遮幕弹框，封装Hook函数，包含ShowAlert、ShowConfirm、ShowPrompt、ShowMsg、ShowError、HideMsg、PageLoading、PageLoade
阅读全文
摘要：记录时间：2024-02-26 【使用“文心一言”搜索】 指令：Vue项目使用ts setup 语法，实现页面倒计时，封装Hook函数，包含start、reset、stop 在Vue 3中，你可以使用<script setup>语法和Composition API来封装一个倒计时Hook函数，该函数
阅读全文
摘要：记录时间：2024-02-27 一、准备工作 【使用“文心一言”搜索】 Vue 3中的Hook（如setup、onMounted、onUpdated等）具体是如何工作的？它们与组件的生命周期有何关联？ Vue 3引入了Composition API，这是一种新的、可选的方式来组织和重用Vue组件的逻
阅读全文
摘要：记录时间：2024-02-27 一、准备工作 【使用“文心一言”搜索】 Vue中的生命周期钩子与React中的生命周期方法有何异同？ Vue 3中的Hook是组合式API的一部分，它们提供了一种新的方式来组织和复用组件逻辑。这些Hook函数，如setup、onMounted、onUpdated等，都
阅读全文
摘要：记录时间：2024-02-26 一、准备工作 【使用“文心一言”搜索：Vue.js中模块和插件有什么区别？】 在Vue.js中，模块（Modules）和插件（Plugins）都是用于扩展和增强Vue.js功能的方式，但它们在使用和目的上有一些不同。 模块（Modules） 模块是Vue.js中组织代
阅读全文
摘要：记录时间：2024-02-26 一、convert-util模块实现 framework/utils/convert-util.ts //字符串转Ascii码 const StringToAscii = function (str: string) { let ans = '' for (let i
阅读全文
摘要：记录时间：2024-02-26 一、ajax-util模块实现 framework/utils/ajax-util.ts import { serveFile, clientWebApi, hyAjax } from '@/common' import { AjaxObject } from '..
阅读全文
摘要：记录时间：2024-02-26 一、config-util模块实现 framework/utils/config-util import { ajaxWebApi, ajaxFile } from './ajax-util' //获取ConnectionString const GetConnect
阅读全文
摘要：记录时间：2024-02-26 一、log-db模块实现 framework/utils/log-db.ts import { ajaxWebApi } from './ajax-util' //记录业务流水号为终端ip的终端流水日志 const LogTerminalBusinessTrace =
阅读全文
摘要：记录时间：2024-02-26 一、log-serve模块实现 framework/config/index.ts //ajax成功信息是否输出到控制台 const LogAjaxSuccessInfoConsoleFlag = false //ajax错误信息是否输出到控制台 const LogA
阅读全文
摘要：记录时间：2024-02-25 一、log-local模块实现 framework/config/index.ts // 终端日志文件配置 const LogTerminalInfoDir = 'D:/LogInfo/LogTerminalInfo/' // 错误页面快照文件配置 const Log
阅读全文
摘要：记录时间：2024-02-25 二、page-info模块实现 framework/utils/page-info-generator.ts //javascript用来遍历指定对象所有的属性名称和值 //obj 需要遍历的对象 const allProps = function (obj: any
阅读全文
摘要：记录时间：2024-02-25 一、准备工作 【使用“文心一言”搜索使用ts实现类模块】 在 TypeScript 中，类可以作为模块的一部分被导出，这样其他模块就可以导入并使用这些类。以下是如何使用 TypeScript 实现类模块的基本步骤： 步骤 1：定义类模块 首先，在一个 TypeScri
阅读全文
摘要：记录时间：2024-02-24 前台管理 CashTradeClean.html cash-trade-clean.vue CashTradeDetails.html cash-trade-details.vue CashTradeSettle.html cash-trade-settle.vue
阅读全文
摘要：记录时间：2023-02-24 适配器 adapter.js adapter/adapter.ts：全部 1.属性 2.函数 2.1.标准适配器 2.2.Ajax操作 adapterPOS.js adapter-pos.ts：全部 1.入口 2.属性 3.函数 设备驱动 devicedriver.j
阅读全文
摘要：记录时间：2024-02-24 一、准备工作 【使用“文心一言”搜索vite项目设计文件结构】 在Vite项目中设计TypeScript文件结构时，你希望确保代码的组织是模块化的、易于维护的，并且遵循最佳实践。以下是一个适用于Vite和TypeScript项目的文件结构示例： 复制代码 my-vit
阅读全文
摘要：记录时间：2024-02-23 一、main-page*.vue main-page1.vue <script setup lang="ts"> import { defineProps } from 'vue' import Master from '@/views/master/master-b
阅读全文
摘要：记录时间：2024-02-23 一、Master_Basic.html <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>主页</title> <meta http-equiv="Content-Typ
阅读全文
摘要：记录时间：2024-02-23 一、App.vue 详见：App.vue组件实现 【使用“文心一言”提取组件传值逻辑说明和代码】 在 Vue 3 中，组件传值通常涉及到 props、emits、slots 和组件的引用。在提供的代码中，主要关注点是动态组件的渲染和通过 props 传递数据。下面是对
阅读全文
摘要：记录时间：2024-02-23 App.vue <script setup lang="ts"> import { defineComponent, ref, computed, onMounted, onUnmounted } from 'vue' import MainPage1 from '@
阅读全文
摘要：记录时间：2024-02-22 1.主页及其组成 （1）index.html -> App.vue（2）MainPage*.html -> views/main-page/main-page*.vueMainPage1.html -> views/main-page/main-page1.vueMa
阅读全文
摘要：记录时间：2024-02-21 （一）公共资源部分 Inc/css Inc/flash Inc/images Inc/js Inc/voice （二）页面部分 1.主页及其组成 （1）index.html -> App.vue （2）MainPage*.html -> views/main-page
阅读全文
摘要：记录时间：2024-02-21 1.Vue-Router的集成 在Vue.js+TypeScript项目中集成Vue-Router，具体的步骤如下。 第一步：新建页面组件 在src/views目录下分别新建main/main.vue、login/login.vue、not-found/not-fou
阅读全文
摘要：记录时间：2024-02-21 1.配置浏览器自动打开 配置文件：package.json "scripts": { "dev": "vite --open" } 2.配置src别名 （1）安装 @types/node 输入npm命令 npm i @types/node --save-dev （2）
阅读全文
摘要：记录时间：2024-02-21 参考书籍《Vue.js 3+TypeScript完全指南》17.3 项目开发规范 在企业项目开发中，通常由多人一起协作完成开发任务，每个人编写的代码风格可能不统一。为了避免出现问题，一般会制定一些规范来约束整个项目的编码风格，包括编辑器规范、代码格式规范、编写代码规范
阅读全文
摘要：原文地址：https://blog.csdn.net/qq_41550143/article/details/129150254 翻译 搜索 复制
阅读全文
摘要：原文地址：https://blog.csdn.net/weixin_43239880/article/details/130355138 新建一个vite+vue3项目,并做基础化建设1.使用npm creat vite@latest新建一个vue3项目2.生成git仓库3.将prettier的规则
阅读全文
摘要：记录时间：2024-02-21 1.VSCode打开项目 （1）文件→打开文件夹，对应的英文为File→Open Folder （2）打开效果如下 2.VSCode本地项目托管 （1）打开终端：Terminal→New Terminal （2）生成仓库：git init 输入 git命令 git i
阅读全文
摘要：记录日期：2024-02-21 1.找到存放项目的文件夹，打开cmd命令 2.使用官方脚手架Vite创建项目 （1）输入npm命令 npm create vite@latest （2）输入项目名称：ssts-hospital-web-master （3）选择框架：Vue （4）选择变体（使用的编程语
阅读全文
摘要：原文地址：https://mp.weixin.qq.com/s/cgiLx6NsoCAnh-mcR5peQg Vue3 发布至今，周边的生态、技术方案已足够成熟，个人认为新项目是时候切换到 Vite + Vue3 了。今天就给大家操作一下这种技术方案实现前端工程化。 1. 初始化项目 通过官方脚手架
阅读全文
摘要：原文地址：https://mp.weixin.qq.com/s/MUP0cAT8FbtE0sRX3ohptw 现在大部分的中小型公司部署前端代码都是比较简单的，主要步骤如下: 首先，通过脚手架提供的命令npm run build打包前端代码，生成dist文件夹； 最后，将dist文件夹丢给后台开发人
阅读全文
摘要：原文地址：https://mp.weixin.qq.com/s/xdEqyhfmW8P0R_wktymb3w vite快速安装vue，及项目打包发布 1.下载、安装VScode，下载地址：https://code.visualstudio.com/ 2.下载、安装node.js，国内下载地址：htt
阅读全文
摘要：原文地址：https://mp.weixin.qq.com/s/0qh5zTBmQDiUi2FyUQqXAA 今天无意中发现一个基于 Vite Vue3 非常优雅的插件：vue-devtools。 插件介绍 Chrome 浏览器的 Vue Dev Tools 很多人都使用过，优雅哥分享的这个 dev
阅读全文
摘要：原文地址：https://mp.weixin.qq.com/s/QelQEAMYSoNC0uYKfbO9Gw 01 使用Vite工具创建Vue.JS项目 命令： npm create vite@latest 首先，要提供的是你项目的名称： 然后，选择一个框架： 这一段的全部代码如下： adamhua
阅读全文
摘要：原文地址：https://zhuanlan.zhihu.com/p/654327710 今天就来说说怎么创建第一个Vue3项目。 并安装Element Plus 及一些常用配置，实现如下简单增删改查页面 一、工具简介 这里我们简单介绍一下文章中使用到的工具，使用这些工具可以提高我们开发效率。当然了只
阅读全文
摘要：原文地址：https://blog.csdn.net/aDiaoYa_/article/details/135855366 目 录项目搭建步骤确定node版本使用Vite创建Vue3项目规范目录结构配置环境修改Vite配置文件集成路由工具Vue Router集成状态管理工具Pinia集成CSS预编译
阅读全文
摘要：原文地址：https://mp.weixin.qq.com/s/BANsRtNn5u-4521nFwF3FA 一、安装需要的包： 1、 element-plus 安装命令： npm install element-plus --save 2、vue-router 安装命令： npm install
阅读全文
摘要：原文地址：https://mp.weixin.qq.com/s/HqLgf2TCVqnndSxJw_1RTQ 一、准备工作 在学习之前，需要安装两个工具，一个是IDE，一个是Node.js: Vs Code: https://code.visualstudio.com/Download Node.j
阅读全文
摘要：1.核心架构级代码（1）公共引用《common.js》通过本地Http服务，模拟ActiveXObject（包括Scripting.FileSystemObject、WScript.shell等）《web.webkit.js》该文件为新增，兼容IE和Chrome同步对象和数据、调用公共组件（供Ind
阅读全文
摘要：原文地址：https://www.cnblogs.com/gexx/p/17411098.html 主要是在使用RPA时不好定位，只要用图像识别，但谷歌浏览器每次关闭后都会提示这个窗口 搜了半天才找到 来源：https://superuser.com/questions/1343290/disabl
阅读全文
摘要：原文地址：https://blog.csdn.net/Flywithdawn/article/details/128253604 快速解决： 最近在测试http服务时，谷歌浏览器报了以下错误 “The request client is not a secure context and the re
阅读全文
摘要：原文地址：https://zhuanlan.zhihu.com/p/649737764 谷歌浏览器Chrome，现代化的浏览器，使用它来上网是一个非常不错的选择。 不过每次我想下载谷歌浏览器时，默认下载到的总是在线安装包，大小大约1~2MB，安装时电脑必须联网，每次都要从网络上下载： 不知道你想不想
阅读全文
