Blob, Uint8Aray, atob/btoa in lt IE9 browser 标签(空格分隔): compatibility 之前写的代码全部在Chrome调试,用IE打开发现各种问题. 1. <a download=""></a> 首先IE不支持HTML5的download属性: var a = document.createElement('a'); var ev = document.createEvent('HTMLEvents'); var…
解决 Javascript 中 atob 方法解码中文字符乱码问题 由于一些网络通讯协议的限制,你必须使用 window.btoa() 方法对原数据进行编码后,才能进行发送.接收方使用相当于 window.atob() 的方法对接受到的 base64 数据进行解码,得到原数据.例如,发送某些含有 ASCII 码表中 0 到 31 之间的控制字符的数据. window.btoa 与 window.atob 不支持中文 对于 unicode 编码的字符进行 base64 编码之后,通过浏览器原生的…
原文 WebBrowser与IE的关系,如何设置WebBrowser工作在IE9模式下? 一.问题的提出 偶然发现,Winform里的WebBrowser和IE实际安装的版本似乎并不同步,很有趣! 下面有张图,里面一个窗口是用IE9打开某网站,另一个窗口是用Winform+WebBrowser打开同样的网站,有意思的事情出现了. 在IE9窗口中,这个网站左边菜单树无法显示,原因是IE9使用的技术较新,而网站使用的技术较旧,未能及时同步更新到支持IE9所致.该如何办呢? 微软在IE9中提供一个兼容…
JS 在页面上直接将json数据导出到excel,支持chrome,edge,IE10+,IE9,IE8,Safari,Firefox <html> <head> </head> <body> <script type="text/javascript"> function jsexport(){     var jsonData = [{name:"张三", sex:"男", age:…
一.安装依赖 npm install file-saver --save npm install xlsx --save npm install script-loader --save-dev 二.下载两个所需要的js文件Blob.js和Export2Excel.js Blob.js地址:https://github.com/eligrey/Blob.js/blob/master/Blob.js /* Blob.js * A Blob implementation. * 2018-01-12…
1.安装依赖 cnpm install -S file-saver xlsx cnpm install -D script-loader 2.例如在src文件夹中新建一个名为vendor(vendor---名字任取)的文件夹,在该文件夹下放置2个文件Blob.js和 Export2Excel.js. 3.配置build文件夹中的webpack.base.conf.js(注:如果webpack报解析错误) 4.应用 export2Excel() { require.ensure([], () =>…
写这篇博客的起源是在div.io上的一篇文章<你所不知道的JavaScript数组>by 小胡子哥下的评论中的讨论. 因为随着XHR2和现代浏览器的普及,在浏览器当中处理二进制不再向过去那样无所适从,随着Canvas/WebGL等新技术逐渐开始进入大众视 野,也会用到一些字节数组或者16位.8位整数等东西.在node.js刚刚发布的4.0版本中,Buffer的底层使用了更符合JS标准的Uint8Array来实现,浏览器和node.js再次向相同的目标靠近了一点点,所以对于JS中处理二进制,我就…
1.下载依赖 npm install -S file-saver xlsx npm install -D script-loader 2.在src下创建vendor文件夹,并在文件夹中放两个文件 Blob.js (function (view) { "use strict"; view.URL = view.URL || view.webkitURL; if (view.Blob && view.URL) { try { new Blob; return; } catc…
前端工作量最多的就是需求,需求就是一直在变,比如当前端数据写完之后,需要用Excel把数据下载出来. 第一步安装依赖包,需要把代码下载你的项目当中 cnpm install  file-saver cnpm install xlsx cnpm install script-loader 第二步在项目中创建一个新的文件夹用于存放Blob和Export2Excel两个js文件 第三步在你那个组件中使用 tHeader:标题 filterVal:字段名 tableData:前端请求的数据 export…
你可以用HTML 5 注意:返回的文件数据必须是base 64编码的,因为您不能对二进制数据进行JSON编码 在我的AJAX我得到了如下的数据结构: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <button onclick="down();"…
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <script src="../js/jwplayer-7.3.6/jwplayer.js"></script> <!--[if gt IE 9]> <script src=&q…
1.HTML <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>table export</title> </head> <body> <table id="table2"> <thead> <tr> <td>…
1.安装三个依赖包 npm install -S file-saver npm install -S xlsx npm install -D script-loader 2.在项目中创建一个文件夹(比如vendor,一般是在src目录下创建) 把Blob.js和 Export2Excel.js这两个文件夹放到新建的文件夹内,如图: Blob.js: /* eslint-disable */ /* Blob.js * A Blob implementation. * 2014-05-27 * *…
    以下介绍在不用修改代码并发布项目的情况下,为我们日常使用的移动web应用(如手机web淘宝)添加vConsole调试工具的方法   vConsole介绍 vConsole是一个轻量.可拓展.针对手机网页的前端开发者调试面板.   使用vConsole的项目可以让手机上的Web浏览器,拥有类似PC调试工具的能力. 正常情况下使用vConsole需要修改项目代码并重新发布. vConsole官方介绍(https://github.com/Tencent/vConsole)   FreeHtt…
第一:安装依赖 npm install -S file-saver xlsx npm install -D script-loader 第二:在目录里新建excel文件夹 在excel文件夹里新建两个js文件(Blob.js和Export2Excel.js) Blob.js /* eslint-disable */ /* Blob.js * A Blob implementation. * 2014-05-27 * * By Eli Grey, http://eligrey.com * By D…
https://www.cnblogs.com/bobodeboke/p/8867481.html  非常感谢 这个大佬 才让我搞到了Blob.js 和 Export2Excel.js 如果最后运行时报错,将Export2Excel.js文件中的改为如图 Blob.js /* eslint-disable */ /* Blob.js * A Blob implementation. * 2014-05-27 * * By Eli Grey, http://eligrey.com * By Dev…
之前的文件下载功能一般是由前后端配合实现,由于项目需要,纯前端实现了一把excel的导出功能: 一.excel导出 1.安装依赖库 xlsx:这是一个功能强大的excel处理库,但是上手难度也很大,还涉及不少二进制的东西 file-saver:ES5新增了相关file,blob,fileList等API,但不是所有浏览器都支持,file-saver在没有原生支持saveAs的浏览器上实现了saveAs()接口 script-loader: 在全局上下文环境中执行一次js脚本. npm insta…
1.需要安装file-saver和script-loader.xlsx npm install file-saver / yarn add file-saver npm install script-loader / yarn add script-loader npm install xlsx / yarn add xlsx 2.新建js文件(Blob.js和Export2Excel.js) Blob.js /* eslint-disable */ /* Blob.js*/ /*global…
前端工作量最多的就是需求,需求就是一直在变,比如当前端数据写完之后,需要用Excel把数据下载出来:再比如前端在没有数据库想写些demo玩时,也是很好的选择. 第一步安装依赖包,修改配置 1.装依赖: cnpm install  file-saver cnpm install xlsx cnpm install script-loader 2.修改配置: 在如下截图文件位置新增一行即可:'vendor': path.resolve(__dirname, '../src/vendor'),//新增…
今天研究一下前端如何导出excel,边查边实践,边记录 1.安装依赖库 xlsx:这是一个功能强大的excel处理库,但是上手难度也很大,还涉及不少二进制的东西 file-saver:ES5新增了相关file,blob,fileList等API,但不是所有浏览器都支持,file-saver在没有原生支持saveAs的浏览器上实现了saveAs()接口 script-loader: 在全局上下文环境中执行一次js脚本. npm install -D xlsx file-saver npm inst…
简介 项目中经常会用导出数据的场景,这里介绍 VUE 中如何使用插件 xlsx 导出数据 安装 ## 1.使用 npm 或 yarn 安装依赖(三个依赖) npm install -S file-saver xlsx npm install -D script-loader 使用 ## 1.在项目的 src 目录下新建文件夹(名字任意),创建如下两个文件 *** 文件1:Blob.js /* eslint-disable */ /* Blob.js*/ /*global self, unesca…
在真实手机上运行H5页面时,无法看到控制台.为了能在真实手机上使用控制台,可以加入如下代码实现控制台: //引入vconsole var isTestEnvironment =true if(isTestEnvironment){     var script,     scripts = document.getElementsByTagName(]     function load(url) {         script = document.createElement('script…
在做一些简单的demo时,偶尔会遇到导出excel表格.如果请后端帮忙的话 比较浪费时间,那么前端如何导出excel表格,下面就来记录一下之前使用到的案例 一.安装依赖 npm i file-saver xlsx script-loader -S 或 yarn add file-saver xlsx script-loader 二.封装Blob.export_json_to_excel 方法 1.封装blob方法 在 src/utils文件夹下创建Blob.js /* eslint-disabl…
第一步Install cnpm install file-saver 或者 yarn add file-saver cnpm install xlsx 或者 yarn add xlsx cnpm install script-loader 或者 yarn add script-loader 第二步 Use 1. 在src/plugins/Export2Excel.js(目录没有可以重建) Export2Excel.js放入以下代码 /* eslint-disable */ require('sc…
使用需要引入这些js 在src目录下创建一个文件(vendor)进入Blob.js和Export2Excel.js npm install -S file-saver 用来生成文件的web应用程序 npm install -S xlsx 电子表格格式的解析器 npm install -D script-loader 将js挂在在全局下 Blob.js /* eslint-disable */ /* Blob.js*/ /*global self, unescape */ /*jslint bit…
转载来自: http://www.infocool.net/kb/PHP/201607/168683.html a 函数 说明 abs 绝对值 acos 反余弦 acosh 反双曲余弦 addcslashes 以 C 语言风格使用反斜线转义字符串中的字符 addslashes 使用反斜线引用字符串 apache_child_terminate 在本次请求结束后终止 apache 子进程 apache_getenv 获取 Apache subprocess_env 变量 apache_get_mo…
上一篇文章我简单介绍了Activity之间简单切换,很简单,这一篇文章我们继续聊Android中程序页面互相跳转的Activity,不过这一次我们在Activity跳转时,携带一些简单的数据,然后在新的Activity中将携带的数据展示出来. 不过请谨记我们这边暂时先携带一些简单的数据(简单的数据类型包括String),而不是那些大额的对象实例 ,在Activity中携带实例我们以后再论. 在Intent中我们使用putExtras方法携带数据,在例子中我们就介绍将数据存放到Bundle中,然后…
理论学习Activity之后,我们就来具体的实战,Activity之间相互切换依靠的是“ 意图 ”(Intent),这个 Intent 包含了要跳转到的Activity的一些信息,因为Activity是那些琐碎的页面,我们需要粘合剂( Intent )将这些 Activity连接起来,在程序中Activity启动的方式一般是调用startActivity,代码样式如下: Java代码 // intent很重要,是两个Activity之间的纽带 Intent in = new Intent();…
一.问题的提出 偶然发现,Winform里的WebBrowser和IE实际安装的版本似乎并不同步,很有趣! 下面有张图,里面一个窗口是用IE9打开某网站,另一个窗口是用Winform+WebBrowser打开同样的网站,有意思的事情出现了. 在IE9窗口中,这个网站左边菜单树无法显示,原因是IE9使用的技术较新,而网站使用的技术较旧,未能及时同步更新到支持IE9所致.该如何办呢? 微软在IE9中提供一个兼容性视图功能,只要一点击兼容性视图就可以兼容旧版本浏览器的网站. 引用MSDN “To ov…
输出浏览器成员和DOM成员(以下为safari浏览器测试)(浏览器不同对象成员有差异) window成员 <script type="text/javascript"> //输出window成员 for(x in window) document.write(x +"<br>"); </script> window document screen history locationbar menubar personalbar sc…