web前端需要学HTML、CSS、JavaScript、jQuery、Ajax、前端框架(vue/React/Angular等)等前端知识;还要了解每个浏览器中的各个版本的兼容性、Web标准、移动设备、多终端适配等知识。
请点击输入图片描述
前端基本就是上图所示的展示方式,都是在浏览器中显示出来的
网页的组成
浏览器展示的页面叫做网页,但网页也有不同的展示,如视频,图片,文字等,具体看看下图,网页的组成:
请点击输入图片描述
前端使用的技术
前端开发是创建WEB页面或APP等前端界面呈现给用户的过程,通过HTML,CSS及JavaScript以及衍生出来的各种技术、框架、解决方案,来实现互联网产品的用户界面交互 。
浏览器展示页面的时候,会把前端的代码转化(解析和渲染)成用户看到的网页
请点击输入图片描述
HTML
HTML:全称“Hyper Text Markup Language(超文本标记语言)”,简单来说HTML是一门描述性语言,网页的基础就是通过HTML语言来写的
CSS
CSS:称为层叠样式表,是用来表现HTML文件样式的计算机语言,它不仅可以静态修饰网页,也可以配合各种脚本语言来实现动态化效果
JavaScript
JavaScript:是一种直译式脚本语言,非常灵活,可以在任何浏览器上开发与调试的一种动态类型、弱类型、基于原型的语言。
常见特效、例如:tab、导航、整页滚动、轮播图、JS制作幻灯片、弹出层、手风琴菜单、瀑布流布局、滚动事件、滚差视图。
JS高级特征:
正则表达式、排序算法、递归算法、闭包、函数节流、作用域链、基于距离运动框架、面向对象基础、
除了这三种核心的技术必须学会以外,还有其他的知识也需要我们掌握例如jQuery、Ajax、各种常用的框架(vue/React/Angular等)、以及后端技术
匡架说明
现在学的很多vue、react、swiper、element-ui、jquery、ajax、ant等等都是js的匡架,都可以能过写js实现,只是他们写好一套常用的功能,用起来简单很多。
浏览器
主流浏览器及占有率
请点击输入图片描述
总结
前端页面在浏览器中展示
浏览器中的每一个页面,我们称之为网页
文字、图片、音频、视频、超链接等组成了网页
前端技术由 html、css、js组成,实现网页展示效果
前端可以做app、小程序、手机端,PC端,软件等
根据需求的不同,前端可以做很多实现如视频,游戏,后台管理,可视化展示等
网页在不同浏览器中显示会有所不同,因为不同浏览器渲染引擎不同,解析的效果会存在差异,因些推荐谷歌浏览器(Chrome)
每周设报:综合设计资讯,实用工具