Skip to content

Instantly share code, notes, and snippets.

@ThaddeusJiang
ThaddeusJiang / rem.md
Last active February 27, 2019 23:54
rem

Web 开发时,字体大小应该使用什么单位?结论:使用 rem,提前下班。

web开发时,通常使用👇几个单位设置字体大小。

  • px 像素
  • em 1em 等于父元素的字体尺寸
  • rem 1rem 等于根元素(<html>)的字体尺寸

px 的问题,当用户使用浏览器扩大或者缩小网页时,使用 px 设置的文字不会被放大或者缩小。尴尬😅 em 解决了 px 的问题,但是由于 em 是基于父元素的,由于父元素的字体大小不同,可能导致 1em 定义的字体大小不相同。 rem 解决了 em 的问题。

@ThaddeusJiang
ThaddeusJiang / Linux.md
Created July 31, 2018 11:57
Linux rsync 命令
rsync -avz somedir/ root@server:/dir/

-a, --archive 归档模式,表示以递归方式传输文件,并保持所有文件属性 -v, --verbose 详细模式输出。 -z, --compress 对备份的文件在传输时进行压缩处理。

@ThaddeusJiang
ThaddeusJiang / React.md
Last active May 29, 2020 03:08
React Route 可以使用 state 传参,但是当直接访问 URL 时,state 会丢失

代码

// 页面 1
<Link
  key={value}
  to={{
    pathname: `/test/{record.id}`,
    state: {
      id: record.id,
 },
@ThaddeusJiang
ThaddeusJiang / Linux.md
Created July 31, 2018 11:55
[linux 权限] 770 和 4770 的区别

Linux 权限 770 很好理解。 770 = -rwxrwx--- 即,拥有者读写执行权限,拥有组织也是读写执行权限,其他用户没有任何权限。

但是当权限变成4位(如4770 ),就稍微难理解一点了。 这里的第一位表示 SUID、SGID、Sticky 权限。 对应数值:

  • SUID: 4
  • SGID: 2
  • Sticky: 1
@ThaddeusJiang
ThaddeusJiang / Oracle.md
Created July 31, 2018 11:54
Oracle 和 mysql 分页

数据库查询,分页查询是很常见的操作。

mysql 很简单

使用 limit 关键字,第一个参数是起始位置-1,参数是返回行数。 例如每页10条数据,想查询第3页数据,即 21~30 行,共10行。 limit 20, 10

// limit 常用示例
limit 5, 10 返回 615 行,共10行。
@ThaddeusJiang
ThaddeusJiang / Oracle.md
Created July 31, 2018 11:53
Oracle 填坑

不能做列名的字段

  • current
  • comment

create table 注意

  • varchar2 不能设置 default
  • varchar2 必须指定长度
@ThaddeusJiang
ThaddeusJiang / AntD.md
Created July 31, 2018 11:51
学习 AntD 表单组件(Form)

⚠️

经过 getFieldDecorator 包装的控件,表单控件会自动添加 value(或 valuePropName 指定的其他属性) onChange(或 trigger 指定的其他属性),数据同步将被 Form 接管,这会导致以下结果:

  1. 你不再需要也不应该用 onChange 来做同步,但还是可以继续监听 onChange 等事件。
  2. 你不能用控件的 value defaultValue 等属性来设置表单域的值,默认值可以用 getFieldDecorator 里的 initialValue。
  3. 你不应该用 setState,可以使用 this.props.form.setFieldsValue 来动态改变表单值。
@ThaddeusJiang
ThaddeusJiang / AntD.md
Created July 31, 2018 11:50
研究一下 antd icon 本地部署 和 扩展

本地部署很简单,只要把字体当成本地 css 导入即可。

方法:

  1. 下载 icon 资源
  2. 新建custom.less文件,@icon-url本地化
@icon-url: "/iconfont/iconfont"; // 把 iconfont 地址改到本地
  1. 在 antd 式样后引入 custom 式样,实现覆盖
@import "~antd/dist/antd.less";
@ThaddeusJiang
ThaddeusJiang / alpha.md
Created July 31, 2018 11:47
[Share] 傻傻分不清的 a α ∂(论程序员使用优秀字体的重要性)

React Components 状态图

react-lifecycle

React 项目结构

任意,但是有两种常见的方式:

按照功能:componnets 相关 js、css、test 都放在一起。 按照文件类型:js 文件夹,css 文件夹,test 文件夹。 因为组件相互组合非常常见,项目层级最好不要超过4层。 import 时,可以少些代码。😊