当前位置:首页 » 网页前端 » 前端团队需要打造库吗
扩展阅读
webinf下怎么引入js 2023-08-31 21:54:13
堡垒机怎么打开web 2023-08-31 21:54:11

前端团队需要打造库吗

发布时间: 2022-07-21 05:05:20

① 如何做商业前端框架+UI库选型

这将帮助你了解前端社区中海量的工具。

当然,这些只是一些可选的列表,当你需要做出选择的时候帮助你抉择。


我自己使用它吗?

是的,当我需要开始项目的时候,我用它来作为提醒。

同时,每当有人问“我该使用什么框架呢?”的时候,我就会把这篇文章给他看。

因为,正如你明白的,事情没有绝对的对与错,但是有一些优质的框架能够帮助做出我们更好的选择。

另外,我也会不时的更新本文,因为有时候当我学习更多后也会改变当初的想法。
我应该怎样开始?

如果你的项目不是很小,你应该需要下面几件事:


  • 项目模块化 我个人比较喜欢 Component-based architecture,因为他适用于 various-frameworks


同时,考虑一些其他的例子,比如 BOT 、 Elm Architecture 或者 re-frame 或者 CycleJS


  • 模块加载器(RequireJS,Browserify, Webpack, ComponentJS, SystemJS)


这些东西能够帮助我们保持Javascript(或者components)彼此独立和可维护。


  • 包管理器(npm, jspm, bower)


我个人一直比较喜欢 npm ,似乎他是javascript和nodejs真正的标准。另外我会考虑bower来做补足,因为他是一个很好的下载静态资源的工具,但它在管理组件和依赖又不如npm强大。


  • 自动部署/编译/构建流水线(grunt/gulp/brunch/broccoli)


因为,如果一直做重复的事情的话生命是很短暂的。


  • CSS预处理(jss/stylus/sass/css-moles)和 postprocessors(css0, autoprefixer, postcss)


这些工具使css更美好,去除了一些浏览器兼容的问题。是的,我是从2015知道这些的,但是不论如何,它在过去确实是痛点。


  • 构建框架(Bootstrap, Zurb Foundation, Elemental UI, Material Lite)


这些框架让很多web开发者合作,它们会帮助你处理基本的布局和样式。

尽管,你可以考虑构建你自己的解决方案,如果你感觉构建很厉害或者希望成为前端专家,或者你需要为你的公司构建基本的视觉元素。

如果是这样的话,建议你尽快使用方法论(BEM, OOCSS),它们可以帮助你节约时间。

我个人比较喜欢 BEM 命名方式和基本工作流,你能够从 styleguide for Brainly.com找到一些可以帮助你的灵感。

如果你不构建基本的组成,建议看一看 HTML5 Boilerplate

测试工具(jasmine, karma, mocha, tape, itern)

任何人都需要测试,没有例外的。

代码质量监控工具(eslint, husky, editorconfig)

可以获取帮助的社区(chats, IRC, meetups, twitter)

好了,下一步呢?

在选择你的工具前有一些值得思考的问题需要解决。

准备好了吗?

我需要和其他人合作吗?他们是谁?他们想要什么?

这个问题会帮助你选择语言和工作流,这对你和你的伙伴都有帮助。

我最关注什么?质量,开发速度,还是可维护性?

这样你可以决定是否试验一些新工具,以及是否能承担失败的风险。

是否需要开放给第三方?

面向的团队不同可能会限制我们语言的选择。

我是否在处理核心的项目

如果你处理核心项目,请最好选择高稳定性的语言和框架,这更安全,让你睡得更好。

是一个可交互的app还是基本的文档页面。

结果很可能是你仅仅需要基本的HTML +CSS + tools,或者静态网站生成器或者CMS。

这是一个单一的项目还是其他项目的相关项目?

即使你有一系列项目,你也应该用一些组件和样式引导,这些有不错的文档。

直接减少代码重用,保持一致性。

另外,考虑SEO,和服务端渲染。
语言列表

当你回答完上面这些问题后,就可以和你的队友聊聊,然后选择一个语言了。

因为这里有很多的东西,而不是糟糕的Javascript,你可以选择

是否有js开发团队

考虑ES6(babel兼容)

这会让你的生活简单一些。

你是否偏爱typed语言?开发typed是否可以?

考虑 typescript

函数式编程是否接受?

你可以从简单ES6库开始,比如 lo-dash 或者 ramda。

这里有一些教程和书来帮助你开始美好的旅行。

你是否尝试过函数式编程,想要更好的东西?

试试 elm ,很酷的!

你是否能够全栈?

