什么是前端？

Posted 2023-04-25

有前端大佬吗？想了解一下没有基础自学可以不

前端是在浏览浏览器的时候，它是网络前台的部分，运行在pc端。
移动端等浏览器上展示给用户浏览的页面，利用完美的动态设计，能够给用户带来极高的用户体验。
前端前端技术一般分为前端设计和前端开发，前端设计一般可以理解为网站上面的视觉设计，前端开发则是网站的前台代码实现。
前端开发又最基本的三个核心，这也是必须掌握的三个重要的核心，分别是html、CSS、javascript这三个，在日常的生活中我们接触到的也很多，掌握了这三个，在前端开发应付也会很轻松。 参考技术A

前端又称Web前端。前端即网站前台部分，运行在PC端，移动端等浏览器上展现给用户浏览的网页。前端是网页给访问网站的人看的内容和页面。是为了网页或者网页应用，使用HTML，CSS以及JS代码，用户能够看到并且和这些页面进行交流。

前端官方的定义是前端就是网站前台部分，运行在PC端，移动端等浏览器上展现给用户浏览的网页。也就是前端是网页给访问网站的人看的内容和页面。那前端开发顾名思义就是这些内容和页面中代码的实现。

前端开发的工作职责：

1、使用Div+css并结合Javascript负责产品的前端开发和页面制作。

2、熟悉W3C标准和各主流浏览器在前端开发中的差异，能熟练运用DIV+CSS，提供针对不同浏览器的前端页面解决方案。移动HTML5的性能和其他优化，为用户呈现最好的界面交互体验和最好的性能。

3、负责相关产品的需求以及前端程序的实现，提供合理的前端架构。改进和优化开发工具、开发流程、和开发框架。

4、与产品、后台开发人员保持良好沟通，能快速理解、消化各方需求，并落实为具体的开发工作；能独立完成功能页面的设计与代码编写，配合产品团队完成功能页面的需求调研和分析。

5、了解服务器端的相关工作，在交互体验、产品设计等方面有自己的见解。

参考技术B

前端分为Web前端开发和前端设计。前者的主要内容就是制作可以在PC端与移动端的浏览器上运行的网页；后者可以理解是网站的视觉设计。

HTML、CSS、JavaScript是前端开发最基本的也是最重要的三个核心技术。

HTML指超文本标记语言，也是最常用的语言，可以理解为：制作网页的大致的框架。随着互联网技术的不断发展，如今已经发展到了5.0版，也就是HTML5。

CSS指级联样式表，可以理解为：给网页做美化。如今已经发展到了CSS3。

JavaScript是Web的编程语言，可以理解为：可以让网页实现与用户的交互，可以让用户获得更好的使用体验。

此外还有Bootstrap、Vue、jQuery等。

建议初学者使用HBuilder学习并进行前端开发。

参考技术C 前端就是展现给用户看的就叫前端，这个很浅显易懂了吧，比如说网页前端设计，就是一个网站，你现在看的页面，他的版式布局，他的ui（操作按钮，各种动态的图标提示，菜单导航等）设计都属于前端范畴，后台数据的交换，那是后台程序开发人员的事情，做前端就是解决用户视觉效果，用户使用体验的，我们也叫界面视觉设计与用户体验交互设计，没基础想自学，可以，但是建议你最好掌握平面设计的基础知识，这样学起来更快，如果想找工作，最好还是线下面授这样学对零基础更扎实。 参考技术D 前端开发是创建Web页面或app等前端界面呈现给用户的过程，通过HTML，CSS及JavaScript以及衍生出来的各种技术、框架、解决方案，来实现互联网产品的用户界面交互。随着互联网技术的发展和HTML5、CSS3的应用，现代网页更加美观，交互效果显著，功能更加强大。移动互联网带来了大量高性能的移动终端设备以及快速的无线网络，HTML5，node.jS的广泛应用，各类框架类库层出不穷。互联网进入Web2.0时代，各种类似桌面软件的Web应用大量涌现，前端由此发生了翻天覆地的变化。网页不再只是承载单一的文字和图片，各种富媒体让网页的内容更加生动，网页上软件化的交互形式为用户提供了更好的使用体验，这些都是基于前端技术实现的。

2019 大前端是什么，我们该学什么？

什么是大前端：

大前端是当下技术市场进化出的的一种新的自然选择物种。“单腿”的初、中级客户端工程师，已越来越不适应移动互联网对当下技术的高标准诉求了（特别牛逼的客户端技术专家除外）。
包含了android iOS ，前端和小程序的合集，和用户直接交际的，看得见的我们可以成为大前端！
这是一种更新型的复合型人才物种-大前端。

链接： https://mp.weixin.qq.com/s/o_SKAylIm2K_TLyTbhGKzQ

2019年 我整理了开发者技术前线发布的大前端技术干货，总共100多篇，我重点挑出了40篇，大家收藏吧！

大前端，我们该如何学习

具体地址：2019 大前端，我们该如何学习？](http://mp.weixin.qq.com/s?__biz=MzIyMjQ0MTU0NA==&mid=100006646&idx=1&sn=e6f7a4058ff8842a4ebff084c209e784&chksm=682c23d15f5baac77dba5da3b7a7379906c4c9303a4672fe1998d9636fcea26c6ce96379c1ce#rd)

性能架构优化：

百度 APP 首屏优化实践
支付宝 App 启动性能优化
黑科技！美团网页首帧优化实践
美团外卖 Android 平台化的复用实践
爱奇艺 Android 客户端启动优化与分析
百度地图 APP 网络性能优化实践
滴滴 App 质量优化黑科技，都做了什么
滴滴国际化项目 Android 端演进
美团点评大前端无痕埋点实践
腾讯新闻前端性能监控实践

Flutter

Flutter 1.7 正式发布，新特性神了！
SwiftUI vs Flutter， 跨平台谁是王者？
Flutter 原理及美团实践

手机QQ 开源基于Flutter 的动态化框架 MXFlutter ，牛逼！
使用 Flutter 之后，CPU占用率降了 50%
美团基于跨平台 Flutter 的动态化平台建设
微店 Flutter 混合开发组件化与工程架构
究竟是谁走漏了风声？我已经用 Flutter了
美团基于跨平台 Flutter 的动态化平台建设
弃坑 React-Native，开启入坑 Flutter 之路
十分钟带你入坑Flutter
爱奇艺 Flutter 跨平台 Hybrid 实践
Google 跨平台 Flutter 1.0 正式发布

跨端&小程序

美团客户端响应式框架 EasyReact 开源啦
Picasso 美团点评高性能跨平台动态化框架
滴滴跨平台解决方案 Chameleon 开源
腾讯微信 发布多端统一框架 Omi
阿里闲鱼开源 Flutter 应用框架 Fish Redux！
爱奇艺 Flutter 跨平台 Hybrid 实践
JDFlutter 京东跨平台开发框架！
京东跨端组件库 NutUI 2.0 来袭
京东跨端移动开发平台 Ares 发布！

前端适配

网易考拉 Android 通知栏适配全方案
移动端屏幕适配，这篇就足够了
华为折叠屏来了，你的 APP 适配了吗？
Android 稳定和高效的UI适配方案
重磅! 华为发布折叠屏官方适配方案

后续会陆续补充干货，持续关注吧