TOMMYHU

May 31

异步流程控制实践

tommyhu , 10:35 , 大前端 , Comments(0) , Trackbacks(0) , Reads(1401) , Via Original

Quotation

Step.js（https://github.com/creationix/step）是控制流程工具（大小仅 150 行代码），解决回调嵌套层次过多等问题。适用于读文件、查询数据库等回调函数相互依赖，或者分别获取内容最后组合数据返回等应用情景。异步执行简单地可以分为“串行执行”和“并行”执行，下面我们分别去看看。

3、Async.js中文详解

Quotation

Async的内容分为三部分：流程控制：简化十种常见流程的处理集合处理：如何使用异步操作处理集合中的数据工具类：几个常用的工具类

其他
1、Generator co http://www.ruanyifeng.com/blog/2015/05/async.html
2、async await 可以参考阅读https://www.jianshu.com/p/7bd8d5e87965

2.1、vue : async / await 的应用
api.js

app.vue

vue使用async/await 报错“Syntax Error: await is a reserved word“””

async/await 更好的异步解决方案https://segmentfault.com/a/1190000012411744

May 31

如何在微信小程序中使用async/await

tommyhu , 09:42 , 大前端 » vue.js , Comments(0) , Trackbacks(0) , Reads(907) , Via 如何在微信小程序中使用async/await

1.引入generator支撑库
经过Babel转译后的代码，会把aysnc/await的功能通过类似co库的方式来实现，即要使用到generator，所以，和我们使用co的时候一样，需要依赖一个regeneratorRuntime，才能支持generator特性。我们可以使用Facebook开源的regenerator库。你可以通过npm来下载这个regenerator库：

npm install regenerator --save
然后将下载文件中名为regenerator-runtime的文件拿出来，放到我们的小程序代码中去。

2.引入代码
在需要使用async/await特性的代码文件中，引入regenerator库：

import regeneratorRuntime from '../../utils/regenerator-runtime/runtime-module.js';
然后，你就可以放心的在你的代码里使用async/await来写异步处理了。

Tags: 如何在微信小程序中使用async/await

May 30

编写Sass的八个技巧

tommyhu , 17:35 , 大前端 » vue.js , Comments(0) , Trackbacks(0) , Reads(782) , Via Original

https://www.w3cplus.com/preprocessor/8-tips-help-get-best-sass.html
编写Sass的八个技巧

Tags: 编写sass的八个技巧

May 30

导出csv

tommyhu , 14:36 , 大前端 » vue.js , Comments(0) , Trackbacks(0) , Reads(763) , Via Original

Tags: 导出csv

May 30

webstorm vuejs文件模板

tommyhu , 14:23 , 大前端 » vue.js , Comments(0) , Trackbacks(0) , Reads(683) , Via Original

Tags: webstorm-vuejs文件模板

May 30

前台JS（type=‘file’）读取本地文件的内容，兼容各种浏览器

tommyhu , 13:36 , 大前端 , Comments(0) , Trackbacks(0) , Reads(933) , Via Original

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8" />
    <script>
        function upload(input) {
            //支持chrome IE10
            if (window.FileReader) {
                var file = input.files[0];
                filename = file.name.split(".")[0];
                var reader = new FileReader();
                reader.onload = function() {
                    console.log(this.result)
                    alert(this.result);
                }
                reader.readAsText(file);
            }
            //支持IE 7 8 9 10
            else if (typeof window.ActiveXObject != 'undefined'){
                var xmlDoc;
                xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
                xmlDoc.async = false;
                xmlDoc.load(input.value);
                alert(xmlDoc.xml);
            }
            //支持FF
            else if (document.implementation && document.implementation.createDocument) {
                var xmlDoc;
                xmlDoc = document.implementation.createDocument("", "", null);
                xmlDoc.async = false;
                xmlDoc.load(input.value);
                alert(xmlDoc.xml);
            } else {
                alert('error');
            }
        }
    </script>
    <title>file upload</title>
</head>
<body>
<input id='file' type="file" onchange="upload(this)" />【注意，参数传的是这个input的html元素,若是jquery，此参数是$('#file')[0]】
<script type='text/javascript'>
//<![CDATA[
if (document.getElementById('processtime')) document.getElementById('processtime').innerHTML="<span class='runtimedisplay'>Run in 168 ms, 7 Queries.</span>";
//]]>
</script></body>
</html>

Tags: 前台js（type=‘file’）读取本地文件的内容，兼容各种浏览器 , js读取文件

May 30