工具vue
Vue开发技巧：优化前端工程的构建与打包过程
Laravel是一个流行的PHP框架，它具有出色的可测试性，可以帮助开发人员在更短的时间内编写可靠的代码。但是，即使使用了这个框架，也可能会出现测试覆盖率较低的情况。测试覆盖率是指代码中已由测试案例覆盖的部分比例。测试覆盖率越高，代码质量越高。在本文中，我们将分享几种技巧，帮助您提高Laravel应 ......
Vue项目部署与上线经验分享
Laravel是一个流行的PHP框架，它具有出色的可测试性，可以帮助开发人员在更短的时间内编写可靠的代码。但是，即使使用了这个框架，也可能会出现测试覆盖率较低的情况。测试覆盖率是指代码中已由测试案例覆盖的部分比例。测试覆盖率越高，代码质量越高。在本文中，我们将分享几种技巧，帮助您提高Laravel应 ......
掌握JavaScript中的前端工具和构建流程
Laravel是一个流行的PHP框架，它具有出色的可测试性，可以帮助开发人员在更短的时间内编写可靠的代码。但是，即使使用了这个框架，也可能会出现测试覆盖率较低的情况。测试覆盖率是指代码中已由测试案例覆盖的部分比例。测试覆盖率越高，代码质量越高。在本文中，我们将分享几种技巧，帮助您提高Laravel应 ......
五笔词库合并工具
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 ......
[Vue]mixin混合/混入
可以把多个组件共用的配置提取成一个混入对象，提高复用率。 mixin是一个js文件，可自定义命名。 mixin.js import { DICT_TYPE, getDictDatas } from "@/utils/dict"; export default { data() { return { ......
vue2和vue3的区别？
vue2和vue3的区别？ 1. 双向数据绑定原理不同。 vue2利用Object.defineProperty()实现数据劫持，结合发布订阅模式实现。 vue3利用proxy实现数据代理。 2. 是否支持碎片 vue2模板中只能有一个根节点。 vue3中可以有多个根节点。 3. API类型不同 v ......
Vue_入门——？？？03_days
上节回顾： 前端发展 -vue，react -uni-app 》多处编译 # 1 vue 介绍 -读 view ，渐进式框架 -版本：2.x 3.x 3完全兼容2的写法 -组合式api -配置项api：目前学的 new Vue({ el:'#app', data:{}, methods:{} }) ......
vue动态路由
export default { setRouters() { let menuList = [ { path: "/index", name: "index", component: "index", }, { path: "/user", name: "user", component: "us ......
vue——过滤案例
第一步：定义一个id为app的div <div id="app"> <h1>过滤案例</h1> // 绑定input事件、记录用户输入数据search <input type="text" v-model="search" @input="handleSearch"> <ul> // 循环过滤后的列 ......
docker直接运行vue3源代码npm run dev
有套代码，需要在服务器直接run dev，docker build玩起来。 步骤： 将自己的代码上传到服务器，本例：/home/flow/ruoyi-ui cd到项目根目录 ruoyi-ui，新建Dockerfile，内容如下，根据自己本地运行的node版本改第一行版本号。 FROM node:1 ......
AUTOSAR Builder—符合AUTOSAR（CPAP）的嵌入式系统设计工具
AUTOSAR Builder是达索旗下一款基于Eclipse并使用Artop的可扩展工具套件。Artop是由AUTOSAR成员和合作伙伴共同推动的开放的AUTOSAR工具环境。它使用户能够构建自己的工具并与其他工具供应商进行集成。AUTOSAR Builder在此基础上新增了多个工具套件，更加能够... ......
vue3 打印
下载依赖 npm install vue3-print-nb --save main.js引入 import print from 'vue3-print-nb' 挂载 app.use(print); 自己写的额弹框表格 <el-dialog title="打印当前页面" v-model="dial ......
创建vue项目
1：根据自己的需求，在对应的路径，输入cmd，如下图 2：在cmd里面输入：vue ui，如下图： 3：点击create，开始创建vue项目 4：点击Create a new project here，开始创建项目，详细操作如下图： 注意：在创建项目的时候，系统给了3种方式创建项目。 ①：默认创建操 ......
vue实现虚拟滚动（面试题：后端给你十万条数据，你怎么处理？）
<template> <div class="viewport" @scroll="scroll"> <div class="list-phantom" :style="{height: totalHeight+'px'}"></div> <div class="list-area" :style= ......
超大日志文件分割工具和方法
来源：https://blog.csdn.net/sangser/article/details/123169275 1. 直接运行：MobaXterm1_CHS1.exe，如下画面： 2. 点击：Start local terminal： 切换到大文件所在目录，执行命令：split -l 6000 ......
文件加密解密工具类
：需求：文件上传到系统后，只能通过系统预览或者下载，其他方式下载下来的文件，对方看不了， 实现思路：上传文件时，对文件进行加密处理，数据库存放文件名，把加密文件存到指定目录下 预览、下载文件时，通过指定目录+文件名，找到该文件，并进行解密处理，根据前端需求，对解密后的文件进行处理（下载到指定目录/直 ......
防护工具 雷池（SafeLine）
参考 https://waf-ce.chaitin.cn/ 正文 很久之前网站安全用360主机卫士或者安全狗，后面不知道为什么就在云平台上面裸奔了（仅仅xss过滤+sql pdo）。 官网 控制台 ......
VSCode设置使用PySide6的uic工具
我这里升级成PySide6后，VSCode还是把ui文件用PySide2来生成_ui.py文件，修改方法如下： 找到 Qt for Python 扩展，进行设置： 点击设置按钮，进入“扩展设置” 在扩展设置中，修改下面Uic的两项 Uic:Option -g python 指定生成的代码语言是Pyt ......
vue5
本文围绕一个小型项目展开。 export interface Student{ id: string, name: string, grade: number, score: number, } // src/views/Father.vue <template> <!-- emitEvent-Ch ......
vue文件压缩与解压-JSZip库
const downloading = ref(true); const modeldownload = (path: String) => { downloading.value = true; let path1 = "download4dtbd02?fileName=" + path; ret ......
基于buildroot connman 网络管理工具的应用
快速了解connman的使用 可以参考： https://www.jianshu.com/p/03aed25b96f7 ConnMan - ArchWiki (archlinux.org) wifi配置文件的介绍：https://man.archlinux.org/man/connman-servi ......
【Tinyui】极简跨平台桌面端小工具开发框架
Tinyui 基于 Python自带的 tkinter 模块进行简单封装的跨平台客户端框架，方便有快速开发PC端小工具需求的开发者可以快速构建一个跨平台的应用。 ......
抖音-西瓜-Tik Tok-YouTube-实时作品监控，做网创的必备工具
抖音-西瓜-Tik Tok-YouTube-实时作品监控，做网创的必备工具 那什么是监控呢？ 顾名思义就是监控原创UP主来做原创分析与分发 秒级延时 云端24小时监控更新数据 如果有更新了立马email提醒 喜欢公Z号：闲云赛道 ......
vite创建vue3项目
初始化项目 pnpm ：pnpm create vite 输入项目名称，选择前端框架，上下键选择，确定选择可直接回车进行下一项选择 选择类型，我这里选择的是tyscript类型,按下回车后便创建成功 进入cd 项目名称进入项目目录，再如果pnpm install 安装项目所需依赖 依赖安装成功后 直 ......
ENVI55扩展工具：调整波段顺序工具
1 工具介绍 提供调整波段顺序的功能，可进行手动调整波段顺序、修改输出波段、反转波段顺序等操作。 由于使用了新的用户界面接口，仅支持ENVI 5.5及以上版本。 2 工具安装 方法1：使用 ENVI App Store 进行 ENVI 扩展工具的安装与管理。 App Store 下载地址：https ......
SpringBoot2.7+VUE3如何上线一个项目
后端 打开控制端口mvn clean package 在target中生成 myblog-0.0.1-SNAPSHOT.jar 即可 前端 在终端输入npm run build后生成dist文件夹 服务器部署 在 /www/wwwroot 下新建网站文件夹，上传jar包、dist文件 新建start ......
uni-app+vue3+ts项目搭建完整流程
项目代码同步更新至码云 uni-vue3-ts-template 开发前准备 利用 uni-app 开发，有两种方法： 通过 HBuilderX 创建（需安装 HBuilderX 编辑器） 通过命令行创建（需安装 NodeJS 环境），推荐使用 vscode 编辑器 这里我们使用第2种方法，这两种方 ......
Vue3 使用Element-plus table 显示一行 需要内嵌多行数据
一、背景 业务需求 需要这种 二、实现 `` 点击查看代码 <el-table ref="singleTableRef" highlight-current-row border :data="state.personData" class="data-table" max-height="600" ......
DruidDSUtil 工具类，连接数据库，执行SQL工具类
DruidDSUtil 点击查看代码 package com.sunny.datastream.transform.utils; import com.alibaba.druid.pool.DruidDataSource; import com.alibaba.druid.pool.DruidPoo ......