小程序介绍

仿聊天窗口的微信小程序

GitHub

https://github.com/abigaleypc/wxapp-demo.git

准备工作

• 获取开发资格
• 下载开发工具

安装并启动项目

• git clone https://github.com/abigaleypc/wxapp-demo.git
• 在开发者工具中添加以上demo，即可查看效果

前端本地存储策略

通过本地存储（Local Storage），web 应用程序能够在用户浏览器中对数据进行本地的存储。
在 HTML5 之前，应用程序数据只能存储在 cookie 中，包括每个服务器请求。本地存储则更安全，并且可在不影响网站性能的前提下将大量数据存储于本地。
与 cookie 不同，存储限制要大得多（至少5MB），并且信息不会被传输到服务器。
本地存储经由起源地（origin）（经由域和协议）。所有页面，从起源地，能够存储和访问相同的数据。

从以下几点做一些对比：

• 存储量
• 存储类型
• 使用方式
• 数据的生命期
• 与服务器端通信
• 优点
• 缺点

DEMO

https://github.com/abigaleypc/cross-domain-server

项目安装

• git clone https://github.com/abigaleypc/cross-domain-server
• cd JSONP
• npm install

不同域的定义

协议+域名+端口号都相同才是同域

HTTP请求

一个HTTP请求一般由四个部分组成

• HTTP请求的动作或者方法，比如是GET或者POST请求。
  • GET请求. 一般用于信息获取。（一般用来查询）；使用URL传递参数；对发送的数据信息有限制，一般在2000个字符。
  • POST请求。 一般用于修改服务器上的资源。（一般用来修改数据）；对与大小没有限制；
• 正在请求的URL。你要知道你请求的地址是什么。
• 请求头，包含一些客户环境，身份验证信息等等。
• 请求体，也就是请求正文，这里面包含查询的字符串，表单信息等等。
  Read more »

react-native中导航库react-navigation实现过程：

• 安装库

npm install --save react-navigation

• index.ios.js中代码示例

  Read more »

id > class > 元素(类型)选择器

1
2
3
4
5
6
7

// html
<h1 class="h1-class" id="h1-id">这是标题</h1>
// CSS
.h1-class { color: goldenrod; } // 第二优先级
#h1-id{ color: blue; } // 第一优先级
h1{ color: red; } // 第三优先级

小知识

• JavaScript数组长度范围

1

0 ~ 2^32-2

• 数组直接量的语法允许有可选的结尾的逗号

1
2

let arr = [,,];
console.log(arr.length); // 2

JSON.stringify()

将JSON格式转为string格式

1
2

let jsonObj = {a:1,b:2};
JSON.stringify(jsonObj); // '{a:1,b:2}'

字符串返回结果相同

1
2
3

let str = 123;
str.toString(); // "123"
str.toLocaleString(); //"123"

数组返回结果相同