一、1、vue介绍vue是一款敏捷开发的前端框架。2、vue基本使用 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="vue3.js">
转载 2023-12-27 11:59:24
82阅读
本文章介绍了qiankun在vue3的应用,其中子应用有vue2、vue3、react、angular介绍qiankun 是一个基于 single-spa 的微前端实现库,旨在帮助大家能更简单、无痛的构建一个生产可用微前端架构系统。 其他几款([single-spa]、[micro-app]、[百度emp]])使用 iframe 整合系统时,假设我们有系统 A, 当我们想把系统 B 引入 A 系统
转载 2023-11-21 19:36:20
277阅读
文章目录前言一、Vue简介二、Vue简单实例三、Vue-el挂载点1.el理解2.el使用四、Vue-data1.data理解五、v-text(文本)六、v-html(标签)七、v-bind(动态设置元素属性)八、v-on(事件)九、v-show(元素是否显示)十、v-if... v-else-if...v-else(条件渲染)十一、v-for(列表渲染)十二、v-model(表单输入绑定)十三
转载 2024-01-22 14:30:55
99阅读
VUE.JS学习笔记第一章 vue简介基于VUE框架开发的开源前端项目,这个是我学完后开发的开源实例项目,大家有兴趣的可以一起交流,喜欢的话别忘了star一下哦。1.1 Vue基本使用Vue的基本使用步骤需要提供标签用于填充数据引入Vue.js库文件可以使用Vue的语法实现相应功能把Vue提供的数据填充到标签里<body> <div id="app">
转载 2024-01-17 17:09:55
31阅读
2020.7.15今日领导让填写敏捷版上的任务;组长将任务细分了一下,让每个人认领。第一次迭代计划用时10天,组长大概分成了3天开发,3天自测,3天联调的子任务。前后端是分离的,目前我们主要负责后台java开发,前端同事帮助我们开发前端页面;后续前端同事会去负责其它项目,前端页面的维护与开发也会交给我们后台。(可能是前端页面后期维护比较简单,不值得长期派前端同事负责吧。)于是,我们也需要搭建前端v
转载 2023-12-01 09:16:46
107阅读
在现代前端开发中,使用 Vue 3 作为主要框架逐渐成为趋势。然而,面对业务快速发展的需求,项目架构的设计、优化和扩展变得尤为重要。本篇文章将通过多个方面探索如何有效解决“前端 Vue 3 项目架构”问题,分享我在这方面的思考与实践经历。 ### 初始技术痛点 在开始搭建 Vue 3 项目架构之前,团队面临了一些初始的技术痛点。比如,如何在日益增加的用户量与复杂度间保持良好的性能以及应用的可维
原创 5月前
16阅读
工欲善其事,必先利其器,所以在开始之前选择一个合适好用的编辑器是很重要的,工具不再多,在于好用就行,除了编辑器,我们也要掌握其他的一些工具,才能够让我们在学习的道路上更加的顺畅。1. WebStorm不必多说,前端最强大的编辑器,特别是那无敌的智能提示,但是它的缺点在于如果项目多于大时,出现的卡顿让很多人苦恼。 WebStorm:官网下载地址。WebStorm 有哪些过人之处?激活WebStorm
# 如何实现 Vue 3 架构 在这篇文章中,我们将深入探讨如何搭建一个基于 Vue 3 的项目架构。对于刚入行的小白来说,这将是一个非常实用的学习过程。我们会通过几个主要步骤来分解任务,并提供代码示例及解释。以下是我们将要完成的步骤的概述: | 步骤 | 描述 | |------|------------------------------
原创 7月前
16阅读
最近在逛各大网站,论坛,SegmentFault等编程问答社区,发现Vue.js异常火爆,重复性的提问和内容也很多,小编自己也趁着这个大前端的热潮,着手学习了一段时间的Vue.js,目前用它正在做自己的公司项目。 学习的过程之中发现继最热的 React 组件库和 Angular 组件库之后,这里有很多个流行和实用的 Vue.js 组件库完善你的下一个用 Vue.JS 编写 UI 界面的应
1.Vue的介绍Vue.js致力于构建数据驱动的web应用开发框架,以简洁化,轻量级,数据驱动,模块友好等优势深受企业以及前端开发者的喜爱,成为前端开发人员必备的技能。Vue3.0的出现,又带动周边生态的发展,奠定了vue在企业级开发的重要地位。Vue是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于
文章目录VueCli 4.3搭建前端项目架构创建vue项目前端项目目录结构添加axios添加cube-ui依赖创建新目录http客户端Axios什么是Axios?GET请求方式POST请求方式Axios封装通用后端请求API模块Vue-Router开发前端项目路由什么是vue-router?配置项目路由 VueCli 4.3搭建前端项目架构创建vue项目vue create project_fr
转载 2023-11-11 20:22:03
152阅读
通过Vue CLI可以方便的创建一个Vue项目,但是对于实际项目来说还是不够的,所以一般都会根据业务的情况来在其基础上添加一些共性能力,减少创建新项目时的一些重复操作,本着学习和分享的目的,本文会介绍一下我们Vue项目的前端架构设计,当然,有些地方可能不是最好的方式,毕竟大家的业务不尽相同,适合你的就是最好的。除了介绍基本的架构设计,本文还会介绍如何开发一个Vue CLI插件和preset预设。p
转载 2024-06-26 20:22:20
100阅读
1、概要介绍 Vue是时下最流行的一种前端开发框架,在当前的Vue开发框架中,主要采用MVVM的分层开发思想,主要把每个页面分成M、V、和VM,其中VM是整个MVVM思想的核心,是M和V之间的调度者。下图是一个项目的前后端处理过程示意图(来自b站)2、下载使用 从官网https://cn.vuejs.org/v2/guide/installation.html下载到本地,放到指定目录下,打开vsc
转载 2023-12-09 12:15:12
497阅读
1. 目录构建的规范命名原则:简洁 比如: src 源代码 img 图片资源 js JavaScript脚本 dep 第三方依赖包不使用复数 比如: 不使用 imgs docs根目录(root)结构按职能划分 比如: 1. src 源代码(逻辑) 2. doc 文档 3. dep 第三方依赖包 4. test 测试根据业务逻辑进行文件夹的划分 src —common 公共资源 —img -----
转载 2024-08-23 17:41:56
33阅读
Vue3---手写Tree组件 首先我们分析数据的结构treeOptions:[ { lable:'一级', children:[ { lable:'一级-1' }, { lable:'一级-2' } ] },
前端开发框架—VueVue1. 基本介绍Vue 是 Github 上最受欢迎的开源项目之一。同时,在 JavaScript 框架/函数库中,Vue 所获得的星标数已超过 React,并高于 Backbone.js、Angular 2、jQuery 等项目。Vue.js 是一款流行的 JavaScript 前端框架,目的是简化 Web 开发。Vue 所关注的核心是 MVC 模式中的视图层,同时,
项目结构    fosung-项目名docker -- 用于docker部署镜像DockerFile -- 用于jenkins打包后自动上传docker镜像到阿里云上,当你运行run-某一个项目.ssh脚本时,会运行此文件  拉取镜像  并操作镜像   FROM 阿里云镜像位置node_nodule -- 
转载 2024-07-01 21:03:01
92阅读
Vue.js 是一套用于构建用户界面的渐进式框架,在目前的前端开放中比较流行的前端框架。Vue 被设计成自底向上的逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或已有项目整合。但是学习 Vue.js 需要一定的 HTML、CSS、和 JavaScript 基础,所以本章节将不对这些基础内容进行讲解。Vue的组件化开发介绍目前的前端开发中组件化开发成为了潮流,而所谓的组件化开
前端使用vue.js,那么怎么搭建vue.js呢先安装nodejs以及npm现在基本的nodejs都包含有npm,下载安装后,可以在cmd命令里输入node -v 和npm -v 分别查看安装的版本两个都显示了版本就是安装oknodejs安装成功之后,就安装vue直接cmd命令里运行npm install -g vue-cli (只需要第一次安装时执行)选定一个开发路径在文件里运行cmd 执行命令
   有关于移动端的适配布局一直以来都是众说纷纭,对应的解决方案也是有很多种。在《使用Flexible实现手淘H5页面的终端适配》提出了Flexible的布局方案,随着viewport单位越来越受到众多浏览器的支持,因此在《再聊移动端页面的适配》一文中提出了vw来做移动端的适配问题。到目前为止不管是哪一种方案,都还存在一定的缺陷。言外之意,还没有哪一个方案是完美的。事实上真的不完美?其
  • 1
  • 2
  • 3
  • 4
  • 5