专业编程教程与实战项目分享平台

网站首页 > 技术文章 正文

做前端需要懂哪些知识? 做前端需要掌握哪些知识

ins518 2024-09-29 18:20:47 技术文章 13 ℃ 0 评论



随着互联网的迅猛发展和普及,我们上网的次数越来越多,网页是我们上网都会接触到的。这些展示给我们的五花八门效果和内容的网页其实都是有网页开发人员开发出来的。这个网页开发的工作有个高大上的名字就是web前端开发。那么从事这个工作需要具备什么条件呢?

html/css/javascript

这三个是从事web前端开发的三大基础知识。html负责将网页的内容和数据以用户可接受的形式展示给用户;css负责将数据以更加美观的形式展现出来;javascript则可以提高网页的交互性让用户可以和网页进行交互提高用户体验。

掌握常用的js框架


网页展示数据给用户是最基本的条件,然后良好的交互才是用户需求的重点,所以掌握常用的js框架很重要。常用的框架JQUERY/AngularJS是必须要掌握的。

理解网页渲染流程





前端的web页面最终是由浏览器解析展示给用户的,熟悉这个解析渲染过程对我们开发网页是很有好处的,它能使我们更好的做好兼容性处理。它的步骤大致如下:

  1. 由从服务器接收到的 HTML 形成 DOM(文档对象模型)。

  2. 样式被加载和解析,形成 CSSOM(CSS 对象模型)。

  3. 紧接着 DOM 和 CSSOM 创建了一个渲染树,这个渲染树是一些被渲染对象的集合( Webkit 分别叫它们”renderer”和”render object”,而在Gecko 引擎中叫”frame”)。除了不可见的元素(比如 head 标签和一些有 display:none 属性的元素),渲染树映射了 DOM 的结构。在渲染树中,每一个文本字符串都被当做一个独立的 renderer。每个渲染对象都包含了与之对应的计算过样式的DOM 对象(或者一个文本块)。换句话说,渲染树描述了 DOM 的直观的表现形式。

  4. 对每个渲染元素来说,它的坐标是经过计算的,这被叫做“布局(layout)”。浏览器使用一种只需要一次处理的“流方法”来布局所有元素(tables需要多次处理)。

  5. 最后,将布局显示在浏览器窗口中,这个过程叫做“绘制(painting)”。

如果对编程感兴趣,想了解更多的编程知识,解决编程问题,以及入门指导,帮你解决编程中遇到的困惑,我们这里有java高手,C++/C高手,windows/Linux高手,android高手。请大家关注微信公众号:程序员互动联盟或者coder_online,关注后输入关键字 zx 获取编程入门手册

本文属原创,禁止转载,谢谢!

Tags:

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
标签列表