会员
众包
新闻
博问
闪存
赞助商
HarmonyOS
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
River89397380
博客园
首页
新随笔
联系
管理
订阅
2018年8月2日
前端路由实现与 react-router 源码分析
摘要: 总结:1、关于Router对history的包装自解就是:用原history对象的机制可以做到监听到包装对象Router的回调函数并触发,用historyModule.updateLocation()可以触发Router.listen 中的回调函数 可看到 historyModule 中含有机制:h
阅读全文
posted @ 2018-08-02 14:37 River89397380
阅读(104)
评论(0)
推荐(0)
2018年7月26日
设计模式之策略模式
摘要: 策略模式(本来大量的if else代码,如果有需求更新需要再加if else。所以要用策略模式。把算法和实际业务拆开解藕?Vip新老客户三个类,各自封一个计算折扣的原型方法供实例调用。再封一个客户端类,原型set方法初始化数据,原型getResult方法打印结果,getResult方法能访问到set
阅读全文
posted @ 2018-07-26 18:04 River89397380
阅读(82)
评论(0)
推荐(0)
2018年7月24日
前端安全性(http相关)
摘要: 总结:一、XSS攻击与防御二、CSRF攻击三、HTTP劫持与对策(页面被iframe嵌套、html广告代码插入script脚本)1.if (self != top) { top.location = location.href;}2.重写document.write()四、界面操作劫持(透明的关注微
阅读全文
posted @ 2018-07-24 11:54 River89397380
阅读(221)
评论(0)
推荐(0)
jquery data数据缓存实现解析
摘要: (1)先在jQuery内部创建一个cache对象{}, 来保存缓存数据。 然后往需要进行缓存的DOM节点上扩展一个值为expando的属性,function Data() { Object.defineProperty( this.cache = {}, 0, { get: function() {
阅读全文
posted @ 2018-07-24 11:50 River89397380
阅读(557)
评论(0)
推荐(0)
2018年7月18日
React生命周期(源码分析)
摘要: 自我总结:生命周期是在调用mountComponent和updateComponent里调用的,那么mountComponent和updateComponent目测会在ReactDom.render 和setState等会被调到 一.实例化生命周期1.初始化组件类只运行一次。可以把它简单类比为Jav
阅读全文
posted @ 2018-07-18 18:05 River89397380
阅读(141)
评论(0)
推荐(0)
2018年7月2日
React组件插入DOM流程(源码分析)
摘要: 自我总结:生命周期是在调用mountComponent和updateComponent里调用的,那么mountComponent和updateComponent目测会在ReactDom.render 和setState等会被调到总结如图: 注意(自解):在ReactElement得到ReactCom
阅读全文
posted @ 2018-07-02 18:45 River89397380
阅读(1547)
评论(0)
推荐(0)
React组件和对象的创建 源码分析
摘要: 总结:createClass返回值就是一个Constructor 1.ES5创建组件时,调用React.createClass()即可. ES6中使用class myComponent extends React.Component, 其实内部还是调用createClass创建组件。 createC
阅读全文
posted @ 2018-07-02 18:39 River89397380
阅读(1021)
评论(0)
推荐(0)
setState机制(源码分析)
摘要: 1.ReactElement和ReactComponent和React组件实例是三个不同的东西,目测可以通过方法相互得到。2.通过getInternalInstanceReadyForUpdate()方法传入React组件实例,得到ReactComponent,内部是用从ReactInstanceM
阅读全文
posted @ 2018-07-02 18:37 River89397380
阅读(104)
评论(0)
推荐(0)
redux源码分析
摘要: 总体概览: 主要四个大点, 1.createStore主要三个api, 2.compose reduce applyMiddleware(thunk) 3.bindActionCreators参数间互执行 4.combineReducers维持state树,遍历返回分支state,最终return整
阅读全文
posted @ 2018-07-02 18:35 River89397380
阅读(77)
评论(0)
推荐(0)
2018年6月8日
React 高阶组件
摘要: 有时候人们很喜欢造一些名字很吓人的名词,让人一听这个名词就觉得自己不可能学会,从而让人望而却步。但是其实这些名词背后所代表的东西其实很简单。来自React.js 小书 高阶组件定义 a higher-order component is a function that takes a compone
阅读全文
posted @ 2018-06-08 10:48 River89397380
阅读(101)
评论(0)
推荐(0)
下一页
公告