本文对前端常见词汇进行解释,并分享相关文章,适合前端初学者进行知识拓展。
优秀文章请积极推荐哦!
废话不多说,下面开始(打哪指哪,不分前后):
- 前端
解释:
前端,指的是网站的前台部分,是直接面向用户的,主要工作是美化页面,优化交互动画,为用户提供视觉上的美的感受,提高操作体验。
推荐文章:
- 语义化
解释:
HTML5新增的一些带有意义的标签,使用这些标签制作网页称作语义化开发。
推荐文章:
- 自适应
解释:
由于移动互联网的发展,网页不仅要在PC端浏览,还要满足在不同尺寸、分辨率的移动设备上浏览,这种根据屏幕尺寸自动改变尺寸的页面叫做自适应页面。
推荐文章:
- Less 和 Sass
解释:
Less 和 Sass 都是 CSS 的预处理工具,提供了很多 CSS 没有的功能,如混入、变量、运算、函数、嵌套、颜色处理等。
类似的工具还有 stylus、PostCSS 等。
推荐文章:
- Less 中文网
- Sass 中文网
- Less介绍及其与Sass的差异
- CSS-Next : CSS预处理器简单写法的替代者, 想了解下么?
- 从 PostCSS 与 cssnext 中看 CSS 的新特性
- 数据可视化
解释:
通过HTML5的 Canvas 绘图或 SVG 绘图将数据进行图形化展示,使数据更直观可见。常用的工具有 echarts、highcharts、d3.js、three.js等。
推荐文章:
超级干货 :一文读懂数据可视化
- ES6
解释:
ECMAScript 6,JavaScript 的第六代标准,新增了 let、const、解构赋值、Symbol数据类型、promise、import、export 等新特性。
推荐文章:
ECMAScript 6 入门
- 模块化
解释:
将大文件拆分成多个小文件,然后进行统一的拼装和加载,对于开发复杂的大型网站来说,模块化开发使产品代码更易于维护和管理。典型的模块化规范有AMD(RequireJS)、CommonJS和CMD(SeaJS)
推荐文章:
js模块化编程之彻底弄懂CommonJS和AMD/CMD!
AMD 和 CMD 的区别有哪些?
- 工程化
解释:
随着前端技术的发展,前端能做的事情越来越复杂,传统的一行行手敲代码的开发方式已经不能满足前端的需求,于是像React、AngularJS、Vue这样的前端框架应运而生,前端开始引入软件工程管理的思想,将前端开发工程化。
推荐文章:
谁能介绍下web前端工程化?
- 自动化
解释:
前端自动化是工程化开发的一部分,我们可以通过各种第三方工具自动安装开发环境,自动检测代码错误,合并压缩程序,编译浏览器不能识别的代码等。自动化开发工具有 webpack、gulp、grunt等。
推荐文章:
浅谈前端自动化构建
前端自动化工具推荐
入门 Webpack,看这篇就够了
- 前端安全
推荐文章:
前端安全系列(一):如何防止XSS攻击?
前端安全系列(二):如何防止CSRF攻击?