试试 clojurescript,很酷很酷的

你喜欢沙拉吗?

试试scalaJS

你知道Haskell吗?

试试 purescript,真的很酷

想要更多疯狂的?

这里有一个可以编译成javascript的语言列表,选一个然后享受吧。
框架列表

你仅仅需要基本的可运行的app?

没有时间做更复杂的工作?

试试 angular. start looking for help imediately

你是否经常需要快速的原型开发?

是否能在未来修复一些问题?

试试 angular. 一些问题

你是尝试前端开发的后端?

试试 angular. 寻找一些前端开发者

你是否需要很快的进行开发和构建,但是同时会丢失一些特点?

试试 ampersand/backbone

同样的技术选型,怎样从中型到大型?

把 marionette/chaplin添加到你的backbone里面去,另外可以考虑 Reackjs

你是否有一些时间来实验,同时得到很大的性能提升?

试试mithril/knockout/aurelia+

你是否有不错的前端实验精神,对函数式编程熟悉?

试试 ReactJS+Rex+ImmutableJS+

更多函数式编程技巧?或者偏好交互性强的应用?

使用 reactive streams(bacon, rxJS) 或者试试 Cycle.js(实验性)

注意1: add streams any会是很好的选择,可以推荐别人使用。

注意2: 请不要拒绝使用 FRP的reactive streams

你想要使用严格的验证和通用处理方式?

你的应用会越来越大?

你计划扩充你的团队?

你有时间学习新东西?

建议花时间学习 EmberJS,他将会是很好的投资!

你是否需要“类桌面应用”?

你的应用有表格,图例,或者其他分析功能?你在构建企业应用?

试试 ExtJS

你们是一个为其他开发者提供服务的工作室?

你最好有一个不错的工具集,另外,同事之间最好有一些公共用例。

你是一个为他人提供工具的自由开发者?

适应他们的选择。

尝试angular,这将不会造成多大麻烦,让其他人得到他们想要的。

注意:如果别人付费,请不要改变客户的需求

你正在构建一个有吸引力的产品,它将会很多人使用?

有了明确的需求后我们就从上面的列表中选择一个合适的框架。

关于开发什么样的应用你有明确的需求(比如10屏的移动应用)

花两周时间来试验特定的需求(ionic, famous, Sencha Touch)

怎样开始编码?

花一些时间阅读你所选择框架或者工具的文档。
在社区里面询问一些经验开发者怎样算是优秀项目的开端。
准备所有的工具。
极客精神。但是我建议更加工程化一点。
...
成功。

不知道怎么用我介绍的一些不常见框架?

看看 TodoMVC Examples,找到你选择的框架。

但是记住,这些项目只是示例,大多数情况下他们不适合大中型项目。

② 做前端开发的需要与数据库打交道吗

这个是不需要的,前端主要负责页面开发,也就是用到html、css、js这些基本的技术,最多涉及到Ajax,接口都是写好的,只要调用就可以了。数据库都是有后台人员来写的。

③ 常见的前端集成部署方案有哪些各自的优缺点是什么

前端行业经历了这么长时间的发展,技术元素非常丰富,这里列举出一般web团队需要用到的技术元素:

开发规范:包括开发、部署的目录规范,编码规范等。不要小瞧规范的威力,可以极大的提升开发效率,真正优秀的规范不会让使用者感到约束,而是能帮助他们快速定位问题,提升效率。

模块化开发:针对js、css,以功能或业务为单元组织代码。js方面解决独立作用域、依赖管理、api暴露、按需加载与执行、安全合并等问题,css方面解决依赖管理、组件内部样式管理等问题。是提升前端开发效率的重要基础。现在流行的模块化框架有requirejs、seajs等。

组件化开发:在模块化基础上,以页面小部件(component)为单位将页面小部件的js、css、html代码片段放在一起进行开发、维护,组件单元是资源独立的,组件在系统内可复用。比如头部(header)、尾部(footer)、搜索框(searchbar)、导航(menu)、对话框(dialog)等,甚至一些复杂的组件比如编辑器(editor)等。通常业务会针对组件化的js部分进行必要的封装,解决一些常见的组件渲染、交互问题。

组件仓库:有了组件化,我们希望将一些非常通用的组件放到一个公共的地方供团队共享,方便新项目复用,这个时候我们就需要引入一个组件仓库的东西,现在流行的组件库有bower、component等。团队发展到一定规模后,组件库的需求会变得非常强烈。

