活久见: 原来 Chrome 浏览器支持 Import from 语法

需要满足以下三个条件:

1、高版本的Chrome ,总而言之越新越好……,其他浏览器请参考:https://caniuse.com/#search=import

2、必须在服务器环境下才能运行,譬如apache或者nginx,或者大部分语言都能开启的服务环境(我这里用phpstudy的Nginx环境来测试)

3、需要在 script 中加入 type = ‘module‘

index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
    <div id="app"></div>
</body>
<script type=‘module‘>
    import test from ‘./test.js‘
    console.log(20181221204836, test) // {a: 123 }
</script>
</html>

test.js

export default {
    a: 123
}

效果图如下:

原文地址:https://www.cnblogs.com/CyLee/p/10158883.html

时间: 2024-08-01 16:29:18

活久见: 原来 Chrome 浏览器支持 Import from 语法的相关文章

张书乐:活久见!王者荣耀不是农药!拜托,这不过是一个游戏

今日午后,在香港上市的腾讯控股一度跌5%,目前跌幅近4%.人民网日前发表评论文章称,<王者荣耀>面向社会不断在释放负能量,监管主体有必要让游戏多一些"善意".在很多人看来,这一次是人民网抨击王者荣耀. 我想说,在我看来,这真不是抨击,而是希望能够有一个更好的无毒"农药",它呼吁的是游戏厂商的监管,也呼吁的是来自社会各界以及有关部门的监管-- 文/张书乐(游戏产业资深时评人) 作为一个2004年就开始做游戏产业评论的撰稿人,当看到这样的议论时,真的有一种&

活久见 腾讯 公益404接口

官方网站 http://www.qq.com/404/ 我的demo <html> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8;"/> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta

活久见!Linux命令行居然也可以用来查看图像?

在 Linux 中有很多 GUI 应用程序可以查看图像,但是这对经常使用命令行来工作的人可能会觉得很繁琐.今天要介绍的是 3 个实用的 CLI 图像查看器来在终端上查看图像,让那些使用 CLI 的朋友能更加高效地工作. 1. FIM FIM 是 Fbi IMproved 的缩略语,意思是 Fbi 改进版. 有些人可能还不了解 Fbi ,Fbi 全称 linux framebuffer imageviewer.它使用系统的 framebuffer 直接从命令行显示图像.它默认显示的图像格式有 bm

活久见!音乐在AR手里“活”了起来

技术领域有一个不幸的事实:在虚拟现实(VR)中,引起更多的眼球的往往是"第一",而不是差不太多的"第二"."第三"之类,也不是对此钻研数年的人. 在许多情况下,人们发现,"第一"只是在之前已经完成的基础上完成,但是所涉及的人可能都没有对此进行任何研究.因此,这种所谓的"第一"越来越受到怀疑. 而一个带有引号的"世界第一",引起的质疑更是双重的. 然而,这个"世界第一"

活久见!苹果开通官方微博啦,可评论巨扎心!

4月23日上午苹果开通了官方微博,第一微博就是向国人打招呼"hello"!并且苹果开通微博一事件在当天还上了热搜,苹果本次开通微博的初衷为分享各种实用信息和使用妙招,让一切更加得心应手. 近两年来苹果手机在在中国市场的销量已经远远不及几年前了,苹果也在尝试这和中国用户进行交流,首先是去年开通了微信公众号,今这次又开通的微博,看来苹果还是很看重中国市场的,但是此次微博下面的评论真的是让人扎心. 微博热评一度将苹果和高通联系起来得了,相信这次的事情也是很多人意料之外了! 原文地址:http

[转载]为什么有些MP4文件在Chrome浏览器上播放不了?

http://blog.sina.com.cn/s/blog_6bb7ebcc0101c2ja.html Chrome浏览器支持HTML5,它支持原生播放部分的MP4格式(不用通过Flash等插件). 为什么是部分MP4呢?MP4有非常复杂的含义(见http://en.wikipedia.org/wiki/Mp4),普通人对MP4的理解是后缀为.mp4的文件.但MP4本身不是一种简单的视频格式,它是一个包装了视频和音频格式的壳.至于里面的视频和音频使用什么编码格式是可变的.MP4的视频格式可以使

Chrome浏览器开启Ajax跨域访问调试

由于浏览器安全性限制,Ajax是不能跨域访问的,而我们在日常开发工作中,经常会出现本地开发环境需要访问其他服务器上的API情况.提示信息为: Access to XMLHttpRequest at 'http://****' from origin 'null' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. 在当今前后端分

中文版Chrome浏览器不支持12px以下字体的解决方案 (转)

中文版Chrome浏览器不支持12px以下字体的解决方案 Chrome 27之前的中文版桌面浏览器会默认设定页面的最小字号是12px,英文版则没有限制,主要是因为chrome认为汉字小于12px就会增加识别难度,尤其是中文常用的宋体和微软雅黑.而我们在实际项目中,对于数字/英文内容,其他字体的文本可能会有特殊的需求要求它们以更小的字号来显示,这个时候就需要取消浏览器的自动调整功能了. 一般解决方案是禁止webkit浏览器配置调整网页的字体大小.如下CSS定义方式: [css] view plai

Chrome浏览器V43版本号不支持silverlight 5.0的解决的方法

场景: 浏览器:chrome V43 插件:silverlight 5.0 操作系统:xp 问题: 自己开发silverlight站点在IE7和firefox中能正常打开,但在chrome中打开失败. 原因: chrome 从42版本号開始不支持NPAPI,(Chrome 42禁用NPAPI和相关插件:Java.Unity和Silverlight) 解决的方法: 1.在Chrome浏览器地址栏中输入:chrome://flags/ 2.在打开的浏览器配置页面中找到"启用 NPAPI Mac, W