班会第 40 期 - Githubissues

技术
- Sails.js 起航 - 后端框架选秀
对比下 ThinkJS, 可以看到 Sails 的功能更为强大, 当然也就会更加地复杂...
- text-spinners
Pure text, CSS only, font independent, inline loading indicators

Every Spinner is a fixed sized element with a pseudo element whose content is set to the parts of the spinner divided by \A to create line breaks.

Then a stepped keyframe animation shifts the pseudo element up one line-height per step.
- Refills
Patterns/Components/Type Systems: 常用的 UI 模式/组件/排版
- centered navigation
- footers
- accordion / tabs / vertical tabs
- cards
- badges
- breadcrumbs
- icon bullet points
- scroll on page
- side image
- tables
- button group
- hover tile animation
- modal
- pagination
- dropdown
- progress bars
- search bar
- switch
- tooltip
- comments
- device
- flex boxes
- grid items
- hero unit
- search tools
- expander
- flashes
- image with gradient overlays
- parallax
- ribbon
- responsive video embed
- sliding panel
- stats
- textures
- 构建稳固的、可升缩的CSS框架的八大原则
我们追求的是一个稳固的、可升缩的CSS框架
- 面向组件
- 沙盒
  
  将组建进行拆分并不一定能能使得其按照我们的期望进行加载，如：一个组件的样式可能会对其他组件的样式产生不可预计的影响。诸如CSS基础特性和具有唯一全局性性质的命名空间的标识符就能造成这种影响。
- 善用类来定义CSS
- 将组件的相关代码放在一起
  
  会对组件的组件化起到很大的作用
- 使用一致的类命名空间
  
  CSS只具有一个单一的、无区分性的命名空间, BEM 来完成对于命名空间的命名, 我们将选用一种命名标准并贯彻执行
- 让命名空间和文件名间具有映射关系
- 防止在组件外定义样式
  
  如果所有的组件都只使用了附有独特命名空间前缀的类名, 我们敢说这些样式绝对不会和它人的重合
- 防止泄漏组件内的样式
  - 决不在样式文件中使用元素名称
  - 在命名空间中将元素名与选择器 > 配合使用
- 考虑元素的边界问题
- 松散的聚合外来样式
  
  定义好了一堆mixin指令供你在需要的地方使用，而不会随意暴露出风格样式
知道这些规则后，才能知道在什么时候可以去打破它
- sanitize HTML with jQuery prevent Application from XSS attacks
```
// 小心 XSS 漏洞
$('<img src=1 onerror=alert(1)>');
$.parseHTML('<img src=1 onerror=alert(1)>'); // jQuery 3.0+
```
- 你所不知道的跨域资源共享(CORS)
- 简单请求（Simple Request）
- 预检测请求 (Preflight Request)
- force preflight flag
- JBox
极光宝盒: 纯粹的通知解决方案
- 简单配置
- 消息聚合
- App订阅: 无需注册，扫码即可接收通知
- 使用场景
  - 用于服务器监控
  - 用于作业通知
API 文档
- 发送消息
  
  向 webhook url 发送 JSON payloads
```
POST https://jbox.jiguang.cn/v1/message/{integration_id}/{token}

{
  "title": "消息的标题，可以为空",
  "message": "消息内容，不能为空",
  "url": "跳转 url ,手机端点击消息跳转的链接，为空不跳转(注意这个地方要加 http 前缀)"
}
```
- iOS应用支持IPV6，就那点事儿
自从5月初Apple明文规定所有开发者在6月1号以后提交新版本需要支持IPV6-Only的网络

Starting June 1, 2016 all apps submitted to the App Store must support IPv6-only networking. Most apps will not require any changes because IPv6 is already supported by NSURLSession and CFNetwork APIs.

If your app uses IPv4-specific APIs or hard-coded IP addresses, you will need to make some changes. Learn how to ensure compatibility by reading Supporting IPv6 DNS64/NAT64 Networks
- IPV6-Only支持是啥？
  
  首先IPV6，是对IPV4地址空间的扩充。
  
  目前当我们用iOS设备连接上Wifi、4G、3G等网络时，设备被分配的地址均是IPV4地址
  
  但是随着运营商和企业逐渐部署IPV6 DNS64/NAT64网络之后，设备被分配的地址会变成IPV6的地址，而这些网络就是所谓的IPV6-Only网络，并且仍然可以通过此网络去获取IPV4地址提供的内容。
  
  客户端向服务器端请求域名解析，首先通过DNS64 Server查询IPv6的地址，如果查询不到，再向DNS Server查询IPv4地址，通过DNS64 Server合成一个IPV6的地址，最终将一个IPV6的地址返回给客户端。
- Apple如何审核支持IPV6-Only？
  
  这里说的支持IPV6-Only网络，其实就是说让应用在 IPv6 DNS64/NAT64 网络环境下仍然能够正常运行。但是考虑到我们目前的实际网络环境仍然是IPV4网络，所以应用需要能够同时保证IPV4和IPV6环境下的可用性
- 应用如何支持IPV6-Only？
  - Use High-Level Networking Frameworks;
  - Don’t Use IP Address Literals;
  - Check Source Code for IPv6 DNS64/NAT64 Incompatibilities;
  - Use System APIs to Synthesize IPv6 Addresses;
针对苹果最新审核要求为应用兼容IPv6
- 不建议使用底层的网络API
- 不要用IP地址
- 检查不兼容IPv6的代码
- 本地搭建IPv6测试环境
关于阿里云 ECS 服务器是否支持 IPV6 的回复

阿里云ECS的操作系统对于IPV6的支持并未做特别的限制，如果您需要系统能支持ipv6协议，您按照对应的系统的配置方法来配置即可, 但目前ECS主机的网络尚不支持IPV6。

如果您指的是苹果官方如下的通知: https://developer.apple.com/news/?id=05042016a, 这个通知主要是要求2016年6月1日后提交到AppStore的应用必须支持IPV6协议，而不是说APP应用的服务端必须要有IPV6网络。
产品
- HiPPTER
- PPT资源导航
  - PPT模板
  - 素材包
  - PPT达人微博
  - 设计灵感补给站
  - 配色工具
  - 高清图库/图标/音乐/视频资源
- 大数据速查
  - 网络趋势分析
  - 新媒体数据分析
  - 网站排名 & 分析/APP数据查询 & 工具/游戏榜单 & 分析
  - 金融投资 & 企业背调
  - 社会调查 & 生活数据
  - 数据分析报告

f2e-journey / xueqianban

班会第 40 期 #50