本文适合小白看,本人是个后台,不过对前端技术颇具兴趣,日前刚好搭建了一个项目,写个文章分享出来,步骤都很详细,对webpack和react不熟的小伙伴可以看看。1.下载安装node.js官网下载安装即可,安装好后默认会自动安装好npm包管理,我们打开cmd控制台,输入node -v 和 npm -v 出现对应的版本信息,则为安装成功2.新建一个项目目录,进行npm初始化我在d盘下新建了一个my-a
转载 2024-05-15 10:20:54
60阅读
说在前面现在前端发展的很迅速,一些脚手架(比如vue-cli)也很方便去搭建和应用,日常使用都没有问题,但是我觉得脚手架用多了总会让人去忽略一些基础的问题,对于系统后续的提升也无从下手,所以突发奇想,自己按照vue-cli的标准搭建一个框架,看看都要经历些什么。源代码参考准备首先,要安装node,安装好以后新建一个文件夹,然后初始化项目,node和npm是绑定的,所以不需要单独安装npm。npm
憋了好久,还是决定写下这篇博客,fis3是自动化的构建工具而已,它的构建不会修改源码,而是会通过用户设置,将构建结果输出到指定的目录。下面我们来谈下怎么配置fis3的(怎么安装这里就不说了)1.fis3工作流程FIS3 是基于文件对象进行构建的,每个进入 FIS3 的文件都会实例化成一个 File 对象,整个构建过程都对这个对象进行操作完成构建任务。整个 FIS3 的构建流程大体概括分为三个阶段。
转载 2023-11-12 08:21:34
88阅读
一.安装node.js及cli脚手架    第一次使用新电脑都需要安装node.js 打开node下载页面 选择window安装包---64bit 然后像普通软件一样 一直下一步就OK了,校验node是否完成安装,    通过 win + R 输入cmd 按回车打开命令行,  看到版本号表示安装成功&nbsp
qiankun 是一个基于 single-spa 的微前端实现库,旨在帮助大家能更简单、无痛的构建一个生产可用微前端架构系统。什么是微前端前端是一种多个团队通过独立发布功能的方式来共同构建现代化 web 应用的技术手段及方法策略。微前端架构具备以下几个核心价值:技术栈无关 主框架不限制接入应用的技术栈,微应用具备完全自主权独立开发、独立部署 微应用仓库独立,前后端可独立开发,部署完成后主框架自动
环境   win7   node-v8.12.0-win-x64.zip做一个前端项目首先需要做技术选型,是使用Vue还是React,还是其他框架库。选择完了就要搭建基础运行环境、工程项目。这里我们选择搭建一个Vue+iview框架的前端项目。iview:一套基于 Vue.js 的高质量 UI 组件库,通过iveiw可以快速的开发出风格一致的前端界面。一、基础环境搭建(一)搭建nodejs环境No
转载 2023-07-24 22:40:51
362阅读
搭建基于Vue的前端架构,总结15点经验1.分解需求技术栈建立脚手架开发规范2.样式CSS 预处理器的选择局部样式与全局样式局部样式全局样式体验优化页面载入进度条静态资源加载页面移动端 100vh 问题3.组件库覆盖 Ant Design Vue 样式1.使用 .less 文件2.使用 JavaScript 对象干掉无用的图标如何知道你要加载的图标在什么路径下?解决 Moment 多国语部分组件
转载 2023-07-13 16:21:49
85阅读
课程基础: html css js ,做过一些项目。语言基础:HTML/HTML5 CSS/CSS3 JAVASCRIPTHTML/HTML5: 超文本标记语言,我们开发web应用的基础,它是一门标记语言,告诉浏览器如何显示内容。HTML5是HTML的进化版本,新增了一些标签。 CSS/CSS3: 层叠样式表,用来描述我们的应用如何呈现给用户(外观界面)。 CSS3是CSS2.1的进化版本,增加了
转载 2024-09-23 21:59:35
31阅读
# 前端架构流程文档科普 ## 一、前言 在前端开发中,良好的架构设计是至关重要的。一个合理的前端架构能够提高开发效率、代码可维护性和性能表现。本文将介绍前端架构流程文档的编写及其重要性,并通过示例代码展示实际操作步骤。 ## 二、前端架构流程文档编写步骤 ### 1. 定义需求 在开始编写前端架构流程文档之前,首先需要明确项目需求和功能要求。根据需求分析,确定前端架构的基本结构和功能模
原创 2024-03-06 03:50:53
52阅读
系统架构搭建流程在软考中的重要性与实践 随着信息技术的飞速发展,系统架构搭建已成为软件工程中不可或缺的一环。在软考(软件水平考试)中,系统架构搭建流程更是备受关注。本文将从系统架构搭建流程在软考中的重要性、实践应用以及未来发展趋势等方面进行探讨。 一、系统架构搭建流程在软考中的重要性 系统架构搭建流程是软件工程中的核心环节,它关乎到软件系统的整体性能、可扩展性、可维护性等多方面特性。在软考中
原创 2023-11-14 14:02:54
182阅读
一、图形化创建项目1、安装Vue-cli脚手架npm i -g @vue/cli2、使用命令窗口输入以下命令// 在你想要创建项目的文件件输入 vue ui3、在浏览器里打开:http://localhost:8000在打开上述地址的时候我们就会看到下面这个好看的界面文件夹的位置就是你使用vue ui 打开的文件夹位置,然后点击在此创建项目 给你的项目取一个好听的名字,选择你习惯的包管理器,这里我
3H3C CAS云计算管理平台的安装CAS由两个组件构成,安装过程中用户可根据服务器类型(管理服务器/业务服务器)选择安装具体的组件(除此差异外,管理服务器和业务服务器的云计算软件安装过程完全相同)。·     管理服务器:需安装CAS的CVK和CVM两个组件。·     业务服务器:只需安装CAS
前言此文主要是记录,搭建测试平台所使用的前端技术。一、vue是什么?vue.js 是一种single page app 类型的前端技术框架。详细介绍请访问官网https://v1.vuejs.org/guide/installation.html 二、使用步骤1.安装node去node官网https://nodejs.org/zh-cn/下载node安装包进行安装或者 mac 用户 使用
转载 2023-10-23 09:54:03
74阅读
前端架构设计后台架构设计概念适用于前端前端没有数据库设计,所以可以不考虑并发。 vuejs的优点,一样适用于前端项目。高内聚,低耦合,可复用,单元测试。从项目的生命周期,开发、上线、维护三个阶段考虑高内聚低耦合,划分清晰的模块职责范围,确定模块依赖和交互关系。打包优化,自动化部署。高性能、安全可靠、监控,局部更新。可扩展易维护,以数据来驱动视图,合理的模块拆分,层次清晰。统一的编码风格、文档留存
转载 2023-08-07 23:45:12
93阅读
  1.使用 create-react-app 快速构建 React 开发环境  create-react-app 是来自于 Facebook,通过该命令我们无需配置就能快速构建 React 开发环境。  create-react-app 自动创建的项目是基于 Webpack + ES6 。  执行以下命令创建项目:$ cnpm install -g create-react-app  
