前端术语的一些整理

定制开发 就找热猫！200城市 上门服务！全国咨询电话：400-882-7532  微信：sunnyli2005

做为一名为企业提供互联网+的咨询顾问来说，编程可以不懂，但是一些技术术语以及这些技术是用来干什么的，得懂。本文整理了几个和前端有关的，以供学习。

VUE脚手架是干什么的？

使用 Vue.js开发大型应用时，我们需要考虑代码目录结构、项目构建和部署、热加载、代码单元测试等事情。如果每个项目都要手动完成这些工作，那无疑效率是低下的，所以通常我们会使用一些脚手架工具来帮助完成这些事情。在 Vue.js 生态中我们可以使用 vue-cli 脚手架工具来快速构建项目。

NPM是干什么？

用npm 来共享 JS 代码，下载完的代码出现在 node_modules 目录里，可以随意使用，避免了到处去下载JS代码。这些可以被使用的代码被叫做「包」（package），这就是 NPM 名字的由来：Node Package(包) Manager(管理器)。NPM里面的package.json很重要。

WEBPACK是干什么的？

WebPack可以看做是模块打包机：它做的事情是，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并将其打包为合适的格式以供浏览器使用。

今天，很多网页其实可以看做是功能丰富的应用，它们拥有着复杂的JavaScript代码和一大堆依赖包。为了简化开发的复杂度，前端社区涌现出了很多好的实践方法

a:模块化，让我们可以把复杂的程序细化为小的文件;

b:类似于TypeScript这种在JavaScript基础上拓展的开发语言：使我们能够实现目前版本的JavaScript不能直接使用的特性，并且之后还能能装换为JavaScript文件使浏览器可以识别；

c:scss，less等CSS预处理器

.........

这些改进确实大大的提高了我们的开发效率，但是利用它们开发的文件往往需要进行额外的处理才能让浏览器识别,而手动处理又是非常繁琐的，这就是WebPack工具出现的原因。

DIV是什么？

div就是负责给网页布局的，通过div来分成一块一块的，然后组合起来配合着别的html就形成了让你可以直观看到的网页。在网页上右键，然后选择查看源代码，就能够看到源代码里面有很多div字样的。

H5是什么？

有的客户会问你，你们是做H5的吗？其实他是想问你，你们会做动画效果的网站吗？H5可以实现一些以前只能用flash来实现的动画，所以现在很多客户做一些营销宣传的页面，要求有动画效果啊，看起来炫酷啊，就可以用H5来实现。H5就是Html5. 随着H5的发展，现在有些app也是用H5来做，但是用户体验还是不如app原生的语言强。所以做APP，最好还是原生开发。