太上老俊

服务器推送更新

摘要： webSocket：基于TCP协议，双向通信，需要双向通信的时候使用 COMAT: 长轮询，请求后服务器在一定时间内保持连接处于打开状态，而不是响应后立即关闭，在打开状态期间，服务器的更新可以及时被推送到客户端。需要第三方库支持。 Server-sent Events 服务器和浏览器的通讯协议，简阅读全文

posted @ 2019-04-11 16:49 太上老俊阅读(182) 评论(0) 推荐(0)

webpack 大概

摘要： entry output loader: rules: [ {test:匹配文件格式, use: 使用的loader}, {test:匹配文件格式, use: 使用的loader}, ...//loader的执行顺序是从下往上，rules中最后一个loader最先被执行 ] plugin: 用于执行阅读全文

posted @ 2019-04-11 16:46 太上老俊阅读(104) 评论(0) 推荐(0)

webpack - minipack 打包原理

摘要： code：https://github.com/ronami/minipack 看了https://www.youtube.com/watch?v=Gc9-7PBqOC8总结一下工具和环境： node环境；依赖模块： fs：文件读取 path：文件路径处理 babylon：ast树的转换（htt 阅读全文

posted @ 2019-04-10 16:59 太上老俊阅读(781) 评论(0) 推荐(0)

react Hooks

摘要： useEffect 1、useEffect是didMount和didUpdate和willUnmount三个函数的集合 2、useEffec(fun)：fun会在每次组件render之后执行，而fun中return的cleanup会在willUnmount中执行 3、useEffect(fun,[x 阅读全文

posted @ 2019-04-10 14:30 太上老俊阅读(272) 评论(0) 推荐(0)

react 表单受控和非受控

摘要：参见：https://goshakkk.name/controlled-vs-uncontrolled-inputs-react/ 非受控：受控：value prop 选择 1、若form简单，值可以一次性在提交时候检索或验证，则优先使用非受控，简单 2、实时验证、异步表单数据、组合验证等，需要实阅读全文

posted @ 2019-04-09 16:42 太上老俊阅读(574) 评论(0) 推荐(0)

eslint规则

摘要： { "env": { "browser": true, "node": true, "commonjs": true }, "ecmaFeatures": { // lambda表达式 "arrowFunctions": true, // 解构赋值 "destructuring": tru... 阅读全文

posted @ 2019-01-11 11:22 太上老俊阅读(764) 评论(0) 推荐(0)

react系列笔记：第三记-redux-saga

摘要： github : https://github.com/redux-saga/redux-saga 文档：https://redux-saga.js.org/ redux-saga: redux中间件，旨在处理应用中的副作用使用：基础概念： saga-middleware 检查每个被 yield 阅读全文

posted @ 2018-06-06 11:32 太上老俊阅读(2058) 评论(0) 推荐(0)

react系列笔记：第二记-中间件

摘要：中间件所做的事情就是在action发起后，到reducer之前做扩展，实现的方式是对store的dispatch进行包装 store.dispatch => 【middlewales】 => return new store.dispatch 所以从上面所知，middlewales是需要接受stor 阅读全文

posted @ 2018-06-01 23:49 太上老俊阅读(223) 评论(0) 推荐(0)

react系列笔记：第一记-redux

摘要：前言：目前公司使用dva，对于前不久还是使用原生js的我来说，花了差不多一两周时间，基本掌握如何使用。虽然对于react有一点点基础，但很多地方未深入，很多概念也很模糊，故从本文开始，记录一下系统的学习react的历程。 redux:（http://www.redux.org.cn/）简单来看，阅读全文

posted @ 2018-06-01 23:13 太上老俊阅读(334) 评论(0) 推荐(0)

dva，清除模块数据

摘要：前言：在项目中，模块过多，dva使用namespace分离模块后，若没有在模块卸载后清除对应的数据，下次进入时，有可能会有上一次数据的残留。比如详情页，从A商品的详情页离开后，返回选择B商品进入，此时在B商品信息加载之前可能存在A的残留信息。诸如此类，若模块过多，需要在每个模块的WillUnm 阅读全文

posted @ 2018-05-31 11:03 太上老俊阅读(2925) 评论(0) 推荐(0)