发表于 | 分类于

node热更新插件

nodemon

调试

  1. node –inspect node.js
  2. chrome 打开调试助手
  3. 步骤和js差不多

发表于 | 分类于

开始阅读前先回顾一下Redux的几个基本的API

  1. const store = createStore(reducer)
  2. store.dispatch(action)发起一个动作让reducer匹配
  3. const state = store.getState()获取当前的state
  4. store.subscribe(listener)添加监听,每次dispatch都会触发监听函数
  5. bindActionCreators(actions,dispatch)
    阅读全文 »

发表于 | 分类于

注意插件和loader版本问题,要适配webpack4.0

Webpack自动刷新和模块热替换

自动刷新

  1. iframe模式
  2. inline模式

模块热替换（–hot): 是指不需要完全刷新就能更新各个模块

  • 要使用模块热替换需指定publicPath: 因为存在path的情况下,webpack-dev-server生成的包并没有放在你的真实目录中,而是放在了内存中
  • publicPath: 为项目中的所有资源指定一个基础路径
    阅读全文 »

发表于 | 分类于

thunk

为了让Reducer在异步操作后自动执行，于是出现了thunk

thunk加在Reducer还是action或者view中呢？

  • 1是纯函数不能进行读写操作
  • 2是存放数据的载体，只能被Reducer来操作
  • view和state一一对应，也不合适
  • 所以只能对dispatch函数进行改造封装
    阅读全文 »

发表于 | 分类于
  1. 变量：$变量名;变量可以嵌套使用
  2. 要写一大串指向页面中同一块的样式时，往往需要 一遍又一遍地写同一个ID
1
2
3
#content article h1 { color: #333 }
#content article p { margin-bottom: 1.4em }
#content aside { background-color: #EEE }

像这种情况，sass可以让你只写一遍，且使样式可读性更高。

阅读全文 »

发表于 | 分类于
  1. 采用 Flex 布局的元素，称为 Flex 容器（flex container），简称”容器”。它的所有子元素自动成为容器成员，称为 Flex 项目（flex item），简称”项目”。

  2. 容器默认存在两根轴 ：
    水平的主轴（main axis）和垂直的交叉轴（cross axis）。主轴的开始位置（与边框的交叉点）叫做main start，结束位置叫做main end；交叉轴的开始位置叫做cross start，结束位置叫做cross end。
    项目默认沿主轴排列。单个项目占据的主轴空间叫做main size，占据的交叉轴空间叫做cross size。

    阅读全文 »

发表于 | 分类于

HTTPS

  • 啥都别说先整张图
  • SSL加密层: 把http的内容加密后送到下层的TCP，从接收方看，这一层负责将TCP送来的数据解密还原成http的内容
    • 数字证书：一种文件的名称，好比一个机构或人的签名，能够证明这个机构或人的真实性。其中包含的信息，用于实现上述功能
    • 加密: 将明文通过加密变成密文，如果第三方无法解密的话，就算他获得密文也无能为力
      • 对称加密：加密和解密使用相同的密钥
      • 非对称密码算法:
        • 服务器把自己的公钥登录至数字证书认证机构
        • 证书机构把自己的私有密钥向服务器的公开密码部署数字签名并颁发公钥证书
        • 客户端拿到服务器的公钥证书后，使用数字证书认证机构的公开密钥，向数字证书认证机构验证公钥证书上的数字签名。以确认服务器公钥的真实性
        • 使用服务器的公开密钥对报文加密后发送
        • 服务器用私有密钥对报文解密
        • 这个比较易懂
      • 散列算法：公开的算法,MD5
    • 认证是指通信双方为了确认对方是值得信任的消息发送或接受方,相当于一个鉴定中心颁发的证书
      阅读全文 »

发表于 | 分类于

正则表达式是匹配模式，要么匹配字符，要么匹配位置

const reg = /[^abc][def]g{2,5}\da?/g(修饰符)

修饰符:i,g,m

  • i表示的含义是忽略大小写进行匹配
  • g表示全局匹配,即匹配到第一个之后不停止继续匹配
  • m表示多行匹配即,遇到换行后不停止匹配继续直到被匹配字符串结束
    阅读全文 »

发表于 | 分类于
  1. 标题：# —######分别为6级标题
  2. 区块引用blockquotes或者>
  3. 列表
    • 无序列表：使用*、+或是-作为列表标记
    • 有序列表：使用数字+英文句点
  4. 代码区块：用pre 和 code 标签 | 多行代码用``` `js包起来
    阅读全文 »

发表于 | 分类于

创建过程

  1. 在github上创建项目
  2. 使用Git clone 你的项目 克隆到本地
  3. 编辑项目
  4. git add . :将改动添加到暂存区
  5. git commit -m :提交说明
  6. git pull origin master 如果在github的remote上已经有了文件，会出现错误。此时应当先pull一下
  7. git push origin master 将本地更改推送到远程master分支。
    阅读全文 »