控件vue大部分vue3

在Vue3+TypeScript 前端项目中使用事件总线Mitt

事件总线Mitt使用非常简单,本篇随笔介绍在Vue3+TypeScript 前端项目中使用的一些场景和思路。我们在Vue 的项目中,经常会通过emits 触发事件来通知组件或者页面进行相应的处理,不过我们使用事件总线Mitt来操作一些事件的处理,也是非常方便的。 ......
前端 总线 TypeScript 事件 项目

在Winform分页控件中集成导出PDF文档的功能

当前的Winform分页控件中,当前导出的数据一般使用Excel来处理,Excel的文档可以用于后期的数据展示或者批量导入做准备,因此是比较好的输入输出格式。但是有框架的使用客户希望分页控件能够直接导出PDF,虽然Excel也可以直接转换为PDF,不过直接导出PDF的处理肯定更加方便直观。因此整理了... ......
控件 Winform 功能 文档 PDF

(原创)【B4A】一步一步入门08:ListView,列表、单行、双行、双行带图片、列表项样式(控件篇04)

一、前言 本篇教程,我们来讲一下常用的控件:ListView(列表控件)。 目前官方已经不推荐使用默认的ListView控件,而是推荐另一款功能更强大的ListView:xCustomListView。不过ListView控件仍是自带的默认ListView,在使用上简单方便,多数时候是足够使用的。 ......
控件 样式 ListView 图片 B4A

maui BlazorWebView+本地html (vue、uniapp等都可以) 接入支付宝sdk 进行支付宝支付 开发 Android app

首先添加支付宝sdk的绑定库 nuget 包:Chi.MauiBinding.Android.AliPay 项目地址:https://github.com/realZhangChi/MauiBinding 新建maui Blazor应用,在根目录创建一个静态类PublicMethods.cs (类名 ......
BlazorWebView Android uniapp maui html

屎上最全vue-pdf+Springboot与aspose-words整合,开箱即用

前言 ⏲️本文阅读时长:约10分钟 🎯主要目标: 1.实现Springboot与aspose-words整合,填充word模板并转化PDF; 2.前端vue整合vue-pdf实现PDF预览及下载 word模板重点(详见图示) 1.单属性赋值 2.List循环赋值 3.图片插入 4.对勾特殊符号插入 ......
aspose-words Springboot vue-pdf aspose words

万字血书Vue—Vue语法

