小程序和h5页面之间的通信

前言

• 小程序webview组件对嵌入的H5页面有要求、必须在小程序管理后台配置为合法的业务域名。
• H5页面调用小程序的能力有限，详情可参见微信小程序API

H5端

• H5页面需要引用微信提供的官方sdk

  1	https://res.wx.qq.com/open/js/jweixin-1.3.2.js

• 在按钮点击处，给小程序发送信息

  1 2 3 4

  <!-- 具体参数、具体分析 --> wx.miniProgram.postMessage({ data: 'foo' }) <!-- 详见`坑`处的说明 --> wx.miniProgram.navigateBack()

2017年9月11日新入职一家公司。15寸+最高配带TouchBar的Pro已经分配到了我这里。装机的过程是痛苦的，因为打开电脑后，啥也没有。那就来个记录，免得以后遗忘。

Chrome(前端开发🐶的缘故，钟爱Chrome)

• Safiri搜索Chrome，选择Mac下载。
  

微信+QQ+QQ音乐

偶然的情况下，会被问及平时用过哪些Html5新特性呀？懵逼。顿时懵逼。通过查看文档，了解到，其实我们项目中还是有很多地方用到了新特性。今天我们来一起总结下。

概述

• HTML5 是下一代的 HTML。HTML5 是 W3C 与 WHATWG 合作的结果。
• 新特性

用于绘画的 canvas 元素
用于媒介回放的 video 和 audio 元素
对本地离线存储的更好的支持
新的特殊内容元素，比如 article、footer、header、nav、section
新的表单控件，比如 calendar、date、time、email、url、search

上一篇博客中我们主要介绍了客户端的部分，今天来整理下服务端。Go。

Server搭建

• 全局安装koa脚手架工具generator-koa2-rest

1

npm install -g generator-koa2-rest

• 新建目录及初始化

1

mkdir server && cd server && yo koa2-rest

经过6天的奋战，一个后台管理系统已经新鲜出炉了。感觉主要是闲的蛋疼。没事瞎搞。哈哈。

记得在上一篇博客的尾巴中，承诺大家要做一个前后台通杀的小系统，以在实际的项目中运用。话不多说~开始吧。

前言

项目来源于大学的毕业设计，仅在实现CURD功能。其中，个别例子存在不合理之处(如：用户密码明文展示在表格中等)，请自行忽略，不要较真儿哦~

项目及技术介绍

该管理系统主要包括登录、图书管理、用户管理三个部分。可以实现图书与用户的CURD操作。其中admin用户属于管理员，可以操作用户管理，而其余用户则只能操作图书管理。具体的角色权限关系还未考虑在其中，感兴趣的同学，可以自行添加。

在听陈鸿宇的《理想三旬》。好听～

上两篇博文中提到了在Mac下MongoDB的安装与连接，这次我们来看看如何在Node命令行的形式下，操MongoDB
PS：本文中的数据集合采用上篇博文中“test”库中的“mycollection”。

安装MongoDB包

• 使用Node中的mongodb模块，需要先安装哦～打开终端，输入如下命令～

1

npm install mongodb

数据库的链接与断开

最近的一次面试题中，有问到XSSE和CSRF。表示当时只知道学名，是“攻击”的意思。。。后来在慕课网中看到一位老师的视频，觉得还不错，就动手跟着学习起来。整理的学习笔记如下。项目源码会在后面贴出，请叫我雷锋~~

XSS的攻击方式

• 反射型

发出请求是,XSS代码出现在URL中,作为输入提交到服务器端,服务器端解析后响应,XSS代码随着响应内容一起传回浏览器,最后浏览器解析执行XSS代码。这个过程像一次反射,故叫做反射型XSS。

• 存储型

存储型XSS和反射型XSS的差别在于,提交的代码会存储在服务器中(例如数据库,内存,文件系统等),下次请求页面是不用再提交XSS代码。

XSS的防御

好像最近没那多鸡汤~直接开始吧~

连接

• 前面一节我们安装了ManogoDB，如果你成功安装了的话～那么，新开终端，输入下述指令进行连接。

1

mongo

• 出现下述所示，很好，你成功啦～可以以命令行的方式操作啦

1
2
3
4
5
6
7
8
9
10
11
12
13
14

MongoDB shell version: 3.2.8
connecting to: test
Welcome to the MongoDB shell.
For interactive help, type "help".
For more comprehensive documentation, see
http://docs.mongodb.org/
Questions? Try the support group
http://groups.google.com/group/mongodb-user
Server has startup warnings:
2016-08-02T19:16:07.239+0800 I CONTROL  [initandlisten]
2016-08-02T19:16:07.239+0800 I CONTROL  [initandlisten] ** WARNING: soft rlimits too low. Number of files is 256, should be at least 1000
>
>
>

之前一直在其他平台发布着自己的博客，现在发现GithubPages这个东东~再加上绚丽的主题~~又可以好好的装逼了。那我们撸起袖子，开始干。

HomeBrew简介与安装

• 简介：就是mac上的软件包管理工具，方便安装与卸载。
• 安装：打开终端，输入如下命令，期间会输入一次回车＋两次开机密码。

1

ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

MongoDB安装

• 打开终端，输入下述指令

1

brew update

• 继续输入下面指令，期间会出现约两次进度条（忘记截图）

1

brew install mongodb