太上老俊

2019年4月11日

服务器推送更新

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

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

webpack 大概

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

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

2019年4月10日

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 太上老俊 阅读(680) 评论(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 太上老俊 阅读(258) 评论(0) 推荐(0) 编辑

2019年4月9日

react 表单受控和非受控

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

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

2019年1月11日

eslint规则

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

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

2018年6月6日

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 太上老俊 阅读(1931) 评论(0) 推荐(0) 编辑

2018年6月1日

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

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

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

react系列笔记:第一记-redux

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

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

2018年5月31日

dva,清除模块数据

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

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

导航