qiankun 是一个基于 single-spa 的微前端实现库，旨在帮助大家能更简单、无痛的构建一个生产可用微前端架构系统。什么是微前端微前端是一种多个团队通过独立发布功能的方式来共同构建现代化 web 应用的技术手段及方法策略。微前端架构具备以下几个核心价值：技术栈无关 主框架不限制接入应用的技术栈，微应用具备完全自主权独立开发、独立部署 微应用仓库独立，前后端可独立开发，部署完成后主框架自动
转载
2023-08-15 13:57:09
1307阅读
搭建基于Vue的前端架构，总结15点经验1.分解需求技术栈建立脚手架开发规范2.样式CSS 预处理器的选择局部样式与全局样式局部样式全局样式体验优化页面载入进度条静态资源加载页面移动端 100vh 问题3.组件库覆盖 Ant Design Vue 样式1.使用 .less 文件2.使用 JavaScript 对象干掉无用的图标如何知道你要加载的图标在什么路径下？解决 Moment 多国语部分组件
转载
2023-07-13 16:21:49
85阅读
前言此文主要是记录，搭建测试平台所使用的前端技术。一、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
转载
2023-07-10 13:58:47
70阅读
前后端分离系统需要分别建设前端和后端系统，前端系统通常使用VUE与一个前端框架开发比较容易实现，有实力的技术团队通常开发自己的前端框架，使用一些开源的前端框架开发效率更高，比如ElementUI、EasyUI、LayUI、Bootstrap等。本文使用ElemetUI框架搭建前端开发系统。参考 使用webpack创建一个前端VUE项目安装文档描述创建VUE项目 如果第一次创建，下载chromed
转载
2023-11-01 19:13:27
203阅读
简介：前端选用VUE是因为它比较简单，容易上手，对于不熟悉前端的小伙伴很适合。对于软件发展来说，后端技术已趋于成熟和稳定，在功能已稳定的情况下，客户会把要求更多的放在页面的美观和合理排版布局上，学习一下前端，特别是自己设计一个页面，有助于对前端的了解和对美观设计的培养。一、搭建VUE项目1.搭建VUE基础框架1.1 安装node.js安装过程中记得勾选Add to path，安装完成后再cmd命令
转载
2023-11-16 21:28:03
70阅读
1.前言对于后端开发工作者来说，比较为难的一定是前端部分，除了有专门负责前端开发的大公司，其余的小公司基本上都是前后端都要自己写的。以前对后端开发者比较友好的Layui框架作者也不维护了，我在第一年工作的时候就是用的Layui，但是对于前端的了解也只是停留在CV阶段。最近我们公司在重做之前的一版系统，前端使用的是Vue框架，搭配的是Element-ui组件。我负责的是后端代码。但是空余时间也大致看
转载
2023-08-21 15:00:30
70阅读
== 开发工具idea,前端使用nodejs,项目构建工具npm,使用vue各个模块和组件==1.nodejs安装 安装简单,直接安装,安装过程一般是自动配置了环境变量的, windows+r—>cmd打开命令输入以下命令查看版本信息node -vnpm -v升级npm版本,(注意都是英文字母和字符)npm install npm@latest –g2.创建前端项目,取名vue_father
转载
2024-08-13 11:18:26
51阅读
一.安装node.js及cli脚手架 第一次使用新电脑都需要安装node.js 打开node下载页面 选择window安装包---64bit 然后像普通软件一样 一直下一步就OK了，校验node是否完成安装, 通过 win + R 输入cmd 按回车打开命令行, 看到版本号表示安装成功 
转载
2024-01-24 13:30:17
112阅读
前端开发whqet,csdn,王海庆,whqet,前端开发专家
译者说：临近期末，大部分的基础教学内容已经讲解完毕，在进行比较大型的项目训练之前，如果能让学生了解甚至遵循一些前端开发的编码规范将会是一件非常有意义的事情。因此，本博客准备于近期整理一个编码规范与最佳实践的系列文章，包括html、css、javascript、jquery、php等，希望能对大家有所帮助，本文翻译的项目文件架构。结果
转载
2024-06-13 21:09:17
82阅读
相信大家在前端开发中都使用过很多前端脚手架，如vue-cli，create-vite，create-vue等；本篇文章将会为大家详细介绍这些前端脚手架是如何实现的，并且从零实现一个create-kitty脚手架发布到npm上。pnpm搭建Monorepo环境使用pnpm管理对项目进行管理是非常方便的，极大的解决了多个包在本地调试繁琐的问题。什么是Monorepo？就是指在一个大的项目仓库中，管理多
转载
2024-07-23 20:20:34
41阅读
环境 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阅读
1、确定项目使用的技术根据项目的需求等来选择使用的技术（这里以angular4 + typsescript + nodejs+mongodb举例）2、新建一个项目的工作文件夹使用npm init初始化项目，根据问题配置，一般是直接回车使用默认配置,生成package.json文件{
"name": "test_keyboard",
"version": "1.0.0",
"
本文适合小白看，本人是个后台，不过对前端技术颇具兴趣，日前刚好搭建了一个项目，写个文章分享出来，步骤都很详细,对webpack和react不熟的小伙伴可以看看。1.下载安装node.js官网下载安装即可，安装好后默认会自动安装好npm包管理，我们打开cmd控制台，输入node -v 和 npm -v 出现对应的版本信息，则为安装成功2.新建一个项目目录,进行npm初始化我在d盘下新建了一个my-a
转载
2024-05-15 10:20:54
60阅读
前言最近公司框架升级，微前端选择了京东的MicroApp ，因为后续会参与开发。提前来学习一波。官网MicroApp官网关于微前端的好处，前面两篇文章和官网都说了，这里就不提了。准备参考参考官方示例micro-app-demo基于vite和vue3创建一个主应用和一个子应用1、 创建一个app文件，在app文件夹里创建一个main-apps文件夹放主应用，创建一个child-apps 放子应用2、
前端项目开发环境搭建1、nodeJS安装我是Mac用户所以使用的是homebrew安装的nodeJS安装的语句是 brew install node安装完成后运行node -v //查看node的版本，我的版本是v7.4.02、安装 flow、pcre、watchmanbrew install flow
brew install pcre
brew install watchm
转载
2023-11-16 21:27:54
42阅读
说在前面现在前端发展的很迅速，一些脚手架（比如vue-cli）也很方便去搭建和应用，日常使用都没有问题，但是我觉得脚手架用多了总会让人去忽略一些基础的问题，对于系统后续的提升也无从下手，所以突发奇想，自己按照vue-cli的标准搭建一个框架，看看都要经历些什么。源代码参考准备首先，要安装node，安装好以后新建一个文件夹，然后初始化项目，node和npm是绑定的，所以不需要单独安装npm。npm
转载
2023-07-27 14:22:43
72阅读
微服务架构系列前序文章：1. 微服务实施包括哪些关键步骤？从准备引进微服务这套技术栈的想法开始，到一个微服务架构的新系统部署上线，这大概需要经过哪些关键步骤呢？按照相对规范的研发流程来看，我们需要经过下列四个研发阶段：架构设计：依据关键业务场景完成系统的逻辑视图、开发视图、过程视图和物理视图等设计。环境搭建：按照架构设计产出来完成资源的评估和准备，以及环境搭建和网络防火墙的开通。开发测试：细化设计
转载
2023-07-07 18:41:54
72阅读
知识点：SSM、支付宝、微信、极光、 goEasy、redis、influxdb、nginx、 这几天闲来无事 给大家上点干货 我会系统的把支付宝及微信的支付 提现 及原路返回的源码、以及一些企业级的java使用来进行和大家分享 也算是自己记录下这半年的风风雨雨了 想来做JAVA已经
转载
2023-11-20 12:43:05
53阅读
