以Koa2为基础进行dockerfile实践
Docker基础
七牛云+Typora部署图床
七牛云+Typora部署图床
需求
Markdown图床,支持通过拖拽以及复制的形式在文档中直接上传图片至七牛云服务器,并直接返回对应CDN的URL链接填充到Markdown文档中,同时备份文档数据以及图片数据到Github
React父子组件、兄弟组件传值(基础组件通信)
作为组件化开发,组件之间的传值是项目开发中必不可少的一部分。
基础组件的传值包含三类:父组件向子组件传值,子组件向父组件传值,兄弟组件(同级组件)的传值。
父组件向子组件传值
创建父组件 index.js
项目中mixin.less的注入及使用
前言
有的时候写项目,需要一些通用的css
样式来实现一些功能,比如居中、渐变、单行溢出省略号、多行溢出省略号等.
项目使用的less
预处理器,所以整理了一些常见的mixin
函数
实现
新建mixin.less
文件:
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()
React中constructor及super
constructor( )
在React
中constructor
表示父类的构造方法,用来新建父类的this
对象,这是ES6
对类的默认方法,该方法是类中必须有的,如果没有显示定义,则会默认添加空的constructor( )
方法。
class Point {
}
// 相当于
class Point {
constructor() {}
}
super( )
React之可控组件与不可控组件
在react中,不能像在Vue中那样双向数据绑定,来动态的响应数据的变化,所以在操作表单的时候需要我们手动操作。
一、不可控组件
<input type="text" defaultvalue="Hello React" />
如上:defaultvalue的值是固定的,该值不可修改,这就是一个不可控组件
如果要获取input的value值,只有使用ref获取节点来获取值
Gitee 使用Webhooks 实现项目自动部署
前几天给一个项目做了负载均衡,之后遇到一个问题,如何使多台服务器的代码保持同步呢?
之前的的时候是使用ftp直接上传文件,但是操作起来非常琐碎麻烦,而且面对多台服务器的时候,需要重复操作多次,并且不是及时同步,有一定的时间差在里面。
再或者是在服务器上面安装git,然后登陆各个服务器分别进行pull,也是挺麻烦的。
然后就想到了git的钩子,找到了webhook,能够很好的解决刚刚的代码同步需求(有新的本地 git push
到远程仓库时,服务器仓库自动 git pull
新的代码)。