最后
中年危机是真实存在的，即便有技术傍身，还是难免对自己的生存能力产生质疑和焦虑，这些年职业发展，一直在寻求消除焦虑的依靠。
-
技术要深入到什么程度？
-
做久了技术总要转型管理？
-
我能做什么，我想做什么？
-
一技之长，就是深耕你的专业技能，你的专业技术。（重点）
-
独立做事，当你的一技之长达到一定深度的时候，需要开始思考如何独立做事。（创业）
-
拥有事业，选择一份使命，带领团队实现它。（创业）
一技之长分五个层次
-
栈内技术 - 是指你的前端专业领域技术
-
栈外技术 - 是指栈内技术的上下游，领域外的相关专业知识
-
工程经验 - 是建设专业技术体系的“解决方案”
-
带人做事 - 是对团队协作能力的要求
-
业界发声 - 工作经验总结对外分享，与他人交流
永远不要放弃一技之长，它值得你长期
信仰持有。
主要内容包括html，css，html5，css3，JavaScript，正则表达式，函数，BOM，DOM，jQuery，AJAX，vue 等等。
开源分享：docs.qq.com/doc/DSmRnRG… 字面量跟JAVA代码中的常量概念类似，如字符串、常量的值等等。
符号引用指的是类与接口的全限定名、字段、方法的名词和描述符。可以暂时理解为类、接口、字段、方法的名字。这里我们来回忆一下类加载机制中的解析阶段：他是将符号引用转化为直接引用。直接引用指的就是可以直接指向目标的指针。可以粗略的理解为：符号引用只是用一些符号来描述他要引用的目标，而直接引用才是真正的指向了他要引用的目标。
在常量池中的每个数据项都是以表的形式存在的，这里每个表都会有一个标志位tag，来说明自己的是哪一类型的数据。如图：
我们来看下面的代码：
public class Main {
private String name;
private int age;
public void setName(String nage) {
this.name = name;
}
public void getAge() {
return age;
}
public static void main (String[] args) {
Main m = new Main();
m.setName('No Silver Bullet');
System.out.println(m.getAge());
}
}
根据以上知识和代码，我们继续来看看Class文件接下来的数据。紧接着常量池数量之后的便是常量表了。刚刚也说了，每个表都会有一个一个字节的标志位，那么常量池数量0x002E之后一个字节便是0x0A，这个就是标志位，十进制是10，查表可知是个方法的符号引用。
他的表结构如下：
因此后面还有4个字节是属于该表的，我们接着看是0x000B和0x001C，也就是说他的CONSTANT_Class_info索引项是11;CONSTANT_NameAndType的索引项是28，也就是常量池中第11项常量和28项常量，我们这里就通过工具来看了。找到第11项常量，查看11项常量的表结构，继续使用刚刚那样的寻找方法，一直找到标志位为1的常量项，也就是CONSTANT_Utf8_info的表结构，这样就可以得出我们最开始查看的那个表结构的一些具体信息了。
如果觉得查看过程繁琐，可以采用javap -verbose Main来查看：
如上图：第1项有指向第11和28项的索引，他们的值分别是后面的字符串，代表的是一个默认的空的构造函数。
查看跟踪的过程比较枯燥无味，但这也是我们深入了解虚拟机的一个非常重要的基础，大家可查阅更多的相关资料进行学习，有困难，迎难而上才会成长！
css
1，盒模型 2，如何实现一个最大的正方形 3，一行水平居中，多行居左 4，水平垂直居中 5，两栏布局，左边固定，右边自适应，左右不重叠 6，如何实现左右等高布局 7，画三角形 8，link @import导入css 9，BFC理解
js
1，判断 js 类型的方式 2，ES5 和 ES6 分别几种方式声明变量 3，闭包的概念？优缺点？ 4，浅拷贝和深拷贝 5，数组去重的方法 6，DOM 事件有哪些阶段？谈谈对事件代理的理解 7，js 执行机制、事件循环 8，介绍下 promise.all 9，async 和 await, 10，ES6 的 class 和构造函数的区别 11，transform、translate、transition 分别是什么属性？CSS 中常用的实现动画方式, 12，介绍一下rAF(requestAnimationFrame) 13，javascript 的垃圾回收机制讲一下, 14，对前端性能优化有什么了解？一般都通过那几个方面去优化的？
