前端 仓库nexus vue

Vue开发技巧:优化前端工程的构建与打包过程

Laravel是一个流行的PHP框架,它具有出色的可测试性,可以帮助开发人员在更短的时间内编写可靠的代码。但是,即使使用了这个框架,也可能会出现测试覆盖率较低的情况。测试覆盖率是指代码中已由测试案例覆盖的部分比例。测试覆盖率越高,代码质量越高。在本文中,我们将分享几种技巧,帮助您提高Laravel应 ......
前端 过程 技巧 工程 Vue

前端工程师的JavaScript开发技巧与经验分享

Laravel是一个流行的PHP框架,它具有出色的可测试性,可以帮助开发人员在更短的时间内编写可靠的代码。但是,即使使用了这个框架,也可能会出现测试覆盖率较低的情况。测试覆盖率是指代码中已由测试案例覆盖的部分比例。测试覆盖率越高,代码质量越高。在本文中,我们将分享几种技巧,帮助您提高Laravel应 ......
前端 JavaScript 工程师 经验 技巧

Vue单页面应用开发指南

Laravel是一个流行的PHP框架,它具有出色的可测试性,可以帮助开发人员在更短的时间内编写可靠的代码。但是,即使使用了这个框架,也可能会出现测试覆盖率较低的情况。测试覆盖率是指代码中已由测试案例覆盖的部分比例。测试覆盖率越高,代码质量越高。在本文中,我们将分享几种技巧,帮助您提高Laravel应 ......
应用开发 页面 指南 Vue

Vue项目部署与上线经验分享

Laravel是一个流行的PHP框架,它具有出色的可测试性,可以帮助开发人员在更短的时间内编写可靠的代码。但是,即使使用了这个框架,也可能会出现测试覆盖率较低的情况。测试覆盖率是指代码中已由测试案例覆盖的部分比例。测试覆盖率越高,代码质量越高。在本文中,我们将分享几种技巧,帮助您提高Laravel应 ......
经验 项目 Vue

掌握JavaScript中的前端工具和构建流程

Laravel是一个流行的PHP框架,它具有出色的可测试性,可以帮助开发人员在更短的时间内编写可靠的代码。但是,即使使用了这个框架,也可能会出现测试覆盖率较低的情况。测试覆盖率是指代码中已由测试案例覆盖的部分比例。测试覆盖率越高,代码质量越高。在本文中,我们将分享几种技巧,帮助您提高Laravel应 ......
前端 JavaScript 流程 工具

[Vue]mixin混合/混入

