• 35648

    文章

  • 23

    评论

  • 20

    友链

  • 最近新加了很多技术文章,大家多来逛逛吧~~~~
  • 喜欢这个网站的朋友可以加一下QQ群,我们一起交流技术。

现代WebGIS开发教程之ES6基础1——环境配置1

欢迎来到阿八个人博客网站。本 阿八个人博客 网站提供最新的站长新闻,各种互联网资讯。 喜欢本站的朋友可以收藏本站,或者加QQ:我们大家一起来交流技术! URL链接:https://www.abboke.com/jsh/2019/0711/7156.html 1190000019725740

缘起
   打算开坑,这个坑是我以前想开的,因为以下几点:

  1. 学校学习偏学术,以至于到单位的新人需要从基础培养,缺少实用教材。
  2. 网络的文章,不系统,以讹传讹多
  3. WebGIS开发人员很多满足于肤浅的api使用,对开发知识学习不够深入
  4. 当前传统WebGIS开发人员对Web新技术了解太少

   学习WebGIS第一步要打好基础,不要一开始做网页看个地图,那样虽说有了兴趣,但是头绪太多,javascript、html、css、还有各种api(openlayers、leaflet、arcgis js api、mapbox-gl),容易浮在表面api的使用忽略了设计、架构以及原理性的知识,我不希望我的组员是一名只会调用api的开发人员。因此,我想开个坑,一方面是之前学习和指导开发人员的技术总结,一方面也是给自己备份些心得。

基本环境
   ES6基础系列以ES6语法和库为主,不打算和网页结合,例子以命令行为主要形式,因此本文的环境知识满足以上需求而配置
   闲话休提,我们不用浏览器怎么运行javascript,就像运行java需要jre一样,我们需要一个运行时来运行javascript,这就是Node.js,相信大家都听说过这个。下载嘛https://nodejs.org/ ,懒人这个最方便,当然linux有dnf、yum啥的谁用谁知道。版本嘛LTS的技术保守点,贵在稳定,有bug会长期有人修复。Current,嗯,我这种不折腾不舒服的人最喜欢。总之看个人喜好了,安装完了咋知道,命令行很重要,在win cmd,在li terminal,在mac 嗯,还是terminal,打开后敲入命令:

node -v

   然后呢,看到版本号,就是装成功了

clipboard.png

   这两年的Node.js会把副产品带上,这个附产品很有用叫npm,所有的项目都是通过npm去创建的,还是在命令行,敲以下命令:

npm -v

   于是能看到npm的版本。

clipboard.png
   恭喜你,装好了
第一句代码
   环境好了,照惯例,有个Hell, World!才算是真的好,那咱们就来吧,命令行(真的很重要,bash要学好),输入命令

node

   就会出现交互式界面,有提示符>

clipboard.png
   我们第一句代码就是打印Hello, World!,在提示符后敲入代码

console.log('Hello, World!');

   再看看有什么结果

clipboard.png
   嗯,确实打印了Hello, World!,完美,我学会javascript。
   然鹅,你就这么忽略了后面的undefined么?相信很多人都会选择忽略。出现undefined的原因是什么呢?node交互时界面返回的是输入语句返回值,打印出Hello, World是console.log执行的操作,但是console.log的返回值是undefined,因此才会有这两行输出。
   凡事不要大而化之,差不离,一定要深究,这才是学习的态度
   最后退出环境,在命令行输入:

.exit

   如图退出

clipboard.png

   以上,各位算是javascript入门了,后面我将逐步讲解ES6的相关知识,希望大家关注。

相关文章

暂住......别动,不想说点什么吗?
  • 全部评论(0
    还没有评论,快来抢沙发吧!