JS总是带有一种神奇的魔力

我会带着你远行 2022-11-16 13:59 19阅读 0赞

相信每一个初学web前端的同学们都对Html+Css+JavasScript不会感到陌生吧，但我们不讨论html的元素节点层层关系、不探讨CSS的酷炫动画，我们今天来聊聊对JavasScript的了解，它是如何在web前端的三分天下占据一席之地。

**我们为什么要学JavasScript**

我们要从javaScript的用途讲起【动态化】，这个词并不会在官网的任何文档中找到它的身影，而是我前端经验的一个总结。

我们都知道html+css就可以实现出一套前端的页面，但是我们也知道这样实现出来的页面是静态的、没有生机的、死气沉沉的，可能会人跳出来反驳道有很多页面通过css做出来的效果也是很华丽、动画感十足的啊！对的，他们说的不错，的确是这样子。  
但他们别忘了这些华丽的效果我们只能静静的看着就像看油画，看电影一样。而缺少了前端页面的用户界面交互的涵义。

恰恰JavasScript就能带来交互，让我们的前端页活了起来，有了灵魂一样。

**JavasScript有什么能力呢？**

我们思考下现在JavasScript能做什么呢？

**数据可视化**

相信这个词大家都不陌生吧？数据可视化是当今大家最推崇的一种互动展示形式，通过各种形形色色、五彩斑斓的图表来展示那些看起来莫不起眼、平平淡淡的数据，让人不经感叹“哇，数据还能这样玩”  
比如ECharts、Dygraphs.js、D3.js、InfoVis、Springy.js等等这些数据可视化效果的框架，其实都是基于JavasScript来实现的。

> 学习是一个艰苦的过程，当然如果能把技术学成，最后也一定可以获得高薪工作。掌握一个好的学习方法，跟对一个学习的人非常重要。今后要是大家有啥问题，可以随时来问我，能帮助别人学习解决问题，对于自己也是一个提升的过程。自己整理了一份最全面前端学习资料，从最基础的HTML+CSS+JS到HTML5的项目实战的学习资料都有整理这是我的前端技术交流Q  
> un++++++++++++++ 钱面是603---- 中间是985---- 后面是993----++++++++++++++  
> 有问题随时在里面问我，能给大家提出很多宝贵建议。

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ppbm11NTIw_size_16_color_FFFFFF_t_70]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ppbm11NTIw_size_16_color_FFFFFF_t_70 1]

**移动应用**

随着移动手机的高速发展，人们不满足于web页面仅仅在PC上面的展示，也逐渐向移动设备上面探索,现在我们手机上面形形色色的网页都离不开JavasScript，它在不同的终端设备系统中扮演着很重要的角色。

**服务端**

如果让我们说几个服务端语言，大家肯定张口就能说出C++、Java、Python、Php等等，但是大家也别忘了Nodejs也是服务端语言，而且它底层是通过JavasScript来实现，我们前端开发人可以拍拍胸口说“谁说，我们前端写不了服务端”’，我们还是低调点哦，免得给服务端开发的同学殴打 0^0  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ppbm11NTIw_size_16_color_FFFFFF_t_70 2]  
**游戏**

不知道大家是否还记得FLASH,前半生的网页小游戏全靠它一人支撑着，如今FLASH已经淘汰了，但是JavasScript接替而上，通过canvas、WebGL技术也能实现酷炫的2d/3d游戏，  
Canvas Engine、Three.js、Turbulenz、CooperLicht等等都是优秀的JavasScript游戏引擎和框架  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ppbm11NTIw_size_16_color_FFFFFF_t_70 3]  
**全平台应用**

一份代码构建移动、桌面、Web能够全平台应用，在Eletcron上运行Ionic，就意味着无限的可能性。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ppbm11NTIw_size_16_color_FFFFFF_t_70 4]  
**结尾**

很高兴能跟大家分享JavasScript的内容，通过这篇文章让大家了解到JavasScript在前端中占据了多么重要的地位，所有JavasScript的学习是任重而道远的，后续也带大家来揭开JavasScript更多的神秘面容，敬请期待。

文章中有描述或者阐述不正确的地方，欢迎大家评论区留言。

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ppbm11NTIw_size_16_color_FFFFFF_t_70]: /images/20221022/b4073ce26fab48968a593528c437c052.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ppbm11NTIw_size_16_color_FFFFFF_t_70 1]: /images/20221022/048c257b02e64bfc96984109bd88666b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ppbm11NTIw_size_16_color_FFFFFF_t_70 2]: /images/20221022/9eb1759f4dc14ddfae3dd9b595466edc.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ppbm11NTIw_size_16_color_FFFFFF_t_70 3]: /images/20221022/101f20048d2a4191b8bbe854039a3580.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ppbm11NTIw_size_16_color_FFFFFF_t_70 4]: /images/20221022/6f4dbfb6bee64a899e4ffd52696ad8df.png