对于前端个人的浅层理解&碎碎念&各种简单的知识点 ｜ 青训营笔记

李文喆2002
84 阅读2分钟

这是我参与「第四届青训营 」笔记创作活动的的第1天

对于前端的浅层理解

一些简单的问题

Q:什么是前端?
A:解决多终端下人机交互问题的方式 Q:前端的意义是什么？
A:方便人们的数据处理或者说数据获取（更人性，更便捷）

前端技术栈

HTML(内容)+CSS(样式)+JS(行为) 这个算是最基础的内容
HTML：就是让前端里面的内容丰富起来
CSS：主要是让前端的内容变得好看
JS:目的是让页面拥有更多行为用户体验感更好

前端解决的问题

  1. 人机交互是否能满足需求
  2. 页面是否好看（相信没有人看的下去不好看的页面吧）
  3. 是否有无障碍访问（所有人包括残障人员都可以用）
  4. 安全（总不能写着写着把个人信息全都抛给非法分子吧）
  5. 性能（打开个页面几分钟估计用户也早就跑了）
  6. 兼容性（总不能只在某一特定的移动终端上才能访问吧，特定需求除外）
  7. 提高用户的体验感（更方便，更高效）

HTML

超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。
HTML使用的是标记语言 <img src=""/>,在这个标签上我们可以自定义的添加属性。
下面是基本的HTML格式

<html>
<head>
<meta charset="utf-8">
<title>哈哈哈嗝</title>
</head>
<body>
<h1>我的第一个标题</h1>
<p>我的第一个段落。</p>
</body>
</html>

在HTML中需要注意的小Tips:

  • 标签和属性虽然是不区分大小写，但是总体来说阅读感最强的还是小写
  • 空标签可以不闭合，比如input、meta
  • 属性值推荐用双引号包裹（万一里面需要用引号我们可以用单引号防止属性值意外终止）
  • 某些属性值可以省略，比如required、readonly

对于语义化的理解

在百度百科中的定义：通俗地讲,语义化就是对数据和信息进行处理,使得机器可以理解.

语义化对我个人来讲就是将内容可以通过标签去区分，同时也是为了后期的维护人员维护起来更加方便，提高代码的可读性

avatar
文章
阅读
粉丝