前后端分离系统需要分别建设前端和后端系统,前端系统通常使用VUE与一个前端框架开发比较容易实现,有实力的技术团队通常开发自己的前端框架,使用一些开源的前端框架开发效率更高,比如ElementUI、EasyUI、LayUI、Bootstrap等。本文使用ElemetUI框架搭建前端开发系统。参考 使用webpack创建一个前端VUE项目安装文档描述创建VUE项目 如果第一次创建,下载chromed
    想分几篇文章来说说前端开发。    一般的网站开发流程包括四个方面:总结需求设计界面前端开发后端开发     开发完成后会进行内部测试以及后续的优化等,其中2,3,4可以并行开发。下面介绍前端开发的工作流程:    1.分层开发     在产品需求文档确定好后就可以进行分
背景做前端的同学都知道,做的页面多了,东西就会乱,因此我们需要统一一个开发流程。开发流程的好坏,直接影响着页面开发的效率,间接影响游戏的时间。开发流程的目标可以快速完成页面。通过组件化的方式,保证代码重用,避免重复劳动。保证页面上线后能够高效运行。开发流程的范畴文件的存放规范。代码的组织结构和编码规范。发布策略。支持整个流程所必须的开发工具。每个团队都有自己的开发流程规范。实际上也不存在一个最好的
转载 2023-07-18 21:29:34
163阅读
引言 作者:晒兜斯大家好~本文是基于 qiankun 的微前端最佳实践系列文章之 应用间通信篇,本文将分享在 qiankun 中如何进行应用间通信。在开始介绍 qiankun 的应用通信之前,我们需要先了解微前端架构如何划分子应用。在微前端架构中,我们应该按业务划分出对应的子应用,而不是通过功能模块划分子应用。这么做的原因有两个:在微前端架构中,子应用并不是一个模块,而是一个独立的应用,我们将子应
1.前言对于后端开发工作者来说,比较为难的一定是前端部分,除了有专门负责前端开发的大公司,其余的小公司基本上都是前后端都要自己写的。以前对后端开发者比较友好的Layui框架作者也不维护了,我在第一年工作的时候就是用的Layui,但是对于前端的了解也只是停留在CV阶段。最近我们公司在重做之前的一版系统,前端使用的是Vue框架,搭配的是Element-ui组件。我负责的是后端代码。但是空余时间也大致看
  • 1
  • 2
  • 3
  • 4
  • 5