想利用WebAssembly来调用OpenSSL里面的MD5加密库，采用如下命令进行编译：

1

~ emcc md5.c -I /usr/local/Cellar/openssl@1.1/1.1.1d/include -L /usr/local/Cellar/openssl@1.1/1.1.1d/lib -lcrypto  -s EXTRA_EXPORTED_RUNTIME_METHODS='["cwrap", "ccall"]' -o md5.js

编译时发现了如下问题：

1
2
3
4
5
6
7

shared:WARNING: object /var/folders/gk/_j9gq7sn6d19820tz77q5k600000gn/T/emscripten_temp_0ybodbu3_archive_contents/x86_64cpuid.o is not a valid object file for emscripten, cannot link
error: undefined symbol: MD5_Final
warning: To disable errors for undefined symbols use `-s ERROR_ON_UNDEFINED_SYMBOLS=0`
error: undefined symbol: MD5_Init
error: undefined symbol: MD5_Update
Error: Aborting compilation due to previous errors
shared:ERROR: '/usr/local/bin/node /usr/local/Cellar/emscripten/1.38.44/libexec/src/compiler.js /var/folders/gk/_j9gq7sn6d19820tz77q5k600000gn/T/tmpmptz1ty9.txt /usr/local/Cellar/emscripten/1.38.44/libexec/src/library_pthread_stub.js' failed (1)

WebAssembly是一个可移植、体积小、加载快并且兼容 Web 的全新二进制格式，其文件后缀名为wasm，是由主流浏览器厂商组成的 W3C 社区团体 制定的一个新的规范。

在之前的在微信H5网页中获取用户基本信息一文中， 我们提到了如何在微信中获取用户信息，这一篇小文主要分析如何在新浪微博中获取用户信息，尤其是个人头像。

whistle(读音[ˈwɪsəl])基于Node实现的跨平台web调试代理工具，类似的工具有Windows平台上的Fiddler和Mac上的Charles，主要用于查看、修改HTTP、HTTPS、Websocket的请求、响应，也可以作为HTTP代理服务器使用。

在前端，我们经常会用postMessage来实现页面间的点对点通信，对于一些需要广播（让所有页面知道）的消息，用postMessage无法满足需求。Broadcast Channel就用来解决这个问题

公众号推送

简介

微信公众号提供了接口方便进行消息推送。只要用户关注了对应的服务号， 就可以对其进行消息推送。推送的消息，支持打开网页或者打开小程序

限制： 公众号推送只针对服务号，普通个人公众号是不支持推送的。必须通过认证（花钱了）才可以调用推送接口

在微信中访问一些HTML5网页时，我们常看到是否允许访问用户公开信息的提示。如果用户点击“允许”，网页就可以获取到用户的头像以及昵称等信息。

如果把在网址拷贝出来，然后在非微信环境打开，就会看到“请在微信客户端中打开连接”的提示。

一直很好奇这个是怎么实现的，是微信提供的功能呢还是开发人员自己实现的？从页面展示的效果来看，应该是微信提供的功能。如果是微信提供的功能，该怎么样实现这样的效果呢？刚好我们有个H5网页需要获取用户的昵称信息，研究了下微信的相关文档，整理为此文。

WebAssembly，也叫WAMS，是一个可移植、体积小、加载快并且兼容 Web 的全新二进制格式，可以将C/C++/Rust等语言编写的代码编译为wasm文件然后运行在Web上。

用C/C++写wasm有点麻烦，需要安装各种编译器。话说最新Go 1.11发布了，其中有个新特性就是对WebAssembly的支持，今天我们就来玩玩，如何将Go代码编译为wasm文件。

提示：本文不会介绍Go的相关语法以及WASM的相关基础知识。如果阅读有困难，请先参考相关的基础介绍或阅读相关文章。

用过Vue的同学都知道，v-for指令常用于遍历数组或者对象，然后依次渲染出指定的内容。同时，我们也知道，官方文档也建议，在使用v-for指令时，记得要加上key属性，方便提升应用性能。例如一个简单的增删Todo应用如下所示：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38

<template>
    <div class="todos">
        <input v-model.trim="task" @keypress.enter="onSaveTodo" placeholder="请输入待办任务" />
        <ul>
            <li v-for="(todo, index) in todos" :key="index">
                <span @click="onRemoveTodo(index)">{{ todo }} <i class="remove">&times;</i></span>
            </li>
        </ul>
    </div>
</template>

<script>
    export default {
        name: 'TodoApp',
        data() {
            return {
                todos: [],
                task: ''
            }
        },
        methods: {
            onSaveTodo() {
                this.todos.push(this.task)
                this.task = ''
            },
            onRemoveTodo(index) {
                this.todos.splice(index, 1)
            }
        }
    }
</script>

<style>
.todos .remove {
    color: #ff0000;
    cursor: pointer;
}
</style>

前言

大家都知道，Javascript是单线程、顺序执行的，通过事件循环来处理异步。而且稍有开发经验的同学也知道，利用setTimeout、setInterval以及Promise可以延时代码的执行。如果在Node.js中，大家会用process.nextTick来让代码在下一个周期执行；或者在Vue中，会利用Vue.nextTick保证DOM全部更新完毕后再执行回调函数。但是，如果他们都放在一起呢？执行顺序又会是怎么样的？