使用Babel把ES6编译成ES5

1. 运行以下命令安装软件包

   1 2	npm install --save-dev @babel/core @babel/cli @babel/preset-env npm install --save @babel/polyfill

2. 在项目根目录中创建.babelrc文件

   1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

   { "presets": [ [ "@babel/preset-env", { "targets": { "edge": "17", "firefox": "60", "chrome": "67", "safari": "11.1", }, "useBuiltIns": "usage", } ] ] }

3. 运行下面命令，将src目录中的所有代码编译到dist
   npx babel src -d dist

以上是我对下列视频及文章的归纳和总结。
ES6 免费视频教程

参考资料:
ES6的开发环境搭建

相关代码仓库:
ES6

ES6 的开发环境搭建

新的声明方式

实际例子：不同管理员权限不一样，能够行使的操作也不一样。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

publicclassJudgeRole{
    publicString judge(String roleName ) {
    String result = "";
    if (roleName.equals( "ROLE_ROOT_ADMIN" )) { // 系统管理员有A权限
        result = "ROLE_ROOT_ADMIN: " + "has AAA permission" ;
    }elseif( roleName.equals("ROLE_ORDER_ADMIN") ) { // 订单管理员有B权限
        result = "ROLE_ORDER_ADMIN: " + "has BBB permission" ;
    }elseif( roleName.equals("ROLE_NORMAL") ) {// 普通用户有C权限
        result = "ROLE_NORMAL: " + "has CCC permission" ;
    }else{
        result = "XXX" ;
    }
    return result;
    }
}

GitHub 访问和下载

问题：GitHub 访问不了或下载慢
原因：GitHub 的 CDN 被墙屏了。
解决方法：绕过 DNS 解析，在本地直接绑定 host，该方法也可用于其他 CDN 被屏蔽的网站。
原理：找出 GitHub 域名所对应的 IP 地址，直接添加在本地 host 中。每次请求 GitHub 时就无需再向 DNS 查询地址。
操作：

1. 访问ipaddress，查看网站域名对应的 IP 地址，输入网址则可查阅对应的 IP 地址。

2. 修改 host 文件
   Windows 中 host 文件在 C:\Windows\System32\drivers\etc 下。
   修改 host 文件如下：

   1 2 3 4 5 6

   # localhost name resolution is handled within DNS itself. # 127.0.0.1 localhost # ::1 localhost 192.30.253.112 github.com 151.101.113.194 github.global.ssl.fastly.net

3. 刷新 DNS
   Windows：cmd 执行 ipconfig/flushdns
   mac：sudo dscacheutil –flushcache

• 入门基础
  • 新手必看篇
  • 入门概念篇
  • 初级代码篇
  • 书籍配套视频
  • 界面布局基础
  • 网络通信

新手必看篇

视频讲义
视频学习目标：

• 总体上了解一下 APICloud 平台，重点介绍相关的学习资源，入门资料，常见的 FAQ 等。
• 明确我们这七天要开发一个什么样的 APP，明确功能需求，跟上每天的课程节奏，可以课前预习
• 梳理出对于一款 APP，在开发之前（Coding 之前），一些通用而又重要的准备工作，适合于所有 APP 开发，而非单指 APICloud。

• APICloud 平台介绍

  • 查看 APICloud 平台能力

    APICloud 平台能否满足自己的 APP 开发需求?

    查看 APICloud API 文档了解 APICloud 文档组织结构，学会通过文档搜索，找到需要的功能。
    APICloud 平台功能体系:
    

    文档搜索，找到需要的功能
    例如：视频播放功能
    

    APICloud 提供了很多解决方案；
    

    点开其中一个，可以看到提供的功能、代码示例等等。
    

    • APICloud 应用的开发模式和使用的技术语言
      前端开发者开发模式：HTML/CSS/JavaScript + APICloud 扩展 API
      原生开发者
      代码自动生成

      APICloud 扩展 API 调用方式：

      1 2 3 4 5 6 7 8 9

      核心模块在 window.api 对象下，不需要单独引用，可以直接调用 api.methodName(param, callback); 扩展模块需要 require 引入，遵守 CommonJS 规范 var module = api.require('moduleName'); module.methodName(param, callback); param: {} //参数，是一个JSON对象 callback: function(ret, err){} //回调函数，是一个Function对象，方法调用的结果通过此函数返回

      例如：

      打开新窗口：api.openWin();
      打开系统通讯录：api.openContacts();
      录音：api.startRecord();
      缓存网络图片：api.imageCache();
      加载 fs 模块：var fs = api.require(‘fs’);
      新建一个文件：fs.createFile();
      加载二维码/条形码扫描模块：var scanner = api.require(‘FNScanner’);
      打开二维码/条形码扫描: scanner.openScanner();

      为什么要扩展 API？

      

      在APICloud 聚合 API可以看到 APICloud 扩展的功能

      APICloud 平台定位:
      

    • APICloud 技术、产品、生态、案例、商业模式的总体介绍

      推荐视频入门概念篇 1-3 讲

    • APICloud 开发者相关的服务支撑体系

      如何解决开发者的问题？能为开发者提供哪些机会？是否有围绕开发者的生态模式？
      是否有一个完善的开发者相关支持服务体系来方便技术学习和社区交流？
      是否有一个完善的生态体系，来支持支撑 APICloud APP 开发，来满足各种不同的行业需求，来支撑实现需求复杂，功能强大的应用

      • 开发平台
      • 开发工具
      • 开发文档
      • 开发者社区
      • VIP 技术支持
      • 示例源码分享
      • 商业案例展示
      • 模块 Store（聚合 API）
      • 模版 Store
      • 应用定制服务

    • 新手应该如何开始入门 APICloud 应用开发

      新手开发指南
      APICloud 新手教程集合贴
      视频教程
      线上培训

