谢谢邀请尤雨溪！ 企业主流的前端框架 1、Angular.js github排名：star:59.6K angular框架算是前端框架中的常青树，自2009年由Misko Hevery等人创建后，在前端框架中一直占有重要的地位。angular是一款优秀的前端JS框架，被用于Google的多款产品当中。angularJS有着诸多特性，最核心的是：MVVM、模块化、自动化双向数据绑定、语义化标签、依赖注入等等，这些特性都是前端人员非常喜欢的东西。 曾经作为最流行的前端js框架，现在热度也在慢慢降低，体量大，不适合小项目使用，使得angular不再享受独宠。 2、Vue.js（三大主流框架之一） github:star: 163K Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式JavaScript框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，方便与第三方库或既有项目整合。 Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。另一方面，Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件 [2] 。Vue.js 自身不是一个全能框架——它只聚焦于视图层。因此它非常容易学习，非常容易与其它库或已有项目整合。另一方面，在与相关工具和支持库一起使用时 [3] ，Vue.js 也能完美地驱动复杂的单页应用。有以下几个特点： (1) 易用 已经会了 HTML、CSS、JavaScript？即刻阅读指南开始构建应用！ (2) 灵活 不断繁荣的生态系统，可以在一个库和一套完整框架之间自如伸缩。 (3) 高效 20kB min+gzip 运行大小超快虚拟 DOM最省心的优化 3、react.js（三大主流框架之一，GitHub排名仅次Vue） github: star: 148K React 是一个 Facebook 和 Instagram 用来创建用户界面的 JavaScript 库。很多人认为 React 是 MVC 中的 V（视图）。我们创造 React 是为了解决一个问题：构建随着时间数据不断变化的大规模应用程序。为了达到这个目标，React 采用下面两个主要的思想。 有以下几个特点： (1) 声明式 React 使创建交互式 UI 变得轻而易举。为你应用的每一个状态设计简洁的视图，当数据改变时 React 能有效地更新并正确地渲染组件。 以声明式编写 UI，可以让你的代码更加可靠，且方便调试。 (2) 组件化 创建拥有各自状态的组件，再由这些组件构成更加复杂的 UI。 组件逻辑使用 JavaScript 编写而非模版，因此你可以轻松地在应用中传递数据，并使得状态与 DOM 分离。 (3) 一次学习，随处编写 无论你现在正在使用什么技术栈，你都可以随时引入 React 来开发新特性，而不需要重写现有代码。React 还可以使用 Node 进行服务器渲染，或使用 React Native 开发原生移动应用。 ReactJS vs Angular5 vs Vue.js 的使用情况 总的来说，React和Angular一直保持着相对一致的发展步调。如果要我尝试做个预测，那么React会持续升高，Angular有所下滑。Vue.js依然不是很明晰，不过由于其框架的简洁性，发展也不错。 下面我们各个框架的优缺点： (1) Angular 5 Angular是一个从2009年就开始推出JavaScript MVVM框架，对于构建高度可交互的网页应用非常方便。 优点 新特性：RXJS，快速编译（3秒内），新的；详细的文档几乎涵盖了所有必须的信息，你甚至不需要向同事咨询。不过，你需要更多的时间去学习；数据双向绑定，可以减少出错的风险；MVVM(Model-View-ViewModel)使得开发者可以针对同一个App模块同时开发；依赖注入使得模块化和模块中组件引入更加方便；缺点 与生俱来的复杂的语法；好在Angular 5使用TypeScript 2.4，已经简单多了；迁移问题：从低版本升级到新版本的时候，不兼容导致迁移成本高。使用Angular 5的公司：Upwork, Freelancer, Udemy, YouTube, Paypal, Nike, Google, Telegram, Weather, iStockphoto, AWS, Crunchbase。 (2) ReactJS ReactJS是一个Facebook在2013年开源的JavaScript库，可以非常方便地构建大型网页应用。 优点 易于学习：由于语法十分简洁，和Angular相比，React要容易得多。工程师只需要重温一下HTML的基本知识就足够。根本不需要像Angular一样，还要深度学习TypeScript。高度的灵活性；虚拟DOM将HTML，XHTML、或则XML的文档格式化成树形结构，这样浏览器可以更容易理解；结合ES6/7，React可以很容易写出各种酷炫代码；Downward数据绑定，也就是说父节点的数据不会受到孩子节点的影响；100%的开源，每天都有来自全世界无数的开发者的更新和改进；绝对的轻量级，因为数据处理既可以在用户端，也可以在服务端；版本迁移非常容易，Facebook提供了”codemods”来自动化这一过程。缺点 缺乏官方文档：ReactJS的快速开发使得文档的缺乏，众多开发者的维护也使其缺乏一个系统化的思路；React因为太灵活增加了决策成本而不好使；需要很长的时间去掌握，因为ReactJS需要你对如何将UI和MVC框架整合有一个足够深度的理解。使用ReactJS的公司： Facebook, Instagram, Netflix, New York Times, Yahoo, Khan Academy, Whatsapp, Codecademy, Dropbox, Airbnb, Asana, Atlassian, Intercom, Microsoft。 (3) Vue.js Vue.js是一个2013年诞生的前端框架，非常适合用于构架非常灵活的UI和复杂的单页面应用。 优点 强化的HTML，也就是说Vue.js有着很多和Angular相似的特点。详细的文档，Vue.js有着超级友好的文档，开发者可以快速的学会，这将会节省很多时间；可适用性：你可以很快地从其它框架转移到Vue.js，因为它和Angular以及React都有一定的相似性；非常棒的整合性：Vue.js可以同时用于单页面应用和更加复杂的网页应用。主要在于你可以用它编写很小的可交互部件，然后可以很容易地整合到现有的项目中而不会影响到整个系统；可扩展性：Vue.js可以用于快速开发大型复用模板；体积小：Vue.js只有20KB左右的大小，使得其速度和灵活性相对于其它框架都好不少。缺点 资源匮乏：Vue.js依然在整个市场中只占有很小的比例，所以相应的资源、知识要少很多；灵活性带来的风险：有时候，将其整合到大型项目的时候会有一些问题，但是你不见得能够找到解法；来自中国：许多的元素和描述依然使用中文。这对于开发中会引入一些复杂性，好在越来越多的相关资料已经被翻译成英文。使用Vue.js的公司：小米, 阿里巴巴, WizzAir, EuroNews, Grammarly, Gitlab and Laracasts, Adobe, Behance, Codeship, Reuters。 我们看下最近几年的前端招聘 一般的前端公司都需要精通这几个框架的 ； 总结如果向从事前端，走的 更远，这几个框架是必须要精通的。
题主你好 Html（Hyper Text Markup Language）文件是超文本标记语言文件html是什么语言。html文件结构包括了头部（Head）、主体部分（Body）。头部head标签内是网页信息，主体body标签内是网页要显示的具体内容。HTML标记/标签可以有不同的属性项，用来控制标签内的内容显示不同的效果。html文件是文本文件，它需要其他程序（如浏览器）的解析。 HTML格式的文件用不同的程序打开可能有不同的显示效果。一般的编辑软件（如记事本、EditPlus、Adobe Dreamweaver等）都能打开，但打开的显示效果是纯代码。如果要看到html文件的渲染效果，则需要具有html解析功能的软件程序（如浏览器）来打开。 没有CSS的网页会怎样？ 01前言没有CSS的网页会怎样？看到这个话题，就想扯皮子一下，大开杀戒吹吹牛。没有CSS的网页是不是以裸体呈现给大家昵？下面我们先看看没有CSS的“裸体”： 这几张图片都是热门网址的“裸体”，是不是感觉好不习惯，下面我们展开聊一聊CSS。 02什么是CSSCascading Style Sheets简称“CSS”，它是一种编码语言，为网站提供外观和布局。与HTML一起，CSS是网页设计的基础。没有它，网站仍然是白色背景上的纯文本。 在万维网联盟（W3C）于1996年开发CSS之前，网页的形式和功能都非常有限。早期的浏览器将页面显示为超文本或纯文本，图像和指向其他超文本页面的链接。根本没有布局可言，只有在单个列中跨页面运行的段落。 CSS允许对网页布局进行多项创新，例如能够： 指定浏览器的默认字体以外的字体 指定文本和链接的颜色和大小 将颜色应用于背景 在框中包含网页元素并将这些框浮动到页面上的特定位置 他们将“风格”放在样式表中，并且第一次可以设计网页 03CSS真没了过了一下概念，凭空想象一下，没有了CSS是不是让人很心烦，所有的网页看起来都是黑白相间。 假设其它的web技术依然健在，加上人对UI的追求是不变的。 那么我们的网页很有可能会经历下面的阶段： 一夜之间所有的css都无法调用了，那么大多数的网页都会变成本答案下贴的各种网页的截图。除了flash做的网页和cavans做的网页游戏。然后，想必这时候客服的电话已经打爆了，用户一脸懵逼，老板怒发冲冠。一大堆前端正在排队等候猝死。但是一部分前端开始使用其他的技术来构建网页的样式。 可能会出现利用js调用dom构建样式，多半会出现一个什么工具把原来的css转换为js控制dom的代码。 然后有的人开始觉得，反正都要用js来构建样式了，我干嘛不用cavans，还能想画什么画什么，或者又有一小部分人开始使用webGL，又或者three.js大为火爆，前端开始要求设计师设计出3D UI。 最后，我们看到的网页的样式，依然会稳定在我们现在看到的样子，持续一步一步进化中。不同的是，因为工作量的上升，又会出现一堆帮助你构建网页样式的前端框架。css并不是唯一构建网页样式的工具。只是目前最好，最快的样式框架变成了其它，比如命名为“鸿天”。技术的发展始终追寻着需求的脚步，突然之间少了某个技术，也会很快有其他的技术取而代之。某个技术的真正死亡，从来都是因为需求变化了~ 前端html和js可以做什么？ 最基本的就是开发网页啦，html写网页，js实现网页交互效果，除此之外，也可以开发桌面GUI程序，下面我简单介绍一下如何使用html+js开发出一个简单的桌面程序： 1.这里为了更好的说明问题，我新建了一个html文件，就是一个简单的登录页面，源码如下，非常简单，就是两个输入框和一个登录按钮： 浏览器运行的效果如下： 2.接着就可以将这个html网页打包为桌面应该程序，这里需要用到nodejs的Electron功能，下面我具体介绍一下主要步骤及截图： 首先，需要安装本地node环境，这个直接到官网上下载就行，如下，选择适合自己平台的版本即可： 安装完成后，需要下载一下electron和electron-packager这2个包，后面的打包需要借助这2个包，命令“npm install electron electron-packager”，如下： 接着新建一个文件夹，将刚才的html文件拖拽进去，同时新建一个package.json文件和一个main.js文件，如下： package.json文件配置如下，主要指明应用名称、版本号及打包配置文件： main.js文件配置如下，这里需要指明打包程序的入口文件，网上也有详细配置过程： 最后就是在打包程序了，命令“electron-packager . APP –win –out AppDir –arch=x64 –electron-version=3.0.10 –overwrite”，打包的过程非常快，这里主要需要指明打包的应用名称、输出目录、版本号、位数等： 接着就可以在输出目录AppDir中找到打包好的应用程序APP.exe，直接双击就能打开，截图如下，和浏览器效果差不多： 至此，我们就完成了利用html+js来开发一个简单的桌面GUI程序。总的来说，整个过程不难，就是步骤有些繁琐，只要你熟悉一下上面的配置过程，多操作几遍，很快就能掌握的，当然，你也可以使用html+js开发移动应用，像HBuilder等，网上也有相关教程和资料，介绍的非常详细，感兴趣的话，可以搜一下，希望以上分享的内容能对你有所帮助吧，也欢迎大家评论、留言。
前端的编辑器很多，这个也没什么特殊的标准，哪个一定好，哪个一定不好，只要能高效vim编辑器、保质保量的完成工作就行，下面我介绍几款常用的前端代码编辑器，感兴趣的可以下载尝试一下： 1.VS Code：这个是微软开发的一个免费、开源、跨平台的代码编辑器，支持几十种编程语言，包括Html，CSS，JS等，小巧灵活、运行效率高，支持常见的代码高亮、语法提示、智能补全、错误检查、Git等功能，而且插件扩展丰富，配置后，可直接调试运行Java，C++等程序，是一个很不错的代码编辑器，也很适合前端开发： 2.Sublime Text：这也是一个免费、跨平台、小巧的代码编辑器，支持的编程语言与VS Code差不多，轻便、灵活、运行效率较高，支持常见的代码高亮、语法检查、自动补全等功能，安装相关插件后，也可以完成代码的调试和运行，对于前端开发来说，也是一个很不错的代码编辑器： 3.Atom：这个是GitHub专门为广大程序员开发的一个代码编辑器，免费、开源、跨平台，支持常见的Html，CSS ，JS，Java，C++等编程语言开发，代码高亮、自动补全、语法提示、轻便灵活，是一个非常不错的代码编辑器： 4.Notepad++：这个大部分人都应该听说过，其实就是记事本的增强版，支持多达27种编程语言，包括前端的Html，CSS，Javaspan等，自动补全、语法提示等功能也不错，小巧灵活，使用方便，是一个很不错的前端代码编辑器： 5.Hbuilder：这个是国产的一个前端开发的IDE，专门用于web开发，界面柔绿、清爽护眼，支持常见的自动补全、语法提示等功能，还支持Markdown功能，可以将开发的前端网页云端打包成安卓或iOS手机应用，是一个非常不错的前端编辑器： 6.WebStorm：这是一个重量级的Web开发IDE，由Jetbrains公司研发，Web开发的神器，常见的代码高亮、智能补全、语法提示、Git等功能，这个软件都支持，除此之外，还支持单元测试、代码重构、代码分析等功能，在大型项目开发中，经常会用到，是一个很不错的前端IDE： 目前，就分享这6个前端开发的代码编辑器吧，像其他的软件，Editplus，IDEA，DW，Eclipse等也都可以，选择适合自己的一个就行，希望以上分享的内容能对你有所帮助吧，也欢迎大家评论、留言。
web前端开发工具主要是有css、html、java、js、jquery，这些入门操作都是非常简单1、学习css，这个css没有包含css3，通常我们看到对于web前端工程师要求是要会使用css div或css html对界面进行布局，因此 css是辅助html来展示以及布局的，称之为css样式。 上面说的css div中的div就是html主要用在布局上的，div是核心要掌握的东 西。而且css是一定需要配合div进行使用，所以学css要熟悉掌握position、height、float、width，并对于界面的最大最小、能 使用百分百、margin、overflow、padding等。 这些关系到布局样式的一定要能够熟练掌握，实在不明白可以到杭州有码互联咨询 下，有码讲师都是有超过三年以上的项目经历。2、html是web前端开发工具中最为基础和最简单的，在html中要掌握的有form table、span、p、div、ul li 、font这各类标签。 尤其是table和div，table虽然也能布局使用，但是不方便，通常是用table和数据打交道的。而div是用来布局。3、学习web前端开发的话要是能够会些java、php等后台语言更是加分了。因为web前端的界面数据都是在后台那过来的，要是会后 台语言的话，就更节约时间，不仅知道如何于后台交互数据是最好的，也知道怎么写前端的代码会更加规范。 就不会出现写法和后 端的数据不匹配，要重现编写的尴尬现象了。4、掌握js，也许前面提到的大家都觉得还可以。但一说到JS就晕了吧web开发工具？事实上js的入门非常的简单，只要能够会根据某个name、 或id拿到网页的样式、值和dom。 以及会给某些name或id的元素标签赋值、追html、追加数据，在按照逻辑推断。至于效果无疑就 是弹框、跳转、隐藏等。再把这些结合到其他的，代码其实就一点也不不会难了。学会了基础的js之后，其他的方面结合学习资料 多看多用基本上是没问题的。5、学习jquery。 jquery是把js封装了一套的一个js插件。最终就是希望代码简化、操作更方便。Jquery入门也不难，它需要学的和 js一样，不同的是换成了jq的代码。其他结合别的学习资料就可以了。6、最后是学习css3 html5了，这个目前是最流行的了，如果是搞后端的话，在工作里面也不怎么会用到，一般是在网站中出现问 题了，那就需要用到css3 html5去修改一下。
当然是可以的vscode新建html文件，比较流行的就是electron，借助于node进行打包，将前端转化为桌面软件，下面我简单介绍一下electron是如何打包前端为桌面软件的，感兴趣的朋友可以尝试一下： 搭建node环境这个直接到node官网下载即可，windows环境下也就是exe安装包，双击便可安装，安装完成后，这里需要将node、npm这些常用命令添加到环境变量（也就是node的安装目录），后面使用起来也会非常方便： 安装electronnode安装完成后，这里还需要安装electron，打包的时候要用到，直接在cmd窗口输入命令“npm install electron electron-packager”即可，如下，如果下载过程比较慢，可以更换一下npm源： 打包软件01、创建打包目录及打包所需文件 一切准备就绪后，我们就可以直接开始打包前端软件了，新建一个文件夹，将需要打包的前端文件放进去，同时创建package.json和main.js这2个文件，目录结构如下： 02、配置打包所需文件 package.json配置如下，这主要指明应用名称、版本号以及打包配置文件： main.js配置如下，这里主要指明打包的具体过程，重点是需要打包的html文件，网上相关配置非常多，可以做适当调整和补充： 03、打包软件 打开cmd，cd切换到打包目录，然后直接运行“electron-packager . APP –win –out AppDir –arch=x64 –electron-version=3.0.10 –overwrite”命令即可，这里主要是指明平台、输出目录、位数、版本号等： 打包完成，即可在APPDir输出目录看到打包的exe程序，双击便可正常运行，本质其实就是嵌套了一个浏览器内核： 至此，我们就完成了将前端网页打包为桌面软件。总的来说，整个过程非常简单，借助于electron我们可以快速完成打包软件，当然，你也可以使用nwjs，网上也有相关资料和教程，介绍的非常详细，感兴趣的话，可以搜一下，希望以上分享的内容能对你有所帮助吧，也欢迎大家评论、留言进行补充。 如何创建一个html文件？ 1、新建一个文本文档。 2、打开文本文档后，输入 <html> <head> <title>这是一个网页＜/title> </head> <body> <h1>hello，人生＜/h1> <p> <font size=”8″face=”Verdana”>寂寞如雪＜/foot></p> </body> <foot> </foot> </html>。 3、输入段代码后，点击保存，保存类型设置为所有文件，文件名保存为test.html。 4、点击保存后，一个html文件就做好了。 5、点击就可以打开html文件了。
适不适合这个问题还是要根据学者的自身情况去进行确定web前端开发工具，是有选择适合的学习方式你才能够更好的学习web前端技术。现在市面上的免费视频学习资料到处都是，自学的人也大有人在，要想知道自己是否适合自学可以参考下边几个方面。 1、控制力，在这方面的自己是否有一定的控制力，自学相对比较独立，学习起来更加枯燥，而今生活中电子产品太多，可以娱乐的事情也不少很容易影响到学习，如果没有一定的控制力就很难一心一意去进行学习； 2、自律性，这也是自学必须要具备的，一个人只有很好的自律性你才能够按照制定好的计划去每天不断的坚持进行学习； 3、要有一定的学习能力，既然是学习一定要具备一定的学习能力，尤其是自学遇到的一些问题都需要自己去解决，所以学习能力一定要好。 大家想要通过自学完成web前端技术的学习，一定要先看自己是否满足上面的这个几个方面。如果上面是这几个方面有其中的一种都无法满足的话，建议大家就不要轻易去选择自学的方式了，基本上自学是不合适的，最好是去选择通过培训的方式去学习。 如今前端程序员还有前途吗？ 先回答楼主的问题，前端程序员还有前途吗？答案是肯定有！ web前端算起来是一个新兴的行业，被重视也就是近几年的事情。无论是刚刚开创的小公司，还是中大企业，首先需要的就是他们自己的信息，网站是大多数的选择，要做网站，就需要前端！需要前端显示页面。其实web前端的岗位职责就是实现前端页面！不信我们来看看前端招聘的职位描述和任职要求： web前端岗位职责:1、负责前端架构设计、组件的设计与开发； 2、维护、优化现有前端页面； 3、与后端开发工程师配合完成产品开发； 4、进行技术创新，提升产品的用户体验； 5、根据项目需求和设计，分析并给出解决方案。 任职要求: 1、本科及以上学历，4年以上Web前端工作经验； 2、熟悉W3C标准、HTMLXHTML、CSS，熟悉跨浏览器兼容调试、能够编写规范、可维护的前端代码，有组件设计思想； 3、精通Ajax、JSON、JSONP等前端技术，至少熟悉一种常用JavaScript脚本库(React、Vue、AngularJS、React Native等)； 4、具有丰富移动端和PC端研发经验，对Web前端可用性、浏览器兼容性、及良好用户体验有深刻认识和实践； 5、具有良好的沟通和团队协作能力； 6、具有vue、elementui开发经验者优先； 7、熟悉Node.js、less、scss、stylus、webpack优先。 当然，说了这么多，你还是会有疑惑，最好的解决办法就是看前端的招聘需求，职业火不火，看招聘需求就知道了！ 智联招聘14782条招聘信息 百度百聘18980条招聘信息如果看到这些你还怀疑前端的发展前景，那就在说不过去了！ 说了前端的前景，就附带说一下前端的学习吧。直接来一张学习线路图！ web前端将来市场如何？ 一个非常好的问题。Web前端开发需求会一直存在，重点关注两个新方向：大前端H5跨平台开发、低代码无代码LCNC快速开发。 一，大前端H5跨平台开发随着移动互联网的发展，前端开发成为重点。移动端有多个平台，Android，iOS，微信小程序，支付宝小程序，还有不断出现的新操作系统，比如阿里YunOS，华为鸿蒙，等等。 为了支持这些平台和系统，越来越多的应用开始使用H5跨平台架构，新名词叫做“大前端”。这时的H5前端开发已经不再是单纯的网页开发了，而是前端应用开发，比如单页架构。 具体到H5 Hybrid架构，常用三剑客：HTML, css, JavaScript 1. HTML和css是页面设计，没有代码逻辑 2. JavaScript编程，还有其它衍生语言，比如常用的TypeScript JavaScript是一种脚本语言，由解释器加载执行，常用在网页前端动态展示、和服务后端交互等场景。 3. 常用框架 JavaScript前端开发有很多成熟的框架可用，比如JQuery, AngularJS，React，还有前后端打通的NoteJS。阿里开源框架Ant Design Pro是一个功能完善的脚手架，推荐新学者练手。 二，低代码无代码LCNC快速开发低代码/无代码，low-code, no-code，简称LCNC，近年来获得较快发展，一个重要的原因是需求推动，期待解决数字化和工业4.0对软件开发人员的巨大需求缺口。 很多公司和创业者有想法没团队，为了降低软件开发门槛，LCNC自然被发展了起来，近几年技术上有所突破，融资市场上也比前些年热闹的多。 在常见的企业信息管理系统开发中，尤其适合办公系统（OA）、企业资源计划系统（ERP）、客户关系管理系统（CRM）等，可以显著提高开发效率，降低开发成本。 现在市场上已经有一些成熟的解决方案可用，比如明道云、清流，搭搭云，国外的OutSystems等著名企业。通过提供SaaS或者PaaS服务平台，将通用、可重复使用的代码形成组件化的模块，通过图形化的界面来拖拽组件拼成应用。 我是工作多年的Web应用架构师，陆续写一些关于软件开发方面的文章，欢迎关注我，了解更多IT专业知识。