前端框架选型&项目技术栈参考资料

最新推荐文章于 2025-05-13 14:26:16 发布
最新推荐文章于 2025-05-13 14:26:16 发布
阅读量287 收藏 2
点赞数
CC 4.0 BY-SA版权
文章标签： 前端框架 webpack ruby ViewUI
原文链接：http://www.cnblogs.com/fifteen718/p/9533834.html
本文提供了前端技术选型的参考标准，并根据GitHub的关注度排名介绍了主流的前端框架、构建工具及CSS预处理器。同时，还提供了详细的Vue.js及其周边生态的学习资源。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

web技术选型参考：

1、框架自身是否成熟

2、生态系统是否完善

3、是否满足项目需求

 

目前常见的主流技术参考，根据github关注度排名：

架构框架

框架名技术支持思想针对性
ReactFacebook虚拟dom，单项数据流高效创建交互式组件
VueEvan You（尤雨溪）轻量级AngularJs简洁易懂
AngularJsGoogle双向数据绑定，指令结构化

构建工具

工具名思想针对性
Webpack模块化处理Web模块化
Gulp基于流的自动化构建Web流程化
Grunt自动化构建自动化构建

CSS预处理

处理器名思想易用性
Less动态化css简单
Sass基于ruby具备编程模式较难

最终选择方案

框架名构建工具CSS预处理
Vuewebpackless

 

项目技术栈参考资料：

# ES6 --js语法

http://es6.ruanyifeng.com/

 

# Vue --前端框架

主页

https://cn.vuejs.org/

API

https://cn.vuejs.org/v2/api/

教程

https://cn.vuejs.org/v2/guide/

学习参考资料

https://www.jianshu.com/p/dc5057e7ad0d

 

# Vue Cli 3 --项目搭建用脚手架

主页

https://cli.vuejs.org/zh/

API

https://cli.vuejs.org/zh/guide/

 

# Vue 全家桶 --项目开发用工具库

Vue Router

https://router.vuejs.org/zh/

Vuex

https://vuex.vuejs.org/zh/

Axios

https://www.kancloud.cn/yunye/axios/234845

VeeVaidate

https://baianat.github.io/vee-validate/

 

# Element --桌面端组件库

主页

http://element-cn.eleme.io/#/zh-CN

API

http://element-cn.eleme.io/#/zh-CN/component/installation

 

# Mint UI --移动端组件库

主页

http://mint-ui.github.io/#!/zh-cn

API

http://mint-ui.github.io/docs/#/

Demo

http://elemefe.github.io/mint-ui/#/

 

 

转载于:https://www.cnblogs.com/fifteen718/p/9533834.html

