web前端必备的几个大技能

JavaScript013

web前端必备的几个大技能,第1张

学习前端需要掌握的技术:

前端偏前:图形学Canvas、WebGL、音视频技术;前端:HTML / CSS / JavaScript 前端框架(Vue / React / Angular / Svelte)等;前端偏后:Node 技术体系,Electron 生态;跨端:(或许叫泛端更合适)Hybrid、React-Native / Weex、Flutter;还有小程序。语言层面:TypeScript、Rust、WebAssembly等;工具层面:Webpack、Rollup、Parcel等;其它:GraphQL、Deno。

评价:Vite 是 vue 的作者尤雨溪在开发 vue3.0 的时候开发的一个 基于原生ES-Module的前端构建工具。其本人在后来对 vue3 的宣传中对自己的新作品 Vite 赞不绝口,并表示自己 ”再也回不去 webpack 了“ 。

webpack缺点是缓慢的服务器启动

当冷启动开发服务器时,基于打包器的方式是在提供服务前去急切地抓取和构建你的整个应用。

vite改进

Vite 通过在一开始将应用中的模块区分为依赖和源码两类,改进了开发服务器启动时间。

依赖大多为纯JavaScript并在开发时不会变动。一些较大的依赖(例如有上百个模块的组件库)处理的代价也很高。依赖也通常会以某些方式(例如 ESM 或者 CommonJS)被拆分到大量小模块中。

Vite 将会使用 esbuild 预构建依赖。Esbuild 使用 Go 编写,并且比以 JavaScript 编写的打包器预构建依赖快10-100倍。

源码通常包含一些并非直接是 JavaScript 的文件,需要转换(例如 JSX,CSS 或者 Vue/Svelte 组件),时常会被编辑。同时,并不是所有的源码都需要同时被加载。(例如基于路由拆分的代码模块)。

Vite以原生ESM方式服务源码。这实际上是让浏览器接管了打包程序的部分工作:Vite 只需要在浏览器请求源码时进行转换并按需提供源码。根据情景动态导入的代码,即只在当前屏幕上实际使用时才会被处理。

webpack: 分析依赖=>编译打包=>交给本地服务器进行渲染。首先分析各个模块之间的依赖,然后进行打包,在启动webpack-dev-server,请求服务器时,直接显示打包结果。

webpack打包之后存在的问题:随着模块的增多,会造成打出的 bundle 体积过大,进而会造成热更新速度明显拖慢。

vite: 启动服务器=>请求模块时按需动态编译显示。是先启动开发服务器,请求某个模块时再对该模块进行实时编译,因为现代游览器本身支持ES-Module,所以会自动向依赖的Module发出请求。

所以vite就将开发环境下的模块文件作为浏览器的执行文件,而不是像webpack进行打包后交给本地服务器。

分析了webpack和vite的打包方式后,也就明白了为什么vite比webpack打包快,因为它在启动的时候不需要打包,所以不用分析模块与模块之间的依赖关系,不用进行编译。这种方式就类似于我们在使用某个UI框架的时候,可以对其进行按需加载。

热更新方面,效率更高。当改动了某个模块的时候,也只用让浏览器重新请求该模块,不需要像webpack那样将模块以及模块依赖的模块全部编译一次。

网站前端主要学习三门语言,分别是javascript,css,html,这也是网站开发必须要学习的三门前端语言,如果这三门语言学会之后,建议多学一点框架,比如AngularJs、Bootstrap、Vue等,这些框架可以让你的前端显示看起来十分舒服,而且给用户也会带来很棒的体验,交互性非常好。

网站后端开发的语言也是特别多的,比如java、php、c#等,但是建议只学一门语言就够了,因为人的精力有限,目前很多软件公司开发都是用的java,主要是因为java跨平台做得比较好(我自己这样理解的)。那什么叫跨平台呢,这么给你说吧,因为网站都是部署在服务器上的,而服务器有很多种类,比如linux、windows等,如果你的开发的网站可以在多种服务器上运行,这个就叫跨平台。后端除了要会开发语言还要多学几种框架,框架学得好不但可以提高自己开发网站的速度,而且可以使网站性能更好。

与其他应用之间的对接要学习接口开发,这个没有固定的学习方法,因为应用之间的通信接口有很多种,比如可以用webservice通信、webapi、wcf、建立中间数据库等。要与其他应用通信,要回基本的接口开发,然后还需要根据对方的文档要求进行编码,以此传递数据和对方通信等。

数据库这一块是必须要会的,sql语句也必须要回,不管什么数据库都是一样,mysql、Oracle、sqlservice掌握sql语言都是操作数据库的基本要求,然后是要会数据库的事务、数据备份、游标、等等

对于开发网站而言,调试也是必须的,前端调试一般在浏览器上进行就可了,后端调试一般在开发工具上,比如Visual Studio开发的时候可以自行调试浏览器调试我比较偏爱google,一下是google的调试页面,至于怎么使用可以去度娘搜索,不作说明

google调试页面

总结,开发网站需要会前端,前端必须js(javascript)、html、css和一些前端框架,后端必须后一门开发语言、并且会一些后端框架,同时要会写接口和会操作数据库等,开发调试这些也是必要的。当然开发网站完成之后就是网站的部署,部署技能也是必须具备。这就是一个会开发网站的人所必备的基础技能。

资料来自网络如有侵权请联系删除