• APICloud 平台使用流程

  • APICloud 云控制台使用

    开发控制台

    APICloud 应用开发的基本流程

    • 创建应用
    • 配置图标启动页
    • 设置证书
    • 同步代码
    • 添加模块
    • 云编译

    推荐视频入门概念篇 第 5 讲

  • 选择一款主流 H5 编码工具并安装相应的 APICloud 插件

    APPLoader 加载 Widget 的路径：
    android: sdcard/UZMap/wgt/
    ios: Document/uzfs/wgt/

    推荐视频：APICloud 视频之初级代码篇第 9-11 讲自定义 loader 使用
    推荐文档：自定义 loader 说明

  • APICloud 应用开发的基础操作流程
    

    在 APICloud 平台上有 4 种查看 APP 运行效果的手段：

    官方 AppLoader
    自定义 AppLoader
    云编译测试包
    云编译正式包

• 应用需求分析

  • 梳理需求说明文档

    输出需求说明文档

  • 进行 UE/UI 设计

    输出 UE/UI 设计： 产品原型文件、原始 UI 设计图、UI 切图

• 总体架构设计

• APICloud 应用设计思想

UI 架构设计

• APICloud 应用的 UI 组成结构

功能点分解

开放服务选择

数据接口定义

相关资料
APICloud 7 天培训课
APICloud 七天在线培训课教程
模块 store 常见模块必备使用指南
数据云服务
APICloud 优秀案例直播系列活动汇总
APICloud 社区精品源码集合贴
APICloud 视频
30天 App开发从0到1

《狗十三》《天注定》《楚门的世界》《流浪猫鲍勃》

《亲爱的》《推拿》《被嫌弃的松子的一生》《剩者为王》

《人民的名义》《当幸福来敲门》《切尔诺贝利》《何以为家》

《驴得水》《摔跤吧！爸爸》《天才摔跤手》《艺伎回忆录》

《男人四十》《千与千寻》《搜索》《蜜桃成熟时》《阳光灿烂的日子》

《黑处有什么》《心迷宫》《叫我第一名》《狩猎》《沉默的真相》

《霸王别姬》《变脸》《寄生虫》《大象席地而坐》

《西游记》《武状元苏乞儿》《神话》《超兽武装之勇者无惧》

《超兽武装之仁者无敌》《康熙王朝》《百变机兽之洛洛历险记》《海绵宝宝》

《铁齿铜牙纪晓岚》《仙剑奇侠传三》 《大话西游之大圣娶亲》

《这个杀手不太冷》《美国队长 2》《火影忍者》

《大内密探零零发》《喜剧之王》《果宝特攻》《天下无贼》《让子弹飞》《成为简·奥斯汀》

《一步之遥 》编辑部的故事、炊事班的故事、闲人马大姐、武林外传和家有儿女、我爱我家

封面图片出处
Pexels 上的 Vlad Bagacian 拍摄的照片

《花火が瞬く夜に》 《疯人院》 - 华晨宇 《烟火里的尘埃》 - 华晨宇
《aLIEz》 - 泽野弘之 《偏爱》《你瞒我瞒》
《青鸟》 - 生物股长 《心墙》《如果我变成回忆》

封面图片出处
Pexels 上的 Nadia Lindsay 拍摄的照片

故事的开头总是这样，适逢其会，猝不及防。故事的结局总是这样，花开两朵，天各一方。 — 张嘉佳《从你的全世界路过》

文学是最徒劳的，且是滑稽的徒劳。写这么多，我不能拯救任何人，甚至不能拯救自己。这么多年，我写这么多，我还不如拿把刀冲进去杀了他。真的。 — 林奕含《房思琪的初恋乐园》

某天，你会无端想起一个人，她曾让你对明天有所期许，却再也没有出现在你的明天里。 — 电影《再见，金华站》

后来我终于知道，它并不是我的花，我只是恰好途经了它的盛放。 — 电影《东邪西毒》