@ 接下来应该工作还是应该考研深造？
作为一名计算机专业的教育工作者，偶来说说偶的看法。
首先，如果想进入大厂发展，即使是从事前端开发，读研也是有必要的。从近几年的就业情况来看，不少研究生会选择从事前端开发，而且有一部分在国外读研的同学，即使主攻的是人工智能相关方向，也会选择大厂的前端开发岗位，原因很简单，就是前端开发的岗位竞争并不算太激烈。
从大的技术发展趋势来说，未来前端开发全栈化、智能化也是一个比较明显的发展趋势，尤其是随着PaaS相关平台开始逐渐落地应用，前端开发的功能边界正在不断得到扩展，这也对前端开发人员提出了更高的要求，所以即使主攻前端方向，读研也会提升自己的就业竞争力，而且对于未来的发展也会有比较积极的作用。
如果未来想从事前端开发，在读研期间可以重点关注一下交互方向，目前有不少导师都有交互方向的课题组，而且有的课题组规模还比较大，相关的科研资源和产业资源也比较丰富，相信参加这样的课题组，不仅会提升自己对于前端的认知能力，同时也会开阔自己的眼界。实际上，从技术层面来说，前端领域也有很多技术创新点。
目前对于想主攻前端方向的同学来说，可以重点关注一下专硕，一方面专硕的创新更注重与产业领域的结合，另一方面专硕本身的学制也相对短一些，可以更早进入产业领域发展，这也是一个比较明显的优势，而且从当前研究生教育的发展趋势来看，未来专硕教育将有较大的提升空间。
偶从事教育、科研多年，目前在带计算机专业的研究生，主要的研究方向集中在大数据和人工智能领域，偶会陆续写一些关于互联网技术方面的文章，感兴趣的朋友可以关注偶，相信一定会有所收获。
如果有互联网、大数据、人工智能等方面的问题，或者是考研方面的问题，都可以私信偶！
@ web学起来难不难？
前端的学习路线如下：
第一阶段HTML+CSS核心基础 HTML,CSS核心基础CSS过渡HTML5语义化标签线性渐变，径向渐变HTML新增标签属性CSS动画Animation表单项新增属性弹性盒模型CSS选择器经典布局练习(双飞翼，CSS3伪类 品字布局) + 案例CSS伪元素响应式布局第二阶段JavaScriptJavaScript基础JavaScript操作DOMJavaScript面向对象(js高级)第三阶段PC端整栈开发PC项目jQueryjQuery项目lessbootStrap第四阶段ES6+Node+工程化ES6/7/8promisenpm常用命令git基础（常用操作）git高级Node.js基础git基础（常用操作）http协议 & cookie & sessionMongoDBExpress框架ajax(原生，jQuery,axios,fetch)ajax库基本封装使用 promise封装模块化构建工具gulp，webpack4.0基础第五阶段React技术栈React基础语法react-routerReact Antd使用ReduxReact移动端项目第六阶段Vue技术栈Vue基础VueRouterVuexVue源码(v-model, 双向数据绑定)VuePC项目-电商Vue后台管理第七阶段小程序小程序UniAppTypeScript第八阶段就业指导+面试精讲vue实战(移动端)小程序实战 面试精讲就业指导
不管学什么，都是完后开头难。
你要针对性的去学习，不要一口吃个大胖子，学习是个循循渐进地过程。
建议按着学习路线去学习，基本这种都是针对企业的招聘来安排的课程。或者看看招聘信息去学习。
每天有效学习时长要有6个小时这样，1-2小时的笔记时间，敲代码的时长2-3小时。
编程一定要代码量上去！！！
因为很多都是一学就会，一敲就废。
俗话说，键盘敲烂月薪过万；键盘落灰狗屎一堆。
学编程没有什么捷径，就是要多看别人的代码，多敲自己的代码。多思考为什么要这样，培养编程思维。
@ 伪元素如何实现鼠标移入时下划线展开特效？
完整代码
<!DOCTYPE html>
<html>
<head>
<meta charset=”UTF-8″>
<title>鼠标移入下划线展开</title>
<style type=”text/css”>
#underline{
width: 200px;
height: 50px;
background: #ddd;
margin: 20px;
position: relative;
}
#underline:after{
content: “”;
width: 0;
height: 5px;
background: blue;
position: absolute;
top: 100%;
left: 50%;
transition: all .8s;
}
#underline:hover:after{
left: 0%;
width: 100%;
}
</style>
</head>
<body>
<div id=”underline”></div>
</body>
</html>
