转自 http://blog.csdn.net/swordmanwk/article/details/6170995 reactor设计模式，是一种基于事件驱动的设计模式。 《Pattern-Oriented Software Architecture, Volume 2》对这个模式做了详细的讲解。这个模式的结构图如下： 图中的handle对应的是操作系统提供的句柄，如I/O句柄，Event_Handler类持有这些句柄。reactor类内部提供一个事件循环：handle_events()。事件循环的代码实现利用了操作系统提供的多路分离函数，W...
1，开始的思路公司想做直播方面的项目，并想加入弹幕的功能，直播的页面已经作为一个组件放在了用react+redux写好的一个网站项目上。所以技术老大让我研究下如何用react实现弹幕的功能。下面我就简单说下我的react弹幕折腾之路。一开始其实是两手空空，作为一个php的初级开发人员，我对前端技术掌握的很少，远不到熟练的程度。所以，我得从头学习如何用js+css实现弹幕，然后再将弹幕移植到react项目上去，这是我一开始的思路。2，中...
很早之前就有看过ReactiveCocoa，那会看的时候知道是一个新的框架关于响应式编程，具体什么也没有深入研究，今天也对ReactiveCocoa这个框架的使用进行了一定的了解。在github中有对它一个简单的介绍：原文：http://www.cnblogs.com/develop-SZT/p/5284440.html
同构原理什么是同构一套代码既可以在服务端运行又可以在客户端运行，这就是同构应用。简而言之, 就是服务端直出和客户端渲染的组合, 能够充分结合两者的优势，并有效避免两者的不足。概括地说，同构就是服务端（Node）替客户端请求接口，获取到数据后，将有数据和结构的页面渲染好之后返回给客户端，这样避免了客户端页面首次渲染，同时服务端RPC比客户端请求要快。为什么要同构 性能: 通过Node直出, 将传统的三次串行http请求简...
组件间发通知可以使用observer.pub，其他组件在componentDidMount中observer.sub。在新的react中已经不再使用ref，取而代之的onRef={(node) => this.xxx = node}然后使用this.xxx调用方法。组件间共享数据可以使用redux原文：https://www.cnblogs.com/sunala/p/12576505.html
在Vue中定义方法或者属性时，因为粗心疏忽可以能会报该错误[Vue warn]: Property or method "search" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property.属性或方法“search”不是在实例上定义的，而是在呈现期间引用的。通过初始化该属性，确保该属性是反应性的，无论是在data选...
1.TCP流程： 服务端： 客户端: 创建socket---create_socket 创建socket 绑定ip和端口 -- bind 开启监听---listen 调用connect 尝试连接服务器 监听后，调用accept（）与客户端 send / recv 收发数据 ...
var SetIntervalMixin = { componentWillMount: function(){ this.intervals = []; }, setInterval: function(){ this.intervals.push(setInterval.apply(null, arguments)); }, componentWillUnmount: function(){ this.intervals.forEach(clearInterval); } }; var TickTock = React.createClass({ mixins: [SetIntervalMixin], getInitialState: function(){ return { seconds: 0 } }, compo...
一、ReactJS简介React 起源于 Facebook 的内部项目，因为该公司对市场上所有 JavaScript MVC 框架，都不满意，就决定自己写一套，用来架设 Instagram 的网站。做出来以后，发现这套东西很好用，就在2013年5月开源了。由于 React 的设计思想极其独特，属于革命性创新，性能出众，代码逻辑却非常简单。所以，越来越多的人开始关注和使用，认为它可能是将来 Web 开发的主流工具。ReactJS官网地址：http://facebook.github.io/react/Gi...
前端导出excel（安装xlsx）demo 地址https://sheetjs.com/demo/manifest.html案列1. 将页面的table 元素 变成excel文件并下载import XLSX from "xlsx"createElsx(){ // 获取表格的dom元素 var elt = document.getElementsByTagName(‘table‘)[0]; console.log(elt) // 将表格的dom 元素转化为 excel工作薄 var wb = XLSX.utils.table_to_book(elt, {sheet:"Sheet JS"}); // 将工作薄导出为excel文件 XLSX.wr...
导入柱状图和折线图：import { BarChart, LineChart } from "@ui5/webcomponents-react-charts"；在自定义的React Component里，为图标创建数据集和数据标签对应的JavaScript数组：最后在React 自定义组件里，直接为LineChart和BarChart这两个标签页维护刚才创建好的JavaScript数组：最后的效果，折线图：柱状图：不出意外，还是通过canvas实现的：要获取更多Jerry的原创文章，请关注公众号"汪子熙":原文：https://www.cnblogs.com...
问题：初次安装好React Native 环境后，运行项目，会停留在下载 gradle 的界面一直出点原因：下载gradle一直不成功解决方案：可以根据提示的版本信息，手动下载，放在目录中，修改配置文件，重新启动运行下载地址：http://www.androiddevtools.cn/放置目录：~\HelloProject\android\gradle\wrapper配置文件：~/HelloProject/android/gradle/wrapper/gradle-wrapper.properties修改示例： 1 distributionBase=GRADLE_USER_HOME2 dis...
前言这是 React 系列教程的第一篇，我们将用 React 实现 Animate.css 官网的效果。对于 Animate.css 官网效果是一个非常简单的例子，原代码使用 jQuery 编写，就是添加类与删除类的操作。这对于学习 React 来说是一个非常简易的例子，但是我并不会在教程中介绍相关的前置知识，比如 JSX、ES6 等，对于小白来说可能还会有一些困惑的地方，所以还要了解一下 React 相关的基础知识。虽然 React 有很多值得深究的知识，但这个系列教程并...
简介概念一个用于构建用户界面的javascript库特点声明式编程、组件化开发、多平台适配优势由facebook更新和维护，是前端的先驱者，总是在引领整个前端的潮流使用依赖开发react项目必须依赖3个库： react:包含react所必须的核心代码 react-dom:react渲染在不同平台所需要的核心代码 babel:将jsx转成React代码的工具Hello React!<!DOCTYPE html> <html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" co...
动机在组件之间复用状态逻辑很难,providers，consumers，高阶组件，render props等可以将横切关注点(如校验，日志，异常等)与核心业务逻辑分离开，但是使用过程中也会带来扩展性限制，ref传值问题，“嵌套地狱”等问题;Hook提供一种简单直接的代码复用方式，可以使开发者在无需修改组件结构的情况下复用状态逻辑复杂组件生命周期常常包含一些不相关的逻辑，相互关联且需要对照修改的代码被进行了拆分，而完全不相关的代码却在同一个...