一、Vue1.组件名组件名使用Pascal 命名法(与骆驼命名法类似。只不过骆驼命名法是首字母小写,而帕斯卡命名法是首字母大写)// 反例 export default { name: 'page-footer' } export default { name: 'pageFooter' } export default { name: 'page_footer' } // 正例 ex
转载 2024-05-29 00:00:02
75阅读
序言为了统一前端技术栈问题,技术开发二部规定开发技术必须以Vue为主。为了更好的规范公司的前端框架,现以我前端架构师为主,编写以下开发规范,如有不当的地方,欢迎批评教育并慢慢改善该开发文档,谢谢合作。我们在做产品不只是实现功能,还要考虑到以后的优化升级,那么就需要一套标准的代码规范,使得代码易懂,养成代码规范的习惯,有助于程序员自身的成长。那么我们现在就来谈谈,前端代码的规范。 一、编
Vue.js 开发规范目录说明版本v1.0日期2020-02-18本文档为前端 vue 开发规范规范目的命名规范结构化规范注释规范编码规范CSS 规范规范目的为提高团队协作效率便于后台人员添加功能及前端后期优化维护输出高质量的代码文档一、命名规范为了让大家书写可维护的代码,而不是一次性的代码让团队当中其他人看你的代码能一目了然普通变量命名规范命名方法 :驼峰命名法命名规范 : 命名必须是
转载 2023-10-22 21:09:04
471阅读
概述Vue是一套用于构建用户界面的渐进式JavaScript框架。 与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。 Vue 的核心库只关注视图层(H+C+J),方便与第三方库或既有项目整合。官方文档:https://doc.vue-js.com/v2/guide/网络通信:axios(相当于jq的ajax)页面跳转:vue-router状态管理:vuexVue-UI:ICE 官方文
转载 2023-12-26 19:59:10
71阅读
# Vue前端技术架构 ## 1. 引言 在现代的Web开发中,前端技术的发展日新月异。Vue作为一种流行的前端框架,被广泛应用于各种项目中。在本文中,我们将介绍Vue前端技术架构的基本概念和使用方法,并给出相应的代码示例。 ## 2. Vue的基本概念 Vue是一种用于构建用户界面的渐进式框架。它采用组件化的方式来构建复杂的Web应用。Vue的核心概念包括组件、响应式数据、指令和生命周期
原创 2023-12-15 10:45:39
79阅读
开头语技术日新月异,入了技术坑,如果不能提升转行,就注定活到老学到老。这几年一直听别人说Spring+VUE架构,你们懂什么是Spring?什么是VUE?不做网站开发很久了,这段时间因工作需要改良一个网站,因此无赖了解一下。如果您也在查相关的文章,说明您很可能也刚开始了解VUE,想知道VUE是什么,为什么要用VUE,在了解这一切之前,先说一下什么是架构。何为架构?所谓架构(框架),就是为您搭了一个
转载 2023-12-20 09:05:14
15阅读
文章目录1. VUE 基础1.1 MVVM设计1.2 VUE绑定原理设计1.3 虚拟DOM树分析1.4 VUE编程步骤实践Vue功能3步:1.5 绑定与指令应用1.6 绑定样式分析(了解):1.7 计算属性应用实践1.8 生命周期函数应用2. Axios方式的Ajax请求Get请求Post请求3. VUE 组件化开发3.1 组件设计3.2 基本步骤3.3 运行分析3.4 组件类型3.5 组件间传
转载 2023-12-06 22:59:58
141阅读
一、css布局模型:   流动模型(Flow)   浮动模型(Float)   层模型(Layer) 1、流动模型: 页面在没有设置任何css样式,元素按照本身的特性在浏览器中显示,这样的布局模型称为流动模型; 2、浮动模型: ①.浮动属性   float:none(默认值,不浮动)|left(左浮
目录:  1. 架构选型    2. 架构目录介绍    3. 架构说明    4. 招聘消息 目前如果要说比较流行的前端架构哪家强,屈指可数:reactjs、angularjs、emberjs、avalonjs、vuejs。我个人接触使用过:avalonjs、angularjs、vuejs。因为工作以及前端团队能力
关于“Vue前端架构技术文档”的整理,使得在未来的开发中可以更有效地进行前端架构设计与管理。随着前端技术的飞速发展,如何建立一套清晰、可维护且性能优越的前端架构变得尤为重要。 ## 背景描述 在当前的前端开发中,各种框架和库层出不穷,给开发者带来了许多选择,Vue.js作为一种流行的前端框架,因其简洁的语法和强大的功能而受到广泛欢迎。然而,面对日益复杂的应用需求,单纯依靠框架本身可能无法满足高
原创 6月前
67阅读
基于Vue官方风格指南整理。一、强制1. 组件名为多个单词组件名应该始终是多个单词的,根组件 App 除外。正例:export default { name: 'TodoItem', // ...}反例:export default { name: 'Todo', // ...}2. 组件数据组件的 data 必须是一个函数。当在组件中使用 dat...
转载 2022-01-11 18:08:31
666阅读
一、简介前端采用Vue.js+element-ui+webpack的架构Vue.js 是一套响应式的JavaScript 渐进式框架。Vue.js 自问世以来所受关注度不断提高,在现在的市场上,Vue.js 成为非常流行的 JavaScript 技术开发框架之一。 Vue 只关注视图层, 采用自底向上增量开发的设计。目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。elemen
如何实现javascript之ssm+vue前后端分离框架发布时间:2020-07-22 10:00:12阅读:186作者:Leah本篇文章给大家分享的是有关如何实现javascript之ssm+vue前后端分离框架,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。前言本文针对Spring+SpringMVC+Mybatis后台开发框架(
什么是微前端引用qiankun里的解释 简而言之,微前端就是可以将多个模块或者多个项目合并到一个项目中。a项目里可以嵌入b项目的页面,并且可以交互通信。为什么不用iframe 为了解决微服务架构, 后来出现了single-spa,但是也存在一切弊端。为此,蚂蚁金融科技孵化qiankun 基于微前端架构的云产品统一接入平台。qiankun官网地址:https://qiankun.umijs.org/
 章节一:引言在当前的互联网开发中,前端框架已经成为了不可或缺的一部分。然而,前端框架如此之多,该如何选择呢?Vue.js、React和AngularJS是目前比较受欢迎的三个前端框架,它们各自有着不同的优缺点和应用场景。本文将会对它们进行详细的比较分析,帮助开发者了解它们的优点和缺点,并选择适合自己的框架。章节二:Vue.jsVue.js是一个渐进式JavaScript框架,具有易用性
# Vue 前端技术架构设计 在现代前端开发中,**Vue.js** 作为一种渐进式框架,以其简单易用、灵活性强等特点,受到了广泛的关注。本文将简要介绍 Vue 前端技术架构设计的基本概念及实践,帮助开发者更好地理解和应用。 ## 1. Vue.js 的核心特点 Vue.js 结合了 MVVM(Model-View-ViewModel)架构风格,使得开发者可以通过数据绑定和指令来有效地构建用
原创 2024-10-13 04:21:40
70阅读
背景随着SPA大规模的应用,紧接着就带来一个新问题:一个规模化应用需要拆分。一方面功能快速增加导致打包时间成比例上升,而紧急发布时要求是越短越好,这是矛盾的。另一方面当一个代码库集成了所有功能时,日常协作绝对是非常困难的。而且最近十多年,前端技术的发展是非常快的,每隔两年就是一个时代,导致同志们必须升级项目甚至于换一个框架。但如果大家想在一个规模化应用中一个版本做好这件事,基本上是不可能的。最早的
# Vue前端技术架构代码示例 ## 引言 随着前后端分离的开发模式的流行,前端开发技术日趋多样化和复杂化。Vue.js作为一种流行的前端框架,其技术架构图也是我们学习和使用Vue.js的必备知识之一。本文将介绍Vue前端技术架构图,并通过代码示例帮助读者更好地理解和应用。 ## Vue前端技术架构图 下图是Vue前端技术架构图: ```mermaid erDiagram s
原创 2023-09-29 17:41:09
353阅读
前端 vue 开发规范笔记 命名规范组件method方法命名views下文件命名props 命名目录文件夹子文件规范
原创 2022-11-10 13:40:53
182阅读
库 vs 框架库只是一个工具,供我们使用框架是具有思维的,有它自己生态系统前端框架发展历史前端这个岗位是从后端慢慢分出来jq -> 2010前MVC思想 -> 软件架构将一个软件分为了三个部分,每一个部分负责一部分功能M -> Model -> 模型 -> 软件中的数据V -> View -> 视图 -> 软件中的界面C -> Controll
  • 1
  • 2
  • 3
  • 4
  • 5