模板语法 插值语法 Mustache插值采用{{ }},用于解析标签体内容,将Vue实例中的数据插入DOM中 <h1>Hello {{name}}</h1> 指令语法 指令用于解析标签,是vue为开发者提供的一套模板语法,辅助开发者渲染页面的基本结构。 (指令是vue开发中最基础、最常用、最简单的知 ......
血书 语法 Vue

万字血书Vue—路由

多个路由通过路由器进行管理。 前端路由的概念和原理 (编程中的)路由(router)就是一组key-value对应关系,分为:后端路由和前端路由 后端路由指的是:请求方式、请求地址和function处理函数之间的对应关系 在SPA程序中,所有组件的展示和切换都在这唯一的一个页面内完成,此时,不同组件 ......
血书 路由 Vue

详解uniapp和vue在路由方面的不同和联系

Uniapp 和 Vue 在路由方面有相似之处,因为 Uniapp 是基于 Vue 的。Uniapp 的路由系统是通过 Vue Router 实现的,因此两者有许多相同的概念和 API。 相同点: 都支持基于 URL 的路由; 都可以使用嵌套路由来管理多个页面之间的关系; 都支持路由参数和查询参数的 ......
路由 方面 uniapp vue

从0搭建Vue3组件库(四): 如何开发一个组件

本篇文章将介绍如何在组件库中开发一个组件,其中包括 如何本地实时调试组件 如何让组件库支持全局引入 如何在 setup 语法糖下给组件命名 如何开发一个组件 目录结构 在packages目录下新建components和utils两个包,其中components就是我们组件存放的位置,而utils包则 ......
组件 Vue3 Vue

从0搭建Vue3组件库(五): 如何使用Vite打包组件库

本篇文章将介绍如何使用 vite 打包我们的组件库,同时告诉大家如何使用插件让打包后的文件自动生成声明文件(*.d.ts) 打包配置 vite 专门提供了库模式的打包方式,配置其实非常简单,首先全局安装 vite 以及@vitejs/plugin-vue pnpm add vite @vitejs/ ......
组件 Vue3 Vite Vue

从0搭建Vue3组件库(六):前端流程化控制工具gulp的使用

前言 随着前端诸如webpack,rollup,vite的发展,gulp感觉似乎好像被取代了。其实并没有,只不过它从台前退居到了幕后。我们仍然可以在很多项目中看到它的身影,比如elementplus、vant等。现在gulp更多的是做流程化的控制。 比如我们要把一个大象放进冰箱里就需要 打开冰箱门- ......
前端 组件 流程 工具 Vue3

从0搭建Vue3组件库(二):Monorepo项目搭建

本篇文章是从0搭建Vue3组件库系列文章第二篇,本篇文章将带领大家使用pnpm搭建一个简单的Monorepo项目,并完成包的关联与测试 什么是 Monorepo 其实很简单,就是一个代码库里包含很多的项目,而这些项目虽然是相关联的,但是在逻辑上是独立的,可以由不同人或者团队来维护 为什么要用 pnp ......
组件 Monorepo 项目 Vue3 Vue

从0搭建Vue3组件库(三): 组件库的环境配置

本篇文章将在项目中引入 typescript,以及手动搭建一个用于测试组件库组件 Vue3 项目 因为我们是使用 Vite+Ts 开发的是 Vue3 组件库,所以我们需要安装 typescript、vue3,同时项目将采用 Less 进行组件库样式的管理 pnpm add vue@next type ......
组件 环境 Vue3 Vue

【MySQL速通篇001】5000字吃透MySQL部分重要知识点

MySQL主键和外键知识点 | 主键的概念 | 主键的创建 | desc 表名 | show create table 表名; | 自增列起 始值设置 | 设置自增列初始值语句 | 自增列步长设置 | 唯一索引知识点 | 创建唯一索引的方式 | 外键变种 详细知识点 | 什么是外键变种 | 外键变种... ......
通篇 MySQL 知识点 部分 知识

[WinUI 3] 如何利用 D3D11 在 SwapChainPanel 控件上绘制 OpenGL(UWP通用)

预览 技术实现 看过我上篇在 WPF 中实现 OpenGL 与 D3D 渲染的同学应该知道,我是依靠 WGL 中 WGL_NV_DX_interop 扩展与 D3D Surface 关联并在使用该 Surface 实现渲染。 所以我们这次实现也是如此,但与 WPF 不同的是 WinUI 支持 D3D ......
SwapChainPanel 控件 OpenGL WinUI D3D11

vue项目PC端如何适配不同分辨率屏幕

闲聊: 年前小颖第一家公司同事问我有做过pc端适配的项目吗,我给妹纸说了下,结果发现没说完,自己当时也没想起来,今天干脆总结下,方便自己和大家日后查看 第一步: 安装postcss-px2rem、px2rem-loader 打开命令行工具,输入以下指令安装插件 npm install postcss ......
分辨率 屏幕 项目 vue

ve-plus:基于 vue3.x 桌面端UI组件库|vue3组件库

VE-Plus 自研轻量级 vue3.js 桌面pc端UI组件库 经过一个多月的筹划及开发,今天给大家带来一款全新的Vue3桌面端UI组件库VEPlus。新增了35+常用的组件,采用vue3 setup语法糖开发,在使用上和element-ui比较类似,极易快速上手。 ve-plus 致力数据驱动视 ......
组件 vue3 vue 桌面 ve-plus

基于NUXT.JS搭建一款VUE版SSR前端框架(解决SPA应用的SEO优化优化问题)

本文档是从官网文档中摘录的一些重点内容,以及加入了自己的一些调整和对官网内容的理解和解释。适合新手学习,有一定技术水平的宝子,建议直接查看 [NUXT英文官网] ......
前端 框架 问题 NUXT VUE

【django-vue】封装logger 封装全局异常 封装response 数据库配置 用户表继承AbstractUser配置

上节回顾 这是一个django-Vue前后端分离的项目(视频网站) # 1 企业软件类型 -商城类 -公司内部: -业务 -RBAC权限管理 # 2 软件开发流程 -你的工作流程 # 3 pip换源 :国内镜像 -命令行中 -pycharm中 # 4 虚拟环境: -每个项目有自己的环境 -虚拟环境: ......

maui BlazorWebView+本地html (vue、uniapp等都可以) 接入微信sdk 开发 Android app

之前没接触过Android maui 开发,这几天刚摸索,有些不合理的地方欢迎指出。 首先添加微信sdk的绑定库 nuget 包:Chi.MauiBinding.Android.WeChat 项目地址:https://github.com/realZhangChi/MauiBinding 在项目目录 ......
BlazorWebView Android uniapp maui html

在教学中常被问到的几个vue3.x与typescript的问题,统一解答

在教学当中,学生在学习vue3.x时,常常会问到typescript和vue3.x之间的关系,感觉这两个技术总是绑在一起的,下面老赵来统一解答一下: 那学vue3.x,为什么要求也要掌握typescript Vue 3.x是一个使用TypeScript编写的库,它内置了对TypeScript的支持, ......
typescript 教学 问题 vue3 vue

(原创)【B4A】一步一步入门05:控件、公有属性、水平锚定、垂直锚定(控件篇01)

一、前言 前面的教程,已经完整讲述了用B4A开发安卓APP从新建项目到编译发布的完整流程。从本篇开始,我们将会从B4A的细节处着手,一步一步掌握B4A。 从本篇开始的子系列为“控件篇”系列,本系列将从日常使用的角度出发,着重讲一些控件的常用方式及特殊用法。 本篇是“控件篇”的第一篇,主要讲解“控件” ......
控件 属性 水平 B4A B4

(原创)【B4A】一步一步入门06:Button,背景图片、渐变、圆角、FontAwesome(控件篇02)

一、前言 本篇教程,我们来讲一下最常用的控件:Button(按钮)。 本篇教程将会讲解按钮的文本样式、背景样式,以及诸如FontAwesome、圆角等如何设置。 相信看完的你,一定会有所收获! 本文地址:https://www.cnblogs.com/lesliexin/p/17185756.htm ......

(原创)【B4A】一步一步入门07:EditText,文本框、密码框、键盘样式、提示文本(控件篇03)

一、前言 本篇教程,我们来讲一下常用的控件:EditText(文本输入框)。 本篇教程将会讲解文本框的基本使用,如:提示文本、密码文本、键盘样式等。 相信看完的你,一定会有所收获! 本文地址:https://www.cnblogs.com/lesliexin/p/17213169.html 二、 属 ......
文本 控件 样式 EditText 键盘

在Vue中体验LeanCloud无后台轻量级数据存储服务

作为一个前端开发小伙伴,你在做一款自己的App、小程序或H5网页时如果需要存储列表数据你是怎么做的,自学后端编程搞一套?部署服务还需要花服务器的钱,不能盈利的个人小项目肯定是不合适的,其实各种平台有提供一些 ServerLess 云服务,微信小程序的云开发、Uniapp的UniCloud及其早年在做... ......
轻量 轻量级 LeanCloud 数据 Vue

使用 Vue 3 时应避免的 10 个错误

Vue 3已经稳定了相当长一段时间了。许多代码库都在生产环境中使用它,其他人最终都将不得不迁移到Vue 3。我现在有机会使用它并记录了我的错误,下面这些错误你可能想要避免。 使用Reactive声明原始值 数据声明在过去都是非常直接的,但是现在有很多帮助函数供我们使用。目前的规则是: 使用react ......
错误 Vue 10

拥抱下一代前端工具链-Vue老项目迁移Vite探索

随着项目的不断维护,代码越来越多,项目越来越大,决定将老项目迁移至vite。本文介绍了Vue老项目像Vite迁移的过程、遇到的问题以及经验总结。 ......
前端 下一代 工具 项目 Vite

Vue3 企业级优雅实战 - 组件库框架 - 12 发布开源组件库

前面使用了 11 篇文章分享基于 vue3 、Monorepo 的组件库工程完整四件套(组件库、文档、example、cli)的开发、构建及组件库的发布。本文属于这 11 篇文章的扩展 —— 如何发布到 GitHub 上以及如何快速利用 GitHub 发布组件库文档。这样优雅哥的《组件库框架》系列便 ......
组件 实战 框架 企业 Vue3

vue项目优化

技术选择 : 选一个好的技术当然会快许多 我选择的是vue3 它的tree shaking 确实可以让打包后的体积小很多 CDN加速: index页面中加入请求连接 <!-- vue 引入cdn --> <script src="https://cdn.bootcdn.net/ajax/libs/v ......
项目 vue

【Vue】vue项目目录介绍 es6的导入导出语法 vue项目开发规范 Vue项目编写步骤

昨日回顾 # 1 计算属性 -属性放在data配置项中,方法放在methods中 -computed:{ 方法名(){} } -把它当属性用,缓存:只有当该计算属性使用的变量发生变化时,它才重新运算 # 2 重写过滤案例 - 通过计算属性,重写过滤案例 -newDataList做成计算属性,v-fo ......
项目 项目开发 语法 Vue vue