请稍侯

值得一读的文章

2017 年 4 月 2017-04-10 优雅高效的免费在线APP原型工具 产品原型工具 1 月 2017-01-01 React 常用面试题目与分析 2016 年 12月 2016-12-08 创建git私有仓库 2016-12-04 things-you-can-do-in-a-web-worker 11月 2016-11-28 实现图片懒加载(Lazy...

read more

正确掌握React 生命周期(Lifecycle)

前言 首先, 当面对一些问题: 1 React 用了这么久,经常遇到的问题是setState在这里写合适吗? 2 为什么setState写在这里造成了重复渲染多次? 3 为什么你的setState用的这么乱? 4 组件传入props是更新呢?重新挂载呢?还是怎样? 5 … 其次, 生命周期可以看到整个Component的运行过程, 在coding的时候很自然的找好他们的位置, 合作起来就会方便多了,这里极力推荐airbnb的react coding 规范. 所以整理了这篇文章。如果错误,...

read more

对前后端API设计的一点思考 -- Status Code

一、问题 首先,扯点大方向: API规范 目前市面是规范比较多,大家都有自己的想法,这没错,但是遇到团队协作或者前后端交接的事件,各自遵循自己的规范可不见得是什么好事啊; 这个问题不仅是前后端对接,甚至是前端团队成员协调,都会出现一些不认同,或者要花很多的沟通成本,这个时间浪费是没有必要的,这是初衷。 其次, 格式问题: 接口数据返回的格式,包括: Header + Data Header: 就是常见的响应头(Response headers); ...

read more

React - PropTypes and DefaultProps

一 PropsTypes 取值 1 常用 1 字符串: PropTypes.string 2 数字: PropTypes.number 3 函数: PropTypes.func 4 数组: PropTypes.array 5 对象: PropTypes.object 6 React元素: PropTypes.element 7 节点: PropTypes.node 8 任意: PropTypes.any 2 高级 1 指定类型: Pr...

read more

SVG 入门和进阶

SVG基础 一、定义与优势: SVG - Scalable Vector Graphics 定义 1 可伸缩矢量图 2 使用XML格式定义图形 3 W3C的标准 优势 容易修改 比JPEG和GIF小,可读性强 矢量,即在任何分辨率下都不会模糊,高清 二、基本使用 // 1. 文件后缀必须为.svg // 2. 栗子: 矩形 <svg width="100%" height="100%" version="1.1" xmlns="http:/...

read more

Express 项目基础架构及使用文档

@1 项目文件结构 解析 1 app.js: 项目入口文件 2 app: 项目目录 schemas: mongoose 数据结构 models: mongoose 模型文件 controllers: 控制器, 主要是路由动作函数 3 public: 静态文件目录 lib: 公用静态文件,如bootstrap js: javascript css...

read more

全站 HTTPS 实践

参考 创业者HTTPS实践 Https使用的那些事儿 Let’s Encrypt网站启用https以及nginx配置安全优化 本博客 Nginx 配置之完整篇 Let’s Encrypt,免费好用的 HTTPS 证书 分享一个 HTTPS A+ 的 nginx 配置

read more

Linux 开发有用的工具集

一、网络 流量分析 HTTP 1 httpry 定义: Linux 命令行下嗅探 HTTP 流量的工具 常用命令: sudo httpry -i DEVICE #监听DEVEICE的http流量, DEVICE可以为wlan0, eth0, eno1 等任何网络接口 sudo httpry -i DEVICE -m get,head # -m 监听指定的HTTP方法 sudo httpry -i DEVICE -o FILE # -o 指定输出文件 ...

read more

Nginx 禁止未绑定域名(包括IP)范围

问题 随意绑定域名到IP, 都可以访问;但是不想被其他未指定的域名绑定, 返回404或者其他. 解决方法(一) 编辑 nginx.conf 或者 自己配置的server文件 在其他server里指定server_name, 比如: colesmith.space; // 添加以下代码, 作为默认服务(访问) // 其他 server 不能设置为default_server; // 检测: nginx -t // vim /etc/nginx/nginx.conf server { listen 80 default_server; se...

read more