性能优化:这里的性能优化是指能够通过工程手段保证的性能优化点。由于其内容比较丰富,就不在这里展开了,感兴趣的同学可以阅读我的这两篇文章 [1] [2]。性能优化是前端项目发展到一定阶段必须经历的过程。这部分我想强调的一点是性能优化一定是一个工程问题和统计问题,不能用工程手段保证的性能优化是不靠谱的,优化时只考虑一个页面的首次加载,不考虑全局在宏观统计上的优化提升也是片面的。

项目部署:部署按照现行业界的分工标准,虽然不是前端的工作范畴,但它对性能优化有直接的影响,包括静态资源缓存、cdn、非覆盖式发布等问题。合理的静态资源资源部署可以为前端性能带来较大的优化空间。

开发流程:完整的开发流程包括本地开发调试、视觉效果走查确认、前后端联调、提测、上线等环节。对开发流程的改善可以大幅降低开发的时间成本,工作这些年见过很多独立的系统(cms系统、静态资源推送系统)将开发流程割裂开,对前端开发的效率有严重的阻碍。

开发工具:这里说的工具不是指IDE,而是工程工具,包括构建与优化工具、开发-调试-部署等流程工具,以及组件库获取、提交等相关工具,甚至运营、文档、配置发布等平台工具。前端开发需要工具支持,这个问题的根本原因来自前端领域语言特性(未来我会单独写一篇文章介绍前端领域语言缺陷问题)。前端开发所使用的语言(js、css、html)以及前端工程资源的加载与定位策略决定了前端工程必须要工具支持。由于这些工具通常都是独立的系统,要想把它们串联起来,才有了yeoman这样的封装。前面提到的7项技术元素都直接或间接的对前端开发工具设计产生一定的影响,因此能否串联其他技术要素,使得前端开发形成一个连贯可持续优化的开发体系,工具的设计至关重要。

④ 如何打造有战斗力的前端团队

目前的前端工具用Dreamweaver相对来说真的是很过时了,有很多比Dreamweaver好用的前端开发工具,方便又直观~

⑤ 新组建的前端团队如何选择前端框架方案

当一个参数的值改变时,组件的render函数被调用并返回一个新的组件树。 React 将返回的组件树与虚拟 DOM 树进行比较,以确定如何更新真实的DOM。这种重新渲染所有内容并将结果与虚拟 DOM 进行比较的技术经实践证明是非常有效的
Angular 是一个非常适合有 Java 或 C# 背景的企业开发人员的平台。TypeScript 和 Intellisense 的支持将使这些开发人员感觉到非常熟悉。虽然 Angular 是新的,但它已经有很多第三方组件库了,公司可以立即购买并立即开始使用。Angular 团队承诺要快速迭代框架,使之更好,且不会再次破坏向后兼容性。Angular 可用于使用 NativeScript 构建高性能原生应用。
Ember.js 是一个优化小团队和技能水平较高的独立开发者的生产力框架。其对配置上的约定,为新开发人员和组织长期维护大型项目提供了极好的起点。承诺的“稳定无停滞”已被证明是维护大型应用的有效方法,而不需要在最佳实践改变时进行重写。稳定性、成熟度和致力于创造共享代码,促生了一个生态系统,这个生态系统使得大多数开发的简易程度让人惊讶。如果您正在寻找一个长期项目的可靠框架,Ember 是一个很好的选择。
Polymer 是一个对于希望创建单一样式指南,和要在整个组织中使用的组件集合的大型组织而言特别适合的框架。该框架提供可比较的开发工具。如果你想将一些现代化的功能应用在你的程序上,而不需要编写大量 JavaScript,那么 Polymer 是你们很不错的选择。

⑥ 前端需要学习数据库吗

前端前景是很不错的,像前端这样的专业还是一线城市比较好,师资力量跟得上、就业的薪资也是可观的,学习前端可以按照路线图的顺序,

0基础学习前端是没有问题的,关键是找到靠谱的前端培训机构,你可以深度了解机构的口碑情况,问问周围知道这家机构的人,除了口碑再了解机构的以下几方面:

1. 师资力量雄厚

要想有1+1>2的实际效果,很关键的一点是师资队伍,你接下来无论是找个工作还是工作中出任哪些的人物角色,都越来越爱你本身的技术专业前端技术性,也许的技术专业前端技术性则绝大多数来自你的技术专业前端教师,一个好的前端培训机构必须具备雄厚的师资力量。

2. 就业保障完善

实现1+1>2效果的关键在于能够为你提供良好的发展平台,即能够为你提供良好的就业保障,让学员能够学到实在实在的知识,并向前端学员提供一对一的就业指导,确保学员找到自己的心理工作。