你狗
关注
前端技术选型
拥抱AI Design
04-25 3077
本文主要介绍前端技术选型。 文章目录前言名词手机端 前言 前端技术选型 名词 名词 说明 大前端 手机、web、pc等客户端 native开发 原生开发语言，安卓或IOS等都有专属的平台框架来做应用 混合开发 通过H5+APP开发应用的技术，这里的APP指js调用系统能力 手机端 技术方案 代表方案 开发效率 运行效率 需要人员 ...
微信小程序技术框架选型
AI小美好
10-02 3663
近期在对团队的微信小程序进行技术框架选型，故对目前主流的微信小程序技术框架进行了一些分析和比较，包括各框架的维护团队、社区链接、GitHub star数、优缺点对比等方面，为团队提供技术框架选型参考”同时，它们都有丰富的插件和模板资源，减少了重复开发的工作量。Taro、uni-app、mpvue 和 Wepy 生成的小程序在性能上可能会略逊于原生框架，但通过合理的优化也能达到较好的性能。mpvue 和 Wepy 基于 Vue.js 的语法风格，对于熟悉 Vue 的开发者来说也能提高一定的开发效率。
做前端技术方案选型的时候，你是怎么做决策的？
祈澈菇凉
08-24 728
最近在知乎上看到的一个提问做前端技术方案选型的时候，你是怎么做决策的？想起一年来自己所做的项目，全都是一个人在做选型，能力也在一步步中培养起来。 最重要的是看项目需求，决定前端技术方案选型 大大小小的项目做过很多，就拿一些做过的项目来举例吧 1：pc端网站 刚刚去公司那会，接手网站的时候，后台是用wordpress搭建的，php语言支持，网页部分用的是...
前端技术选型参考 ---转
poptxz的博客
01-29 1298
多端 pc h5 （不要纠结html5 vs h5 vs wap，这里指的是移动端网页） 技术方案 一 pc - 业务类型 细分类型1 重展示、轻交互 典型代表 ：产品展示页 特点 ： 对外展示产品，承载公司对外运营业务，TO C 类居多 要求 ： 稳定，快速，无障碍，高可靠性，兼容性强，强SEO 技术选型 ： node + 模板语言（ejs、pug、handlebar等） + jquery + ...
前端开发者必备：当下主流技术栈全面梳理（2025 最新版）
最新发布
weixin_67925256的博客
05-13 2561
本文全面梳理了2025年前端开发的主流技术栈，帮助开发者构建知识体系。文章从基础技术栈（HTML/CSS、JavaScript、TypeScript、DOM/BOM）出发，详细介绍了主流框架与库（Vue.js、React.js、Svelte/SolidJS）、构建工具链（Vite、Webpack、esbuild/Rollup、pnpm/yarn/npm）、样式与UI框架（Sass/Less、PostCSS、TailwindCSS、UnoCSS/WindiCSS、ElementPlus、AntDesign等）
技术选型以及分析（随时更新）
Developer of XingKong22star
01-12 973
技术选型以及分析
web前端技术框架选型参考
weixin_34161032的博客
05-04 682
一、出发点 　　随着Web技术的不断发展，前端架构框架、UI框架、构建工具、CSS预处理等层出不穷，各有千秋。太多的框架在形成初期，都曾在web领域 掀起过一场技术浪潮，可有些却仅仅是昙花一现，随着他们用户量的逐渐减少，社区也越来越不活跃。如：meteor、backbone、ember、knockout。 不禁感叹技术的更新换代来的太突然。为了追赶技术更新的脚步，保证技术实施的高性能，强...
关于微前端架构的几种技术选型，看这篇就够了
程序员成长指北
06-29 2107
大厂技术高级前端Node进阶点击上方程序员成长指北，关注公众号回复1，加入高级Node交流群原文链接: https://juejin.cn/post/7113503219904430111?share_token=a2d6b49c-d8ce-4448-acd3-d71bbc6e228d作者：小白背景随着SPA大规模的应用，紧接着就带来一个新问题：一个规模化应用需...
服务框架的技术栈
乔志勇笔记
07-24 1087
https://mp.weixin.qq.com/s/rPRTEqJWv59Iba9kHrcgRQ 1. 概述 架构的改变，往往是因为业务规模的扩张。 随着业务规模的扩张，为了满足业务对技术的要求，技术架构需要从单体应用架构升级到分布式服务架构，来降低公司的技术成本，更好的适应业务的发展。分布式服务架构的诸多优势，这里就不一一列举了，今天围绕的话题是服务框架，为了推行服务化，必然需要一套易用...
前端技术栈路线（框架选型）
JerryBro的博客
03-01 646
框架： vue 微信小程序（多端小程序）： uni-app taro UI库（PC端）： Element-ui iView（画风简洁，适用做管理系统） UI库（移动端）： Vant-ui MUI Mint-UI Vux 预编译 sass ...
前端框架选型
weixin_30299539的博客
07-28 234
框架与库 库(lib)具有以下三个特点： 1、是针对特定问题的解答，具有专业性； 2、不控制应用的流程 3、被动的被调用 框架(frameword)具有以下三个特点： 1、具有控制反转(inverse of control)的功能 2、决定应用程序的生命周期 3、一般来说，集成了大量的库 由下图所示，框架会在特定的时间要求程序执行某段代码。框架决定了...
基于Django框架的纯前端技术栈家电产品选择平台设计源码
09-28
为了满足消费者对家用电器产品选择的便捷性需求，开发一款基于Django框架的纯前端技术栈家电产品选择平台显得尤为重要。该项目利用现代网络技术，特别是Django这一高效的后端框架，结合纯前端技术，构建了一个在线...
前端技术选型分析文档
02-14
通过对前端如何技术选型的分析，清晰深入的对前端常见框架jquery,vue,react,angular的横向分析对比。
微前端架构选型指南
02-24
所以当我们的前端框架只有一个时，我们在采用微前端的技术时，可选范围就更大了。而遗憾的是，多数组织需要兼容遗留系统。IE问题。不论是在几年前，还是在今年，我们实施微前端最先考虑的就是对于IE的支持。在我遇到...
基于Java与前端技术栈的个人计划项目设计源码
10-10
Vue.js作为前端框架，以轻量、易用、响应式著称，能够快速开发出用户界面友好、交互体验良好的前端应用。此外，项目还包含了JavaScript文件、XML配置文件和资源映射文件等，这些文件共同构成了项目的运行环境，确保...
框架选型
weixin_33749131的博客
06-18 180
前面的话 　　有一个流传较广的笑话，一个人在stackoverflow中提了一个问题，如何使用javascript实现一个数字与另外一个数字相加。最高票回答是你应该使用jQuery插件，jQuery插件可以做任何事情。 历史总是在重演，以前是jQuery，现在可能是react或vue。不同的框架有不同的应用场景，杀鸡不要用牛刀。本文将详细介绍框架选型   框架与库 　　库(lib)具有以下...
前端技术架构
qq_42918433的博客
04-24 2029
前端技术架构 element UI ,Node.js/NPM/AXIOS/Mock.js/vscode/vue.js/基于muxt/ES6/easymock/swagger/webpack 以Node.js为核心的Vue.js前端技术生态架构
前端开发流程与技术选型
分享程序相关知识
06-20 1196
前端开发流程与技术选型。
转-前端技术选型
weixin_40870788的博客
06-21 1330
1. 背景及现状 随着前端开发复杂度的日益增加，各种优秀的组件框架也遍地开花。同时，我们面临业务规模的快速发展和工程师团队的不断扩张，如何解决资源整合、模块开发、项目部署、性能优化等问题势在必行。 2. 目标 根据背景和现状的分析，我们现制订一个规范化的前端工作流，很好地规范统一项目的模块化开发和前端资源，让代码的维护和互相协作更加容易更加方便，令前端开发自动化成为一种习惯。同时...
前端技术综览：UI框架与JS选型详解
前端技术选型还包括核心框架Spring，MVC实现Spring MVC，持久层选择Hibernate或MyBatis，以及数据访问对象（DAO）层的Hibernate DAO。日志管理使用SLF4J和Logback，缓存机制可采用Ehcache或Memcache提高性能，消息...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值