Docker基础

Build once,Run anywhere

书包里面放了一张房子的照片,我从书包里面取出照片,我可以在任何地方迅速建造起我的房子。(个人理解)

Read More.

七牛云+Typora部署图床

七牛云+Typora部署图床

需求

Markdown图床,支持通过拖拽以及复制的形式在文档中直接上传图片至七牛云服务器,并直接返回对应CDN的URL链接填充到Markdown文档中,同时备份文档数据以及图片数据到Github

Read More.

React父子组件、兄弟组件传值(基础组件通信)

作为组件化开发,组件之间的传值是项目开发中必不可少的一部分。

基础组件的传值包含三类:父组件向子组件传值,子组件向父组件传值,兄弟组件(同级组件)的传值。

父组件向子组件传值

创建父组件 index.js

Read More.

项目中mixin.less的注入及使用

前言

有的时候写项目,需要一些通用的css样式来实现一些功能,比如居中、渐变、单行溢出省略号、多行溢出省略号等.
项目使用的less预处理器,所以整理了一些常见的mixin函数

实现

新建mixin.less文件:

Read More.

React的生命周期

React的生命周期分为以下两个大类:

1. 挂载及卸载过程

1.1.constructor()
1.2.componentWillMount()
1.3.componentDidMount()
1.4.componentWillUnmount ()

2. 更新过程

2.1.componentWillReceiveProps (nextProps)

注解:(此生命周期函数触发需要两个条件:1、一个子组件从父组件中接受props参数。2、该子组件已经存在于父组件中才会执行。即:若子组件第一次存在于父组件中,不会执行。)

2.2.shouldComponentUpdate(nextProps,nextState)
2.3.componentWillUpdate (nextProps,nextState)
2.4.componentDidUpdate(prevProps,prevState)
2.5.render()

Read More.

React中constructor及super

constructor( )

Reactconstructor表示父类的构造方法,用来新建父类的this对象,这是ES6对类的默认方法,该方法是类中必须有的,如果没有显示定义,则会默认添加空的constructor( )方法。

class Point {
}

// 相当于
class Point {
  constructor() {}
}

super( )

Read More.

React之可控组件与不可控组件

 

在react中,不能像在Vue中那样双向数据绑定,来动态的响应数据的变化,所以在操作表单的时候需要我们手动操作。

一、不可控组件

<input type="text" defaultvalue="Hello React" />

如上:defaultvalue的值是固定的,该值不可修改,这就是一个不可控组件

如果要获取input的value值,只有使用ref获取节点来获取值

Read More.

Gitee 使用Webhooks 实现项目自动部署

前几天给一个项目做了负载均衡,之后遇到一个问题,如何使多台服务器的代码保持同步呢?

之前的的时候是使用ftp直接上传文件,但是操作起来非常琐碎麻烦,而且面对多台服务器的时候,需要重复操作多次,并且不是及时同步,有一定的时间差在里面。

再或者是在服务器上面安装git,然后登陆各个服务器分别进行pull,也是挺麻烦的。

然后就想到了git的钩子,找到了webhook,能够很好的解决刚刚的代码同步需求(有新的本地 git push 到远程仓库时,服务器仓库自动 git pull 新的代码)。

Read More.

1 2 3 4