可以把多个组件共用的配置提取成一个混入对象,提高复用率。 mixin是一个js文件,可自定义命名。 mixin.js import { DICT_TYPE, getDictDatas } from "@/utils/dict"; export default { data() { return { ......
mixin Vue

vue2和vue3的区别?

vue2和vue3的区别? 1. 双向数据绑定原理不同。 vue2利用Object.defineProperty()实现数据劫持,结合发布订阅模式实现。 vue3利用proxy实现数据代理。 2. 是否支持碎片 vue2模板中只能有一个根节点。 vue3中可以有多个根节点。 3. API类型不同 v ......
vue vue2 vue3

前端系列:基于 Flex 弹性布局详解

目录基本介绍基本概念父项常见属性flex-directionjustify-contentflex-wrapalign-itemsalign-contentflex-flow子项常见属性flexalign-selforderflex-growflex-shrinkflex-basis 基本介绍 布局 ......
前端 弹性 布局 Flex

Vue_入门——???03_days

上节回顾: 前端发展 -vue,react -uni-app 》多处编译 # 1 vue 介绍 -读 view ,渐进式框架 -版本:2.x 3.x 3完全兼容2的写法 -组合式api -配置项api:目前学的 new Vue({ el:'#app', data:{}, methods:{} }) ......
days Vue 03

禁止调试前端代码,不要看我的代码!

禁止调试前端代码,不要看我的代码 <script> // 禁止调试前端代码 (() => { function block() { if (window.outerHeight - window.innerHeight > 200 || window.outerWidth - window.inne ......
代码 前端

springboot项目前端传递了某个参数,但是后端获取值为null

从浏览器的payload中可以看出前端请求的方式是text还是form提交 1、前端如果提交方式为text,将参数绑定到对象的时候需要用到@Request注解,才能进行绑定,否则获取的值一直为null; import org.springframework.web.bind.annotation.* ......
前端 springboot 参数 项目 null

vue动态路由

export default { setRouters() { let menuList = [ { path: "/index", name: "index", component: "index", }, { path: "/user", name: "user", component: "us ......
路由 动态 vue

vue——过滤案例

第一步:定义一个id为app的div <div id="app"> <h1>过滤案例</h1> // 绑定input事件、记录用户输入数据search <input type="text" v-model="search" @input="handleSearch"> <ul> // 循环过滤后的列 ......
案例 vue

docker直接运行vue3源代码npm run dev

​有套代码,需要在服务器直接run dev,docker build玩起来。 步骤: 将自己的代码上传到服务器,本例:/home/flow/ruoyi-ui cd到项目根目录 ruoyi-ui,新建Dockerfile,内容如下,根据自己本地运行的node版本改第一行版本号。 FROM node:1 ......
源代码 docker vue3 dev vue

2D动画软件对比,快速接入前端/游戏引擎

点击蓝字链接查看runtime/SDK详情 runtime 前端UI 游戏引擎 工作流 导出 特色功能 限制 定价 spine JS/TS, Flutter, webGL/Canvas/webPlayer, C/C++/C#/Java UE, Unity, Godot 客户端 .json, .ske ......
前端 引擎 动画 软件

vue3 打印

下载依赖 npm install vue3-print-nb --save main.js引入 import print from 'vue3-print-nb' 挂载 app.use(print); 自己写的额弹框表格 <el-dialog title="打印当前页面" v-model="dial ......
vue3 vue

创建vue项目

1:根据自己的需求,在对应的路径,输入cmd,如下图 2:在cmd里面输入:vue ui,如下图: 3:点击create,开始创建vue项目 4:点击Create a new project here,开始创建项目,详细操作如下图: 注意:在创建项目的时候,系统给了3种方式创建项目。 ①:默认创建操 ......
项目 vue

vue实现虚拟滚动(面试题:后端给你十万条数据,你怎么处理?)

<template> <div class="viewport" @scroll="scroll"> <div class="list-phantom" :style="{height: totalHeight+'px'}"></div> <div class="list-area" :style= ......
万条 数据 vue

公共仓库元模型(CWM)(转)

转自:https://www.jianshu.com/p/21207b50084a 一、什么是CWM? 在我们学习一个新东西时,首先得弄懂明白它是用来干什么的?然后通过实例与理论交错学习,CWM——Common Warehouse Metamodel, 很明显翻译过来时公共仓库元模型,CWM的提出主 ......
仓库 模型 CWM

vue5

本文围绕一个小型项目展开。 export interface Student{ id: string, name: string, grade: number, score: number, } // src/views/Father.vue <template> <!-- emitEvent-Ch ......
vue5 vue

vue文件压缩与解压-JSZip库

const downloading = ref(true); const modeldownload = (path: String) => { downloading.value = true; let path1 = "download4dtbd02?fileName=" + path; ret ......
文件 JSZip vue

Linux Debian12将本地项目上传到码云(gitee)远程仓库

一、注册码云gitee账号 这个可以参考其他教程,本文不做介绍。 gitee官网:https://gitee.com/ 二、Linux Debian12安装git 如果Linux系统没有安装git,可以使用下面命令安装git sudo apt install git 三、gitee新建仓库 我这只做 ......
仓库 项目 Debian Linux gitee

Linux Debian12使用git将本地项目打标签、创建分支和分支合并到master再上传到码云(gitee)远程仓库

一、git创建分支并克隆指定分支到本地 gitee官网:https://gitee.com/ 登录上gitee账号,我这用test仓库作测试。新建分支名称为develop,分支起点选择master,创建即可,如下图所示: 使用git管理代码版本时,本地分支默认与远程同名分支建立追踪关系。git cl ......
分支 仓库 标签 项目 Debian

vite创建vue3项目

初始化项目 pnpm :pnpm create vite 输入项目名称,选择前端框架,上下键选择,确定选择可直接回车进行下一项选择 选择类型,我这里选择的是tyscript类型,按下回车后便创建成功 进入cd 项目名称进入项目目录,再如果pnpm install 安装项目所需依赖 依赖安装成功后 直 ......
项目 vite vue3 vue

前端rewrite规则对应nginx代理如何配置

案例1: 前端域名:sit-meta-xxx.com 前端代理规则: proxy: { '/api': { target: 'http://192.168.26.56:8888/api/v1', changeOrigin: true, rewrite: (path) => path.replace( ......
前端 规则 rewrite nginx

SpringBoot2.7+VUE3如何上线一个项目

后端 打开控制端口mvn clean package 在target中生成 myblog-0.0.1-SNAPSHOT.jar 即可 前端 在终端输入npm run build后生成dist文件夹 服务器部署 在 /www/wwwroot 下新建网站文件夹,上传jar包、dist文件 新建start ......
SpringBoot2 SpringBoot 项目 VUE3 VUE

uni-app+vue3+ts项目搭建完整流程

项目代码同步更新至码云 uni-vue3-ts-template 开发前准备 利用 uni-app 开发,有两种方法: 通过 HBuilderX 创建(需安装 HBuilderX 编辑器) 通过命令行创建(需安装 NodeJS 环境),推荐使用 vscode 编辑器 这里我们使用第2种方法,这两种方 ......
流程 uni-app 项目 vue3 uni

Vue3 使用Element-plus table 显示一行 需要内嵌多行数据

一、背景 业务需求 需要这种 二、实现 `` 点击查看代码 <el-table ref="singleTableRef" highlight-current-row border :data="state.personData" class="data-table" max-height="600" ......
Element-plus 一行 Element 数据 table

vue3实现H5网页录音并上传(mp3、wav)兼容Android、iOS和PC端

使用 Recorder插件 可以在HTML5网页中进行录音,录音完成后得到blob文件对象,然后将blob上传到服务器;项目使用的vue3.0版本(这个插件同时支持vue2.0、也支持uniapp,很强!!),录音过程中会显示可视化波形,同时能够做到兼容PC端、Android、和iOS,一次编码 到 ......
Android 网页 vue3 vue mp3

[Vue]内置指令

常用内置指令: v-bind 单向绑定解析表达式,可简写为 : v-model 双向数据绑定 v-for 遍历数组 / 对象 / 字符串 v-on 绑定事件监听,可简写为 @ v-show 条件渲染 (动态控制节点是否展示) v-if 条件渲染(动态控制节点是否存存在) v-else-if 条件渲染 ......
指令 Vue
共8700篇  :6/290页 首页上一页6下一页尾页