标签语义化:
语义和默认样式的区别:
- 默认样式是浏览器设定的一些常用tag的表现形式;
- 语义化的主要目的就是让大家直观的认识标签和属性的用途和作用;
标签语义化作用:
- 当只有HTML页面时,没有CSS,我们仍然可以很清晰的看懂页面的DOM结构
- 团队维护,当团队来review代码或者重构时,增强代码的可读性,更利于维护
- 有利于SEO,搜索引擎爬虫依赖于标签来确定上下文和各个关键字的权重
- 提高用户体验,比如 title 和 alt 等用来解释内容信息
未来前端的职业发展方向
1、Web APP开发
Web或者互联网的核心哲学理念有三点:去中心化、避免信息孤岛、万物互联。
而随着互联网速度和前端技术的发展,越来越多的大型企业开始将他们的软件给搬到了WEB上,微软就把他所有的office系列全部搬到了web上。
这些WEB APP才算是真正体现了互联网哲学的核心精神:无需安装、用完即走,而将这张未来蓝图亲手描绘出来的就是当今的web前端工程师们。
2、全栈开发
全栈(full stack developer)起源于facebook中对工程师的一种称谓,node.js的横空出世,极大程度的降低了前端工程师向后端领域拓展的难度,越来越多的高级前端工程师向着全栈发展,一肩挑起了企业项目开发的所有环节。
3、前端大数据图形展示html5
游戏从 2014 年 Egret 引擎开发的神经猫引爆朋友圈之后,就开始一发不可收拾。不过现在游戏开发变得越来越复杂,需要制作各种炫丽炫丽的效果,还要制作各炫丽于 2D 或者 3D 的场景。为了降低游戏的开发难度,加快游戏的开发进度,国内外不同厂商推出了众多游戏开发引擎。
随着html5的快速发展,flash已经在2017年正式被adobe公司判处了死刑,各种网页游戏的开发和更新也由flash平台转战为H5平台,在2018年的云栖大会上还有一个前端领域异军突起那就是前端的大数据的图形展示,高级前端们可以轻松的使用Canvas和WebGL等技术开发各种在线游戏或是大数据展示平台,又基于H5高度的适配性,无论是PC端、平板电脑还是移动端都能够完美的运行而无考虑兼容性。
这个行业已经这么成熟了,应该有一种尽量通用的框架来抽象可重复使用的功能,像React、Vue和JavaScript这样的前端框架,就是一种程度上的抽象。
JavaScript是我们学习前端开发中非常重要的一个内容,也是一个大家经常掉坑里的难点。JavaScript现在可以说是互联网时代使用率最高的脚本语言了,在网页中,所有的数据渲染,特效的交互都需要利用JavaScript,来影响浏览器的显示。
JavaScript不只是开发网页特效和渲染数据的重要内容,在学习前端开发的后期,大量使用算法和框架的时候,对JavaScript基础的考验也是很多的。
在基础阶段,我们学习JavaScript需要注意:
1.基本关键字指令
2.基本数据类型、数组
3.函数
4.面向对象编程
5.原型链、闭包
6.JSON
7.Ajax
8.DOM(文档对象模型 原生DOM操作)
9.事件捕获、冒泡、代理
10.常用函数方法
在JavaScript部分学习,主要还是要去理解好交互的原理,把原理分析清楚,真的理解语法,那写出多复杂的逻辑也是手到擒来。
文末
技术是没有终点的,也是学不完的,最重要的是活着、不秃。
零基础入门的时候看书还是看视频,我觉得成年人,何必做选择题呢,两个都要。喜欢看书就看书,喜欢看视频就看视频。
最重要的是在自学的过程中,一定不要眼高手低,要实战,把学到的技术投入到项目当中,解决问题,之后进一步锤炼自己的技术。
自学最怕的就是缺乏自驱力,一定要自律,杜绝“三天打鱼两天晒网”,到最后白忙活一场。
高度自律的同时,要保持耐心,不抛弃不放弃,切勿自怨自艾,每天给自己一点点鼓励,学习的劲头就会很足,不容易犯困。
技术学到手后,找工作的时候一定要好好准备一份简历,不要无头苍蝇一样去海投简历,容易“竹篮打水一场空”。好好的准备一下简历,毕竟是找工作的敲门砖。
拿到面试邀请后,在面试的过程中一定要大大方方,尽力把自己学到的知识舒适地表达出来,不要因为是自学就不够自信,给面试官一个好的印象,面试成功的几率就会大很多,加油吧,骚年!
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】