Vue进阶之Vue项目实战（四）
Vue项目实战
- 出码功能
- 知识介绍
- 渲染器
- 性能调优
- 使用 vue devtools 进行分析
- 使用“渲染”进行分析
- 判断打包构建的产物是否符合预期
- 安装插件
- 使用位置
- 使用
- 过程
- 使用lighthouse分析页面加载情况
- 使用performance分析页面加载情况
- 应用自动化部署与发布CI/CD
- 常见的CI/CD服务
出码功能
出码->1、直接序列化JSON 2、直接出代码code
出包->不需要将代码进行输出，只需要在对应的编辑器中间，编排引擎中间将对应的逻辑编排出来生成页面，点击发布就能一键将所有编排内容发布到公网上面进行访问。
知识介绍
- 编辑器 -> 管理端
发布上线 ->应用端 - 但是一般很多公司产品的管理端和应用端结合，进行高度复用。
这是因为，在管理端进行拖拽的时候，是比较消耗性能的，要更好的考虑性能，所以很多产品都会用 canvas，用画布的形式画、绘制 对齐的网格线，或者编排过程中的辅助线；但是在渲染过程中，在应用端是没有任何的辅助线和网格线，所以一般将管理端和应用端分开考虑。管理端和应用端中间的联系一般是组件的复用，但是在页面中，编排引擎，渲染器方面，他们俩不是高度复用
国外非常厉害的低代码平台：illa
对标产品：retool
将无代码往深入了做，就会涉及到低代码，低代码中需要做运行沙箱，运行式环境（微前端中具备）【qiankun】
渲染器
- 渲染器 - 管理端(做编排)和应用端两端内容做抽象，管理端点击“部署”后，就到了应用端。
- 管理端 - 编排引擎；应用端 - 渲染器
- router
- layout
- 管理端的渲染 PageLayoutView
- 左中右模型
- AppLeftPanel
- AppEditorRenderer
- LaptopPreviewer - 预览器
- MobilePreviewer
- 左中右模型
- 管理端的渲染 PageLayoutView
- layout
相关文章：
Vue进阶之Vue项目实战（四）
Vue项目实战 出码功能知识介绍渲染器性能调优使用 vue devtools 进行分析使用“渲染”进行分析判断打包构建的产物是否符合预期安装插件使用位置使用过程使用lighthouse分析页面加载情况使用performance分析页面加载情况应用自动化部署与发布CI/CD常见的CI/CD服务出码功能 出码…...
fix leakage脚本
芯片的PPA追求是无止境的，因而在修时序的过程中我们需要对设计修复leakage，降低芯片的静态功耗。 以下分享一个典型的leakage脚本 set design 1 set version "V1" set date [exec date %m%d%H%M] set working_directory ${design}_${version}…...
MySQL中视图是什么，有什么作用
目录 一、视图的简介 1.1 什么是视图？ 1.2 为什么使用视图？ 1.3 视图有哪些规则与限制？ 1.4 视图能否更新？ 二、视图的创建 三、视图的作用 3.1 用视图简化复杂的联结 3.2 用视图格式化检索出的数据 3.3 用视图过滤数据…...
【面试题】JavaScript基础高频面试（下）
10、Javascript 闭包是什么,闭包形成的原因和闭包的用途 ？ 闭包（Closure）是 JavaScript 中的一个非常重要的概念。简单地说，闭包就是一个函数能够访问另一个函数的作用域。这是因为在 JavaScript 中，函数是一等公民&a…...
对于个人而言，大数据时代如何更好地管理自己的信息？
在大数据时代，管理个人信息变得尤为重要。以下是几个建议来更好地管理个人信息： 认识和了解自己的数字足迹：了解自己在互联网上的活动，包括浏览历史、社交媒体和在线购物数据等。通过查阅自己的帐户设置和隐私选项，可以…...
oj项目后端分析
1.菜单管理 我们菜单管理有菜单表(sys_menu)，还有用户角色表（sys_role），菜单表是用于管理我们用户所拥有的权限，不同的用户所看到的页面是不一样的，由于一些用户他能够看到题库管理和考题管理，还…...
书籍学习|基于SprinBoot+vue的书籍学习平台(源码+数据库+文档)
书籍学习平台 目录 基于SprinBootvue的书籍学习平台 一、前言 二、系统设计 三、系统功能设计 1平台功能模块 2后台功能模块 5.2.1管理员功能模块 5.2.2用户功能模块 5.2.3作者功能模块 四、数据库设计 五、核心代码 六、论文参考 七、最新计算机毕设选题推荐 …...
AI学习指南数学工具篇-MATLAB中的凸优化工具
AI学习指南数学工具篇-MATLAB中的凸优化工具 在人工智能领域，凸优化是一个非常重要的数学工具，它在机器学习、深度学习、数据分析等领域都有着广泛的应用。而MATLAB作为一款强大的数学工具软件，提供了丰富的凸优化工具和函数，为用…...
散户如何参与期权交易？
期权就是股票，唯一区别标的物上证指数，会看大盘吧，期权交易两个方向认购做多，认沽做空，双向t0交易没了，期权交易跟期货一样，对的，玩的也是合约，唯一区别没有保证金不会爆…...
Unity Apple Vision Pro 开发（一）：开发前期准备【软硬件要求 | 开发者模式 | 无线调试打包】
文章目录 📕教程说明📕硬件要求📕软件要求⭐Xcode 15.2 及以上⭐visionOS 1.0 (21N301) SDK 或者更高版本⭐Unity 2022 LTS for Apple Silicon (2022.3.18f1及以上的版本)⭐Unity Pro/Unity Enterprise/Unity Industry的授权许可证 …...
IGMP——组播成员端网络协议
目录 一.IGMP基本概念 （1）组播转发困境 （2）感知组播成员方式 （3）IGMP版本 二.IGMP各版本的区别与联系 （1）IGMPV1 1.普遍组查询报文 2.成员关系报告报文 3.IGMPV1报文格式 4…...
Java break细节(标签)
Java break细节(标签)continue也可以使用标签 break是用来跳出循环的。 当有多重循环时，可以配合标签来使用，决定跳出那一重循环。 尽量不要使用标签 1、不代标签时，默认跳出 break 所在的那重循环： 可见在 i 3 时࿰…...
远程户外监控组网方案，工业4G路由器ZR2000
户外监控无人值守4G工业路由器组网应用涉及工业自动化、数据传输和远程监控的重要领域。在户外没有光纤的情况下，想要让监控或传感器等设备联网，仅需一台4G工业路由器即可解决。以下是关于远程监控户外组网的详细分析与应用： 物联网应用场景 …...
K8S集群中Yaml文件详解
目录 一、Yaml概述 二、Yaml基本语法 三、Yaml数据结构 四、K8S资源清单描述方法 五、api资源版本标签 六、Yaml文件示例详解 1.deployment.yaml文件详解 2.Pod yaml文件详解 3.Service yaml文件详解 七、Yaml文件相关操作 1.试运行 2.生成yaml格式 3.生成json格式…...
git-将老项目的分支推送到新项目的新分支上
1.克隆新项目：首先，将新项目的仓库克隆到本地。使用以下命令将新项目克隆到本地： git clone <新项目的仓库地址> 2.进入新项目目录：进入新项目的目录，使用以下命令： cd <新项目目录> 3.添加旧项…...
Unity之如何使用Localization来实现文本+资源多语言
前言 使用Unity实现本地化（Localization）功能 在当今的游戏开发中，支持多语言已成为一项基本需求。Unity作为主流的游戏开发引擎，提供了强大的本地化工具，使开发者能够方便地为游戏添加多语言支持。本文将介绍如何在U…...
ESP32 实时人脸检测系统：ESP32 与上位机通信（microPython框架）
实时人脸检测系统：ESP32 与上位机通信 在这篇博客中，我将介绍如何使用 ESP32 摄像头捕获图像，并通过 UDP 协议将图像传输到上位机进行实时人脸检测。我们将使用 Python 编程语言和 OpenCV 库来实现上位机端的人脸检测功能。 硬件与软件准备…...
Paddle 0-d Tensor 使用指南
Paddle 0-d Tensor 使用指南 1. 0-d Tensor 的定义 在深度学习框架中，Tensor 是存储和操作数据的基本数据结构。一个 Tensor 可以有 0 到任意多的维度,每个维度对应一个 shape 值。而 0-d Tensor，顾名思义，就是一个无任何维度的 Tensor&…...
Collection（一）[集合体系]
说明：Collection代表单列集合，每个元素（数据）只包含一个值。 Collection集合体系： Collection<E> 接口 (一）List<E> 接口 说明：添加的元素是有序、可重复、有索引。 1. ArrayLi…...
58. 最后一个单词的长度
Show me the code class Solution {func lengthOfLastWord(_ s: String) -> Int {s.trimmingCharacters(in: .whitespacesAndNewlines).components(separatedBy: CharacterSet.whitespaces).last?.count ?? 0} }注意点 // print: ["", "", "&…...
深入理解ECMAScript：JavaScript的规范与实践
引言 在当今的Web开发领域，JavaScript几乎无处不在。它不仅在客户端编程中占据主导地位，而且在服务器端（Node.js）和移动应用开发中也越来越受欢迎。然而，JavaScript的核心并非由单一的公司或组织控制，而是…...
【深度学习】Transformer梳理
零、前言 对于transformer，网上的教程使用记号、术语不一 。 最关键的一点，网上各种图的简化程度不一 （画个图怎么能这么偷懒） ，所以我打算自己手画一次图。 看到的最和善（但是不是那么靠谱，我…...
C语言 | Leetcode C语言题解之第118题杨辉三角
题目： 题解： int** generate(int numRows, int* returnSize, int** returnColumnSizes) {int** ret malloc(sizeof(int*) * numRows);*returnSize numRows;*returnColumnSizes malloc(sizeof(int) * numRows);for (int i 0; i < numRows; i) {re…...
以太坊钱包
以太坊钱包是你通往以太坊系统的门户。它拥有你的密钥，并且可以代表你创建和广播交易。选择一个以太坊钱包可能很困难，因为有很多不同功能和设计选择。有些更适合初学者，有些更适合专家。即使你现在选择一个你喜欢的，你可能会决定…...
Vue 怎么定义插件以及使用这个插件
Vue.js插件是一种增强Vue功能的方式，它允许你向Vue中添加全局功能，比如全局方法、指令、过滤器、混入等 创建Vue插件 export default {install(Vue, options) {// 添加全局方法或属性Vue.myGlobalMethod function() {console.log(全局方法调用, optio…...
SQL2017附加从其他电脑复制过来的mdf数据后出现【只读】无法写入数据
1. 尝试给它所在的文件夹的属性中的“只读”去勾，无果。 2. 其他文章提示是文件的问题。 该错误为文件权限错误，找到该数据库的 数据库文件 和 日志文件，在安全中添加 Authenticated Users 用户的权限，并设置 “完全控制”...
Python轴承故障诊断 (21)基于VMD-CNN-BiTCN的创新诊断模型
往期精彩内容： Python-凯斯西储大学（CWRU）轴承数据解读与分类处理 Python轴承故障诊断入门教学-CSDN博客 Python轴承故障诊断 (13)基于故障信号特征提取的超强机器学习识别模型-CSDN博客 Python轴承故障诊断 (14)高创新故障识别模型-CSDN…...
如何运行大模型
简介 要想了解一个模型的效果，对模型进行一些评测，或去评估是否能解决业务问题时，首要任务是如何将模型跑起来。目前有较多方式运行模型，提供client或者http能力。 名词解释 浮点数表示法 一个浮点数通常由三部分组成…...
基于FPGA实现LED的闪烁——HLS
基于FPGA实现LED的闪烁——HLS 引言： 随着电子技术的飞速发展，硬件设计和开发的速度与效率成为了衡量一个项目成功与否的关键因素。在传统的硬件开发流程中，工程师通常需要使用VHDL或Verilog等硬件描述语言来编写底层的硬件逻辑࿰…...
平常心看待已发生的事
本篇主要记录自己在阅读此篇文章（文章链接： 这才是扼杀员工积极性的真正原因（管理者必读） ）和这两天京东的东哥“凡是长期业绩不好，从来不拼搏的人，不是我的兄弟”观点后的一些想法。 自己在微…...