最后
中年危机是真实存在的，即便有技术傍身，还是难免对自己的生存能力产生质疑和焦虑，这些年职业发展，一直在寻求消除焦虑的依靠。
-
技术要深入到什么程度？
-
做久了技术总要转型管理？
-
我能做什么，我想做什么？
-
一技之长，就是深耕你的专业技能，你的专业技术。（重点）
-
独立做事，当你的一技之长达到一定深度的时候，需要开始思考如何独立做事。（创业）
-
拥有事业，选择一份使命，带领团队实现它。（创业）
一技之长分五个层次
-
栈内技术 - 是指你的前端专业领域技术
-
栈外技术 - 是指栈内技术的上下游，领域外的相关专业知识
-
工程经验 - 是建设专业技术体系的“解决方案”
-
带人做事 - 是对团队协作能力的要求
-
业界发声 - 工作经验总结对外分享，与他人交流
永远不要放弃一技之长，它值得你长期
信仰持有。
开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
主要内容包括html，css，html5，css3，JavaScript，正则表达式，函数，BOM，DOM，jQuery，AJAX，vue 等等。
1、简易性：超文本标记语言的版本升级采用的超集方式，更加方便灵活；
2、可扩展性：超文本标记语言采取的子类元素的方式，为系统扩展带来保证；
3、平台无关性：只要有浏览器就行；
4、通用性：HTML是网络的通用语言，一种简单、通用的标记语言；
HTML基本结构
展示的内容
-
HTML标签通常是成对出现的，有开始标签，有结束标签，称为对标签。没有结束标签的为空标签；
-
HTML标签都长都有属性，格式：属性名 = “属性值” 属性名 = “属性值”。多个属性用空格间隔；
-
HTML标签不区分大小写，建议小写；
-
HTML文件后缀名为html或htm；
===========================================================================
结构标签
:根标签 ：头标签属性：
-
color:文本的颜色
-
bgColor:背景色
-
background：背景图片
颜色的表示方式：
-
颜色名称 red blue green yellow orange
-
RGB模式 #000000 #ffffff #325687
卡卡之家
排版标签
-
注释标签：
-
换行标签：
-
段落标签：
文本文字
特点：段落与段落之间有行高（行间距）自带换行
属性：文本对齐方式 align （left、center 、right）
- 水平线标签：
属性：
width：水平线的长度(两种：像素表示。第二种：百分比显示)
size：水平线的粗细（一般给个位数如 6px）
color：水平线的颜色
align：水平线的对齐方式(left、center、right)
标题标签
共有6级从h1到h6，数字越小标题越大，默认加粗占一行；
容器标签
-
块级标签div ： 独占一行，自带换行；
-
行级标签span ： 所有内容都在同一行；
作用：
-
块级标签div主要是结合css做页面分块布局；
-
行级标签span主要进行友好提示信息的显示；
列表标签
无序列表
ul(unorder list)
ul是无序列表，默认标识为实心圆 disc
circle 空心圆
square 黑色方块
- 兰博基尼
- 法拉利
- 宾利
有序列表
ol(order list)
ol是有序列表，默认标识为阿拉伯数字 1
a A 字母字典顺序
i I 罗马数字
- 兰博基尼
- 法拉利
- 宾利
定义列表
dl(defination list)定义列表
dt(defination title)定义标题
dd(defination description) 定义描述
- 定义描述
定义标题- 定义描述
图片标签
img 独立标签
属性：
-
src 图片地址
-
width 图片的宽度
-
height 图片的高度
-
border 边框
-
alt 图片的文字说明 当图片未能正确加载时，才显示
-
title 鼠标悬停时，显示的文字
<img src=“img/1.jpg”
width=“500px”
height=“900px”
/>
<img src=“img/timg.jpg”
width=“500px”
height=“500px”
border=“5”
alt=“当图片未能正确加载时显示”
title=" 鼠标悬停时，显示的文字"
/>
链接标签
超链接可以是文本也可以是图片，可以点击链接标签，进入新的文档，或者是当前文档中的某个部分；a标签
属性：
-
href="跳转的地址"跳转外网需要添加协议
-
target:_self(当前文档)
_blank(新页面,会一直打开新的)
_search 之前打开的页面存在，则不打开新的页面，直接复用
- name 充当锚点（顶部、底部）需要为标签提供name属性，进行赋值
需要点击跳转的标签href属性给 #name
广告
广告
广告
广告
这是最底端
表格标签
表格由table标签来定义，每个表格均有若干行(由tr标签定义行)，每行由若干个单元格组成(由td标签来定义)；
table属性：
-
默认没有边框体现
-
border:边框的宽度
-
bordercolor:边框的颜色
-
cellspacing:单元格的间距
-
cellpadding:单元格与内容的间距
-
width:宽度
-
height:高度
-
align:控制表格的对齐方式 left center right
td的属性：
-
align:控制的单元格内容的对齐方式 left center right
-
valign:控制单元格内容的垂直对齐方式 top middle bottom
普通表格
table tr td
width=“300px” height=“300px” align=“center”>
学号 姓名 性别 1001 卡卡 男
表格的表头
th：默认居中字体加粗；
学号 姓名 分数 1002 糖糖 100
表格的列合并
colspan
学生信息表 学号 姓名 各科成绩 1 卡卡 80 90
这里分享一份由字节前端面试官整理的「2021大厂前端面试手册」，内容囊括Html、CSS、Javascript、Vue、HTTP、浏览器面试题、数据结构与算法。全部整理在下方文档中，共计111道
HTML
-
HTML5有哪些新特性？
-
Doctype作⽤? 严格模式与混杂模式如何区分？它们有何意义?
-
如何实现浏览器内多个标签页之间的通信？
-
⾏内元素有哪些？块级元素有哪些？ 空(void)元素有那些？⾏内元 素和块级元素有什么区别？
-
简述⼀下src与href的区别？
-
cookies,sessionStorage,localStorage 的区别？
-
HTML5 的离线储存的使用和原理？
-
怎样处理 移动端 1px 被 渲染成 2px 问题？
-
iframe 的优缺点？
-
Canvas 和 SVG 图形的区别是什么？
JavaScript
开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
-
问：0.1 + 0.2 === 0.3 嘛？为什么？
-
JS 数据类型
-
写代码：实现函数能够深度克隆基本类型
-
事件流
-
事件是如何实现的？
-
new 一个函数发生了什么
-
什么是作用域？
-
JS 隐式转换，显示转换
-
了解 this 嘛，bind，call，apply 具体指什么
-
手写 bind、apply、call
-
setTimeout(fn, 0)多久才执行，Event Loop
-
手写题：Promise 原理
-
说一下原型链和原型链的继承吧
-
数组能够调用的函数有那些？
-
PWA使用过吗？serviceWorker的使用原理是啥？
-
ES6 之前使用 prototype 实现继承
-
箭头函数和普通函数有啥区别？箭头函数能当构造函数吗？
-
事件循环机制 （Event Loop）
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
