随笔分类 - react
摘要：概述 一个状态管理工具 Store：保存数据的地方，你可以把它看成一个容器，整个应用只能有一个 Store。 State：包含所有数据，如果想得到某个时点的数据，就要对 Store 生成快照，这种时点的数据集合，就叫做 State。 Action：Action 就是 View 发出的通知，表示 St
阅读全文
摘要：前言 工作中使用了redux-saga这个redux中间件，如果不明白内部原理使用起来会让人摸不着头脑，阅读源码后特意对其原理做下总结。 redux的特点 一个标准、管理应用副作用的redux中间件 实现切面编程方式 声明式的编写方式 订阅发布的设计模式 优点： 把异步操作转移到单独 saga文件中
阅读全文
摘要：前言 在浏览器中表单元素天然支持focus和blur事件，这两个事件在开发过程中出现的频率还是挺高的，前端开发者也都比较熟悉，在这里特意总结一下。 触发场景 鼠标点击 键盘tab键 直接调用dom的focus,blur方法 使用tabIndex使非表单元素支持focus和blur事件 给一个普通的d
阅读全文
摘要：
平时想写一个简单的react demo，需要使用create-react-app来初始一个项目，或者使用其他脚手架初始项目，属实有些小题大做；而使用vue的时候，新建一个html文件，然后外链vue包文件，立马就能像使用jquery一样开始写vue组件，非常的方便； 那么是否可以在html中直接引用
阅读全文
平时想写一个简单的react demo，需要使用create-react-app来初始一个项目，或者使用其他脚手架初始项目，属实有些小题大做；而使用vue的时候，新建一个html文件，然后外链vue包文件，立马就能像使用jquery一样开始写vue组件，非常的方便； 那么是否可以在html中直接引用
阅读全文
摘要：svg标签直接在页面使用 不多说。 其他标签使用svg 除了直接使用svg标签，还有如下方法： <object data="your.svg" type="image/svg+xml" id="svg1"> <img src="yourfallback.jpg" /> </object> <img
阅读全文