3. 学费性价比高

一个好的前端培训机构肯定能给你带来1+1>2的效果,如果你在一个由专业的前端教师领导并由前端培训机构自己提供的平台上工作,你将获得比以往更多的投资。

希望你早日学有所成。

⑦ 前端搞那么多工具框架库是让开发更简单还是更复杂

相当于写作文别人已经弄好模版了 你只用填内容就行了 效率肯定更高啊

⑧ 学习web前端需要学数据库吗

学习web前端其实是不用学习数据库的
web前端主要学习的内容有:
1、Web前端需要掌握HTML+CSS的静态布局相关知识。
HTML主要就是网页编辑,这部分知识非常简单,基本上都能学会。当然前提是经常练习要掌握熟练。
2、Web前端还需要学习JavaScript的知识。
JavaScript是Web前端中最重要的知识,所以这部分知识要引起重视。当然难度也相对较大,同学们需要用功学习哦!
3、Web前端需要学习jQuery。
其实jQuery要容易一些,不过不要认为有了jQuery就忽略了JavaScript,大型互联网公司都是直接用JavaScript写的,这样的安全性要更加的高。看这个人对自己的标准是怎么样的。
4、Web前端需要学一点HTML5+CSS3的知识。
不要认为HTML5只是添加了一些标签而已,如果有兴趣可以去网络看看HTML5的强大之处,很多的特效用CSS3都可以做。
5、Web前端Bootstrap框架的学习,这个框架应该每个东西都会用,难度不大,必须掌握。
6、Web前端还要学习Node.js–react–angular.js—backbone其实这些东西如果你JavaScript理解的一般,学起来会困难一些,不过前端框架更新的还算很快。如果能够把JavaScript学好其实上面都够了。

⑨ web前端开发需要掌握的几个必备技术

Web前端开发需要掌握的几个必备技术是:
HTML +_CSS核心、JavaScript、VUE框架

前端的应用非常广泛,基本网站、APP、HTML5小程序等都需要前端开发,所以只要是互联网产品基本都需要前端。
前端程序猿切页面写页面,Web上、H5上的炫酷效果,是前端开发大展身手的地方。最常见的用于前端开发的技术组合是:
HTML+CSS+JavaScript。
web前端是在开发人员中最直接面向产品、面向用户的设计人员,一个开发团队的成果是要靠web前端去展现,因为用户不会去关心后台的处理有多么强大。
后端开发是写后台,各种业务逻辑、数据处理、模块接口、客户端接口等等。后端开发者通常精通于一种Web编程语言和一个数据库管理系统。电商平台点击筛选条件下面为你筛选出来的宝贝的功能以及付款人数数据的变化等都是由后台来实现提供的。
目前web产品交互越来越复杂,用户使用体验和网站前端性能优化这些都得靠web前端去做。
前端开发则是网站的前台代码实现,包括基本的HTML和CSS以及JavaScript/ajax,最新的高级版本HTML5、CSS3,以及SVG等。
前端开发需要学习的技术
1 掌握基本web前端开发技术:HTML、CSS、JavaScript、DOM、BOM、AJAX等,而且要了解它们在不同浏览器上的兼容情况、渲染原理和存在的Bug
2 必须掌握网站性能优化、SEO和服务器端开发技术的基础知识
3 必须学会运用各种web前端开发与测试工具进行辅助开发
4 除了掌握技术层面的知识,还要掌握理论层面的知识,包括代码的可维护性、组件的易用性、分层语义模板和浏览器分级支持等
5 未来web前端开发工程师还要研究HTML5、web视觉设计、网站配色、网站交互设计模式等相关技术
web前端有广阔的发展空间,app、小程序、移动端、pc端等都网站是需要前端技术的开发支持才能够完成,技术门槛相对较低、需求量较大,薪资待遇良好。只要是互联网端的客户界面,就需要前端来制作完成,前端开发的编程量不大,但是需要部分编程,入门简单,但是要学的深入需要一个过程。
Web前端招聘岗位
• 前端开发工程师、Web开发工程师、网页开发工程师、HTML开发工程师...
• H5开发工程师、移动应用开发工程师、App开发工程师、小程序开发工程师...
• JS开发工程师、Vue.js开发工程师、Node.js开发工程师、前端架构师...
• 小游戏开发工程师、数据可视化开发工程师、WebGL开发工程师、WebVR开 发工程师、Web安全工程师...

⑩ 学前端要学后台和数据库吗

后台多学一些还是有好处的,做前端页面需要后台给你返回数据(比如ajax) 你都要回,还有一些基本的后台语言 都要懂一些