前端Day01-1

最新推荐文章于 2024-09-28 14:06:20 发布

懿蕊

最新推荐文章于 2024-09-28 14:06:20 发布

阅读量60

点赞数

文章标签： html5

本文链接：https://blog.csdn.net/m0_52291580/article/details/119534903

版权

面试题：

1. 访问百度/淘宝，浏览器-页面渲染出来中间经历了什么？(经典面试题)

B/S结构，浏览器和服务器

2. h5 与h4区别？

标准、doc声明不同、<meta charset="UTF-8">、h5新增标签、h5新增api

3.如何理解语义化？

利用标签表达出来的含义（而不利用标签表达的样式）来表达页面结构，换句话说，就是在合适的页面位置上使用合适的标签

html5

前端三要素：
         js 动化（能说会道会交流）
        css 美化（妆容）
        html 结构（身材）

对于js的封装：jquery echarts (dom)
框架：vue/react/angular (html/css/js)
vue阶段脚手架（http://localhost:3000）
对于css的封装：sass/less （css）

移动互联
大前端（移动端）

1. html5
超文本标记语言
解释型标签语言

运行机制？
1) 开发pc - 部署pc - pc-浏览器 file:// 【开发】
2) 开发pc - 部署云服务(例如部署在apache2 - 通过scp/filezilla上传) - pc-浏览器 http://
B/S架构 b浏览器(html、css、js) s服务器

超文本:
        超级文本：字符，超级链接，图片，音频，视频，画布（地图、图表、3D模型）
标记：
        标签进行标记， html标签（无法使用自定义标签）
        <h1>标题1</h1>
         <p>段落</p>
语言：
        c、java 编译型语言，
                hello.c --gcc--> hello.o --运行-->linux
                Hello.java --javac--> Hello.class --运行--> jvm --> linux/win
         html、js、css 解释型语言
                hello.html --> 浏览器 -> linux/win

执行效率：c > java > js
2. 工具
vscode(koroFileHeader)

3. 前端地位
软件开发主流架构（前后端分离）

        前端(html、css、js)
        浏览器（终端）显示
        pc（淘宝pc）移动端（android/ios/pad h5、混合式app）小程序大屏

        后端(Java / python / c# / Nodejs)
        逻辑（登录、注册）
        数据库操作
        中间件操作（消息队列...）

4. html结构
继承 xml
<!DOCTYPE html>
文档类型： html
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
</body>
</html>