昨天写的都没有了，使用markdown不能自动保存，以后还是以富文本的方式写好了。昨天提到网页设计其实就是跟写PPT一样，最好就是PPT的界面，要什么图形什么颜色自己拖拽，比用代码写方便和直观非常多。但是PPT有个坏处就是数据无法动态的呈现，即数据是写死在图中的。现在的bootstrap有点类似PPT了，将模块，颜色和样式使用拖拽的方式进行设计，已经非常方便，但是它的不足之处依然是布局和数据无法随
安装先安装脚手架npm i @vue/cli -g 然后vue create 项目名称vue3的特点在任何页面中作为 Web Components 嵌入无需构建步骤，渐进式增强静态的 HTML单页应用 (SPA)开发桌面端、移动端、WebGL，甚至是命令行终端中的界面Jamstack / 静态站点生成 (SSG)全栈 / 服务端渲染 (SSR)vue3和vue2的不同点1.启动方式不同在main.
转载
2024-06-03 17:57:10
59阅读
1.Vue单文件组件node_modules:依赖的node工具包目录public： 一般用于存放一些静态资源文件，例如图片，视频，音频等资源文件。需要特别注意的是webpack在进行打包的时候，会将public中的所有静态资源原封不动的进行打包。src 文件夹，就是指我们存放项目源代码的文件夹，程序员的工作主要在本文件夹内。src下面的目录结构：assets：也是用于存放一些静态资源文
转载
2023-11-28 00:50:17
196阅读
# 如何实现 Vue 3 架构
在这篇文章中，我们将深入探讨如何搭建一个基于 Vue 3 的项目架构。对于刚入行的小白来说，这将是一个非常实用的学习过程。我们会通过几个主要步骤来分解任务，并提供代码示例及解释。以下是我们将要完成的步骤的概述：
| 步骤 | 描述 |
|------|------------------------------
Vue3 实现网页水印
原创
2023-12-04 20:06:42
314阅读
1、引言 设计结课作业,课程设计无处下手，网页要求的总数量太多？没有合适的模板？数据库，java，python，vue，html作业复杂工程量过大？毕设毫无头绪等等一系列问题。2、作品介绍2.1、作品简介方面 小米商城首页采用常规方式来实现，符合绝大部分的要求。代码配置有相关文档讲解，如需从代码中学到知识点，那么这个作品将是你的不二之选2.2、作品二次开发工具此作品代码相对简单
Vue3---手写Tree组件 首先我们分析数据的结构treeOptions:[
{
lable:'一级',
children:[
{
lable:'一级-1'
},
{
lable:'一级-2'
}
]
},
转载
2023-09-27 19:24:04
1408阅读
在当前的前端开发领域，Vue 3无疑是一款强大的框架，但在设计它的架构时，我们必须深入理解其原理，以及如何优雅地构建系统以应对日益复杂的需求。本文将系统地梳理如何进行“Vue 3设计架构”的过程，并针对每个部分进行详细的解析。
为了简洁地阐述本篇博文的主题，下面是一幅关于整体设计架构流的流程图：
```mermaid
flowchart TD
A[开始] --> B[理解业务需求]
用Vue-cli3.X搭建Vue开发环境的方法有两种：第一种：基于 交互式命令行 的方式，创建新版 vue 项目第一步：打开控制台输入安装命令npm i -g @Vue/cli然后回车，要等待安装完成注意：我是用淘宝镜像所以是cnpm i -g @Vue/cli，如果不用淘宝镜像用npm i -g @Vue/cli即可 安装完成后控制台输入命令:vue -V检查脚手架是否安装完成已经安装的版本 G
## 如何实现 Vue 3 技术架构
在学习 Vue 3 技术架构的过程中，我们可以将整个实现过程分为几个主要步骤。以下是实现 Vue 3 技术架构的详细流程：
| 步骤 | 描述 |
|-------|----------------------------|
| 1 | 安装 Node.js |
| 2
原创
2024-10-02 03:26:21
39阅读
Vue原理简介Vue就是基于MVVM模式实现的一套框架，在vue中：Model:指的是js中的数据，如对象，数组等等。View:指的是页面视图viewModel:指的是vue实例化对象为什么说VUE是一个渐进式的javascript框架, 渐进式是什么意思？如果你已经有一个现成的服务端应用，你可以将vue 作为该应用的一部分嵌入其中，带来更加丰富的交互体验;如果你希望将更多业务逻辑放到前端来实现，
# Vue 3 和 Vite 架构的科普
在现代前端开发中，Vue.js 是一款非常流行的 JavaScript 框架，而 Vite 则是一个新兴的构建工具。它们的结合为开发者提供了高效、快速的开发体验。本文将介绍 Vue 3 和 Vite 的基本概念及其架构特点，并给出相关代码示例。
## Vue 3 简介
Vue 3 是 Vue.js 框架的最新版本。它提供了许多新特性，比如组合 API
最近一年多一直在做UI库，从 SUI Mobile -> Light7 -> jQuery WeUI。自己也在做的过程中对UI库类的产品有了更深入的认识，SUI Mobile 和 Light7 有一个很大的问题在于：试图用一个轻量的基于jQuery的库，来做一个重量的框架应该做的事情。比如它定义了Page的概念，整粗体个页面的结构，使用了异步加载的路由，这些会导致本来一个很轻量的库变得
1、打开窗口window.open(URL, name, specs, replace);window.open()方法用于在浏览器中打开一个新的窗口或标签页。如果不指定第二个参数，则链接通常会在当前窗口中打开，这相当于'_self'。name 窗口的名称，如果指定相同的名称，那么新的URL会在同一个窗口中打开。
_blank 在新窗口或新标签页中打开链接。
_self 在当前窗口中打开链接（默认
转载
2024-07-13 16:34:59
1681阅读
let isFull = document.fullscreenElement if(!isFull){ // 不是全屏,设置全屏 document.documentElement.requestFullscreen() } else { //
分享目标：了解 Vue.js 的组件化机制了解 Vue.js 的响应式系统原理了解 Vue.js 中的 Virtual DOM 及 Diff 原理Vue.js概述Vue 是一套用于构建用户界面的渐进式MVVM框架。那怎么理解渐进式呢？渐进式含义：强制主张最少。Vue.js包含了声明式渲染、组件化系统、客户端路由、大规模状态管理、构建工具、数据持久化、跨平台支持等，但在实际开发中，并没有强制要求开发
转载
2023-11-02 00:25:01
118阅读
前言：GitHub上我开源了vue-cli、vue-cli3两个库，文章末尾会附上GitHub仓库地址。这次把2.0的重新写了一遍，优化了一下。然后按照2.0的功能和代码，按照vue3.0的语法，完全重写了一遍。虽然名字叫cli，其实两个库都是基于vue-cli创建的。做这个的目的是为了工作中快速启动项目，毕竟切片打包、less、axios、vuex、router、UI框架、基础文件目录、权限，这
转载
2023-07-09 13:23:43
105阅读
一、Vue3介绍关于vue3的重构背景，看看尤大怎么说：「Vue 新版本的理念成型于 2018 年末，当时 Vue 2 的代码库已经有两岁半了。比起通用软件的生命周期来这好像也没那么久，但在这段时期，前端世界已经今昔非比了在我们更新（和重写）Vue 的主要版本时，主要考虑两点因素：首先是新的 JavaScript 语言特性在主流浏览器中的受支持水平；其次是当前代码库中随时间推移而逐渐暴露出来的一些
转载
2023-12-15 20:23:40
31阅读
一、全局组件全局组件的形式如下：<template id="childrenOne">
<div>
<p>我是组件A</p>
</div>
</template>
Vue.component('children-a',{
//data 为对象类型，将数据放在返回值中
data(){
Vue CLI是一个用于快速Vue.js开发的完整系统,博主也是最近刚刚学习，真真正正的小白一个，因此记录下搭建过程及所踩的坑，废话不多说直接走流程！一、安装1.如果您在vue-cli全局安装了以前的(1.x或2.0)软件包，则需要先将其卸载，否则跳过: npm uninstall vue-cli -g
#OR
yarn global remove vue-cli ps:博主用的是Visual
