PS:我不是做前端开发的,因为搭博客的时候,实在是这个也不会那个也不懂,所以连蒙带猜,下面写的只是我个人的理解 ~
一、html、css、js
段叔叔说的比喻,可以意会一下,html是一篇文章的名词即网页的内容,那css是形容词即网页的样式,js是动词实现一些交互
https://blog.csdn.net/celtics00/article/details/60466964
1.html
html超文本标记语言,只负责描述网页内容
超文本是指通过超链接的方式将文字组织在一起,标记相当于对网页各个部分内容进行了区分
2.css
描述网页样式的语句合并成一个文件,这个文件叫层叠样式表,简称css
3.js
JavaScript是一种轻量级的编程语言,通过将js插入到html中执行,可以对事件作出反应 ,改变html内容、图像、样式
4.三者的关系
js文件和css文件最终是要应用到html中
通过 <script>
元素来插入js代码,<script>
元素可以放在 <head>
或 <body>
中,或者在外部编写js文件,在html中引用
通过 <style>
元素插入css代码,<style>
元素必须放在 <head>
元素中,或者在外部编写css文件,在html中引用,也可以直接在某元素中规定css样式
二、Node.js、Express、EJS
###1.Node.js
Node.js是一个能够在服务器端运行 JavaScript 代码的运行环境
Node.js在服务器端可以使用 JavaScript,既然是驱动 JavaScript 的工具,所以也是由 JavaScript 引擎驱动(后面第三部分写到引擎部分)
PS:其实这里不是很明白,是我理解的问题吗,部署博客之前,一般会看看效果,使用 hexo s
启用服务预览,相当于将本机作为服务器,浏览器从本地端口 localhost:4000 读取数据,浏览器渲染网页,不明白Node.js到底做了什么??
2.Express
Express是一个基于Node.js平台的web应用开发框架
Express的模板有很多,目前较流行的应该是Jade和EJS
3.EJS
EJS是Express的模板引擎
https://blog.csdn.net/zdy0_2004/article/details/49480305
模板引擎做的两件事:
1.根据一定的规则,解析所定义的模板(.ejs文件)
2.根据数据(.json文件)以及模板(.ejs文件)生成html
注意:浏览器只认识html/css/js,除非将其它语言,进一步转换成html/css/js
三、浏览器内核和js引擎
1.渲染引擎
浏览器内核,即渲染引擎,endering Engine
渲染引擎,负责浏览器如何显示网页的内容以及页面的格式信息,不同的浏览器内核对网页编写语法的解释不同,因此同一网页在不同的内核的浏览器里的渲染(效果也可能不同。
2.js引擎
在早期浏览内核也是包含js引擎的,而现在js引擎单独提出来
JavaScript 引擎称作进程虚拟机,就是读取和编译 JavaScript 代码,目标就是在最短时间内编译出最优化的代码
经常看到的 Google v8 就是js引擎