模块import 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

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

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

maven 多模块项目的测试覆盖率分析 - jacoco 聚合分析

前言 对于大多数 maven 多模块化工程,可以使用 Jacoco 这款工具,关于 Jacoco 这款工具,ChatGPT 对它的描述是这样的: JaCoCo(Java Code Coverage)是一个开源的测试覆盖率工具,它可以用于帮助开发人员衡量其软件测试的有效性。它支持多种语言,包括 Jav ......
覆盖率 模块 项目 jacoco maven

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

Masa Framework源码解读-02缓存模块(分布式缓存进阶之多级缓存)

序言 ​ 今天这篇文章来看看Masa Framework的缓存设计,上一篇文章中说到的MasaFactory的应用也会在这章节出现。文章中如有错误之处还请指点,咱们话不多说,直入主题。 Masa Framework缓存简介 MASA Framework源码地址:https://github.com/ ......
缓存 分布式 Framework 源码 模块

【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

Cesium渲染模块之VAO

1. 引言 Cesium是一款三维地球和地图可视化开源JavaScript库,使用WebGL来进行硬件加速图形,使用时不需要任何插件支持,基于Apache2.0许可的开源程序,可以免费用于商业和非商业用途 Cesium官网:Cesium: The Platform for 3D Geospatial ......
模块 Cesium VAO

Cesium渲染模块之Shader

1. 引言 Cesium是一款三维地球和地图可视化开源JavaScript库,使用WebGL来进行硬件加速图形,使用时不需要任何插件支持,基于Apache2.0许可的开源程序,可以免费用于商业和非商业用途 Cesium官网:Cesium: The Platform for 3D Geospatial ......
模块 Cesium Shader

Cesium渲染模块之Command

1. 引言 Cesium是一款三维地球和地图可视化开源JavaScript库,使用WebGL来进行硬件加速图形,使用时不需要任何插件支持,基于Apache2.0许可的开源程序,可以免费用于商业和非商业用途 Cesium官网:Cesium: The Platform for 3D Geospatial ......
模块 Command Cesium

【SpringBoot】还不会SpringBoot项目模块分层?来这手把手教你

前言 🍊缘由 经常看到网上很多优秀的开源项目中,代码简洁,模块分层完美。反观自己代码层级混乱,,却不知如何整理分层。此文手把手教你一步一步创建模块,左手右手一个慢动作。结合本人实际开发及个人项目中分层思路的分享,大神请勿喷。 ⏲️本文阅读时长 约25分钟 🎯主要目标 熟练掌握SpringBoot ......
SpringBoot 模块 项目

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

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

初识Node和内置模块

初识Node与内置模块 概述:了解Node.js,熟悉内置模块:fs模块、path模块、http模块 初识Node.js 浏览器中的JavaScript运行环境 运行环境是指代码正常运行所需的必要环境 对于Chrome浏览器运行环境=V8引擎+内置API(DOM、BOM等) V8引擎负责解析和执行J ......
模块 Node

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

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

requests模块

爬虫是什么?;爬虫就是程序 >从互联网中,各个网站上,爬取数据【前提是:你能浏览的页面才能爬】,做数据清洗,保存到数据库的过程。 爬虫本质:模拟方式发送http请求、然后获取数据、再做数据清洗、最后保存到数据库 爬虫的重点:如何发送http请求?如何解析数据? 本篇爬虫知识主要包括(不会一次性写完, ......
模块 requests

IDEA: 如何导入项目模块 以及 将 Java程序打包 JAR 详细步骤

IDEA: 如何导入项目模块 以及 将 Java程序打包 JAR 详细步骤 、 @ IDEA 导入项目模块 Module 一. 创建一个空项目 想要导入模块 Module ,我们需要先创建一个项目,因为 Module模块在 IDEA 中是存在于项目下的。 这里我们先创建一个空项目,当然已经有项目了, ......
模块 步骤 程序 项目 IDEA

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

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

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

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

vivo官网App模块化开发方案-ModularDevTool

作者:vivo 互联网客户端团队- Wang Zhenyu 本文主要讲述了Android客户端模块化开发的痛点及解决方案,详细讲解了方案的实现思路和具体实现方法。 说明:本工具基于vivo互联网客户端团队内部开源的编译管理工具开发。 一、背景 现在客户端的业务越来越多,大部分客户端工程都采用模块化的 ......
ModularDevTool 模块 方案 vivo App

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

【Vue】计算属性 监听属性 组件通信 动态组件 插槽 vue-cli脚手架

昨日回顾 # 1 checkbox v-model 只针对于input,做双向数据绑定 -单选 :选中或不选中 选中就是true,不选中就是false -多选 :数组,选了多个,把选中的value值放到数组中 # 2 购物车案例 -checkbox 多选 -插值 可以放 函数() 把函数返回结果放在 ......
组件 属性 脚手架 vue-cli 动态

【Vue】style和class 列表渲染 使用v-for进行循环 监控失效 双向数据绑定 过滤案例 事件修饰符

昨日回顾 # 1 前端发展历史 -vue react -谷歌flutter,Dart语言 -uni-app:小公司 -vue: 3.x 2.x -3.x :ts -2.x :js # 2 vue: -渐进式 -MVVM: M层:model,数据层,js V层:view,视图层,html,css VM ......
双向 案例 事件 数据 style

Vue 关键概念介绍

Vue现在已经迭代到 3+ 版本,阅读官方文档的过程中发现作者的一些理念和思路很合我口味,很多概念与方案都是基于解决实际问题提出并实现的,且在权衡利弊后勇于打破常规,比如如何看待关注点分离?。可见,Vue 之所以流行,不单单因为作者是国人,更应该是由于 Vue 作为新一代的解决方案提升了前端编程的体 ......
概念 关键 Vue

Vue急速入门-5

vue-cli创建项目 前端工程化,项目>>>(vue-cli),创建处vue项目,单页面应用(spa) vue-cli创建项目开发,在项目中开发,最后上线,一定要编译 '纯粹的html,js,css' vue-cli工具由于是nodejs编写的,所以我们需要node安装环境1.下载node解释器 ......
Vue

Vue学习:实现用户没有登陆时,访问后自动跳转登录页面

设计思路 定义路由的时候配置属性,这里使用needLogin标记访问页面是否需要登录 设置路由守卫,每个页面在跳转之前都要经过验证,校验用户信息是否存在,不存在跳转到登录页 用户登录后将用户信息存储在localStorage 退出登录后,将用户信息清空 代码实现 1、router文件夹的index. ......
页面 用户 Vue