发表于 | 分类于
virtualenv工具介绍在我们日常Python项目开发中，比如除了基于Flask的项目外，还会有其他项目用到Python。当项目越来越多时就会面对使用Python的不同版本问题，或者至少会遇到使用不同版本的Python库的问题。摆在你面前的是：库常常不能向后兼容，更不幸的是任何成熟的应用都不是零依赖。如果两个项目依赖出现冲突，就会比较麻烦。 而virtualenv就可以用来解决Python多版本环境的问题。它的基本原理是为每个项目安装一套Python，多套Python并存。但它不是真正地安装 ...
阅读全文 »

发表于 | 分类于
context的介绍当开发React应用时，我们总是通过改变State和传递Prop对view进行控制。但是随着我们的应用变的越来越复杂，组件嵌套也变的越来越深，有时甚至需要从最外层将一个数据一直传递到最里层（比如当前user的信息）。 理论上，通过prop一层层传递下去当然是没问题的。不过这也太麻烦啦，要是能在最外层和最里层之间开一个穿越空间的虫洞就好了。 幸运的是，React的开发者也意识到这个问题，为我们开发出了这个空间穿越通道—context。 context的使用假设我们有下面这样的 ...
阅读全文 »

发表于 | 分类于
MTUMTU，Maximum Transmit Unit，中文全称为最大传输单元。即物理接口（数据链路层）提供给其上层最大一次传输数据的大小，比如IP层、MPLS层等等，因为目前应用最多的接口是以太网，所以谈谈以太网口的MTU，假定其上层协议是IP，缺省MTU=1500，意思是：整个IP包最大从这个接口发送出去的是1500个字节。可以通过配置修改成更大或更小的值，只要在系统的边界值以内即可，但是切记要在链路的两端都要修改，而且要大小一样，如果不一样，会造成大侧的数据被小侧丢弃。 简单来说，MTU ...
阅读全文 »

发表于 | 分类于
30X重定向HTTP 301代表永久性转移（Permanently Moved）。 HTTP 302代表暂时性转移（Temporarily Moved）。 301/302对搜索引擎来说的异同302重定向是暂时的重定向，搜索引擎会抓取新的内容而保留旧的网址，因为服务器返回302代码，搜索引擎认为新的网址只是暂时的。301重定向是永久的重定向，搜索引擎在抓取新内容的同时也将旧的网址替换为重定向之后的网址。 举例来说，假如我们把www.example.com域名302重定向到网易www.163.com ...
阅读全文 »

发表于 | 分类于
React组件的生命周期机制 React组件的生命周期函数React组件本质上是一个状态机，输入确定，则输出一定确定。React组件的生命周期包括初始化阶段、运行中阶段、销毁阶段三个阶段。React框架为组件的不同生命阶段，提供了近十个钩子Hook函数。 例如： （1）初始化阶段钩子函数 12345getDefaultProps()getInitialState()componentWillMount()render //render函数中只能访问this.props和this.state， ...
阅读全文 »

发表于 | 分类于
JSXJSX，全称是JavaScript XML，JSX是对JavaScript语法的扩展。JSX和CoffeeScript、TypeScript类似，它们最终被转换成JavaScript后被浏览器解释执行。可以说他们是JavaScript是语法糖。React WEB APP开发不一定要使用JSX，但一般建议使用。更简单来说，JSX并不是一个模板语言，是语法糖，JSX能够让开发者在JavaScript代码中直接编写HTML标签。举例来说： 1234ReactDOM.render( < ...
阅读全文 »

发表于 | 分类于
组件状态StateReact把组件看成是一个状态机（State Machines）。通过与用户的交互，实现不同状态，然后渲染UI，让用户界面和数据保持一致。React里，只需更新组件的state，然后根据新的state重新渲染用户界面（不要操作DOM）。 以下实例中创建了LikeButton组件，getInitialState方法用于定义初始状态，也就是一个对象，这个对象可以通过this.state属性读取。当用户点击组件，导致状态变化，this.setState方法就修改状态值，每次修改以后， ...
阅读全文 »

发表于 | 分类于
React简介React是一个用于构建用户界面的JAVASCRIPT库。 React主要用于构建UI，很多人认为React是MVC中的V（视图）。 React拥有较高的性能，代码逻辑非常简单，越来越多的人已开始关注和使用它。React最核心的场景就是开发widget，或者说组件，大型React项目本质上就是有widget堆积而成，面向组件的开发模式。也就是说，React的核心理念是组件式开发，通过React构建组件，使得代码更加容易得到复用，能够很好的应用在大项目的开发中。 React的主要发展 ...
阅读全文 »

发表于 | 分类于
CSS的盒子模型 （1）Margin（外边距） 清除边框外的区域，外边距是透明的。 （2）Border（边框） 围绕在内边距和内容外的边框。 （3）Padding（内边距） 清除内容周围的区域，内边距是透明的。 （4）Content（内容） 盒子的内容，显示文本和图像。 备注：当指定一个CSS元素的宽度和高度属性时，我们只是设置内容区域的宽度和高度。要知道你还可以添加填充，边框和边距等属性。
阅读全文 »

发表于 | 分类于
外部样式表外部样式表就是将CSS的内容定义在一个单独的文件中，这样就可以使用同一个CSS样式表来控制多个HTML文档。然后HTML文档使用<link>标签链接到外部样式表。 <link>标签在HTML文档的头部： 123<head> <link rel="stylesheet" type="text/css" href="mystyle.css"></head> 内部样式表当单个文档需要特殊的样式时，就应该使用内部样式表。你可以使 ...
阅读全文 »