在之前的在微信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全部更新完毕后再执行回调函数。但是，如果他们都放在一起呢？执行顺序又会是怎么样的？

生成CA证书

1. 创建CA证书私钥

1

openssl genrsa -out ca-key.pem -des 1024

2. 通过CA私钥生成CSR

1

openssl req -new -key ca-key.pem -out ca-csr.pem

3. 通过私钥和CSR生成CA证书

1

openssl x509 -req -in ca-csr.pem -signkey ca-key.pem -out ca-cert.pem -days 1095

4. 检测CA证书是否正常

1

openssl x509 -in ca-cert.pem -noout -text

require.context简介

require.context是Webpack中用来管理依赖的一个函数，它的参数如下：

1

require.context(directory, useSubdirectories = false, regExp = /^\.\//)

使用方式如下所示：

1
2
3
4
5
6
7

// 创建一个test文件夹（不包含子目录）的上下文，可以require其下的所有js文件
const context = require.context("./test", false, /\.js$/)
const importAll = context => {
    // context.keys() 返回找到的js文件路径
    context.keys().forEach(key => context(key)
}
importAll()