zoukankan      html  css  js  c++  java
  • ES6走一波 module

    ES6模块设计思想:  尽量静态化,使得编译时就能确定模块的依赖关系,输入、输出的变量。可做静态优化。

    ES6模块不是对象,而是通过export命令显示指定输出的代码,再通过import命令输入

    export命令可出现在模块文件的任何位置,只要处于顶层即可

    export default 为模块指定默认输出   import不要大括号

    export

      export default 方法输出模块,import时可方便指定任意名字(不需要“大括号”语法)

    import 

      文件路径(绝对、相对)js后缀可省略,若只是模块名不带路径需由配置文件配合

      import命令接受一对大括号,里面指定要从其他模块导入的变量名,有提升效果,

      import 命令在编译阶段执行,在代码运行之前,import是静态执行,所以不能用表达式和变量(这些是指在运行时才能得到的结果的语法)

      import 语句是Singleton模式(加载相同模块多次,只会执行一次)

    module的加载实现

      async属性、defer属性(等整个页面在内存中正常渲染结束才会执行: DOM结构完全生成,其他脚本执行完成)

  • 相关阅读:
    ci框架与smarty的整合
    jQuery 1.3.2 简单实现select二级联动
    Nginx配置https
    tp5.1最新的类库使用规则
    Linux指令大全
    Redis锁机制处理高并发
    Nginx配置https站点
    vue的入门
    HTTP 请求头中的 X-Forwarded-For,X-Real-IP
    Composer包制作以及发布!
  • 原文地址:https://www.cnblogs.com/wenhandi/p/9450263.html
Copyright © 2011-2022 走看看