zzfx

2019年7月5日

摘要：一个node的状态发生变化；会对当前结点和子节点的数据全部进行更新；然后进行dom比较；比较完毕后一次性提交；相对于以前的渲染方式：每一个node的数据发生变化，都会产生一次渲染提交；以上内容为猜测。阅读全文

posted @ 2019-07-05 18:15 zzfx 阅读(200) 评论(0) 推荐(0)

摘要： Babel is a JavaScript compiler Babel is a toolchain that is mainly used to convert ECMAScript 2015+ code into a backwards compatible version of JavaSc 阅读全文

posted @ 2019-07-05 17:57 zzfx 阅读(315) 评论(0) 推荐(0)

react native 从创建到部署

摘要： source code: 开源库 rn源代码 native源代码 sourcecode tool: npm react-native vscode xocde、vscode ide+tools+package:　vscode + 插件 + package.dependecdev core: proj 阅读全文

posted @ 2019-07-05 16:36 zzfx 阅读(571) 评论(0) 推荐(0)

React package.json详解

摘要：下面是一个更完整的package.json文件。 { "name": "Hello World", "version": "0.0.1", "scripts": { "start": "node index.js" }, "dependencies": { "express": "latest", 阅读全文

posted @ 2019-07-05 11:42 zzfx 阅读(3628) 评论(0) 推荐(0)

dependencies与devDependencies的区别----npm install

摘要： npm install在安装node模块时，有两种命令参数可以把它们的信息写入package.json文件。 –save –save-dev 那二者的区别在哪里呢？ –save会把依赖包名称添加到package.json文件dependencies键下，–save-dev则添加到package.js 阅读全文

posted @ 2019-07-05 11:01 zzfx 阅读(2191) 评论(0) 推荐(0)

2019年7月4日

react native断点调试--Debug React-Native with VSCode

摘要： .babelrc { "presets": [ "react-native" ], "sourceMaps": true } Many JavaScript developers are used to simply log stuff into the console when debugging 阅读全文

posted @ 2019-07-04 16:28 zzfx 阅读(1029) 评论(0) 推荐(0)

What is react-native link?

摘要： What is react-native link? or Should you just use react-native link when linking any dependency or should you be more explicit and use react-native li 阅读全文

posted @ 2019-07-04 16:13 zzfx 阅读(934) 评论(0) 推荐(0)

npm全局安装和局部文件安装区别

摘要： npm查看全局安装过的包 https://blog.csdn.net/a454213722/article/details/51981503 在使用node的时候，用npm安装了很多软件，过一段时间没有使用就会忘记，怎么查看自己全局安装过的包，用命令 npm list -g --depth 0 在百阅读全文

posted @ 2019-07-04 16:10 zzfx 阅读(589) 评论(0) 推荐(0)

2019年7月3日

npm install 命令。默认会找到当前路径下的package.json。然后安装其中的依赖

摘要： npm install 命令。默认会找到当前路径下的package.json。然后安装其中的依赖 By default, npm install will install all modules listed as dependencies in package.json. 可以看看这个 insta 阅读全文

posted @ 2019-07-03 18:11 zzfx 阅读(3397) 评论(0) 推荐(0)

2019年7月1日

函数式编程沉思录(草稿)

摘要：一、函数的结合方式组合、pipeline 二、block的环境变量三、函数变量修饰符异步、@escape 四、适用范围数据与事件的流式处理阅读全文

posted @ 2019-07-01 15:44 zzfx 阅读(159) 评论(0) 推荐(0)

promise是有状态的moand

摘要： promise是有状态的moand 阅读全文

posted @ 2019-07-01 11:53 zzfx 阅读(156) 评论(0) 推荐(0)

异步链式编程—promise沉思录

摘要：一、promise的组成 1、task：promise要完成的任务； 2、result：处理完的数据； 3、status：状态； 4、fulfill、reject（对应catch） 5、ResolveCallback ErrorCallback promise状态的解释函数 6、resolve：对阅读全文

posted @ 2019-07-01 11:51 zzfx 阅读(479) 评论(0) 推荐(0)

2019年6月28日

RxSwift 在本质上简化了开发异步程序

摘要： RxSwift 是一个组合异步和事件驱动编程的库，通过使用可观察序列和功能样式运算符来，从而允许通过调度程序进行参数化执行。 RxSwift 在本质上简化了开发异步程序，允许代码对新数据作出反应，并以顺序和孤立的方式处理它。 https://www.codercto.com/a/18360.html 阅读全文

posted @ 2019-06-28 11:42 zzfx 阅读(316) 评论(0) 推荐(0)

2019年6月27日

函数是什么：输入、输出、关系（联系）

摘要： In mathematics, a function is a relation between a set of inputs and a set of permissible outputs with the property that each input is related to exac 阅读全文

posted @ 2019-06-27 16:26 zzfx 阅读(528) 评论(0) 推荐(0)

UI与数据的绑定

摘要：核心是数据变化跟踪与UI更新的问题概念整理：供业务使用的叫数据；供UI使用的叫状态； UI的变化能被监听到；数据的变化能实时反映到UI上；数据变化—》拦截—〉UI状态重置—》UI更新； UI状态变化—〉数据化状态—》拦截将UI的状态变量提升为monand变量设置和订阅；阅读全文

posted @ 2019-06-27 15:14 zzfx 阅读(380) 评论(0) 推荐(0)

React 顶层 API

摘要：概览组件使用 React 组件可以将 UI 拆分为独立且复用的代码片段，每部分都可独立维护。你可以通过子类 React.Component 或 React.PureComponent 来定义 React 组件。 React.Component React.PureComponent 如果你不使用阅读全文

posted @ 2019-06-27 14:37 zzfx 阅读(299) 评论(0) 推荐(0)

React Hook Flow Diagram

摘要：一、概述 Donovon has created this nice flowchart that explains the new lifecycle of a Hooks component. Comes in handy https://www.bram.us/2019/03/11/react 阅读全文

posted @ 2019-06-27 12:11 zzfx 阅读(602) 评论(0) 推荐(0)

react hooks沉思录

摘要：将UI组件抽象为状态处理机。分为普通状态和副作用状态。一、综述 useState：处理函数只改变引用的状态本身；副作用状态：会对引用状态以外的状态和变量进行修改；useReducer：用解藕化的机制进行计算状态维护；二、useState useState：flux化管理的模块状态（本模块持有）c 阅读全文

posted @ 2019-06-27 11:35 zzfx 阅读(382) 评论(0) 推荐(0)

2019年6月26日

DOM是什么

摘要： UI—html—DOM(tree-structured representation、 manipulate)—Virtual DOM(component) Real DOM强调树状结构的整体；核心是树状结构的维护； Virtual DOM强调的是组件，核心是组件的构建、组合和维护； Real DO 阅读全文

posted @ 2019-06-26 11:47 zzfx 阅读(505) 评论(0) 推荐(0)

react 沉思录

摘要： react = Virtual DOM + component + data flow + jsx 核心是Virtual DOM结构的状态维护、渲染机制及UI系统的DOM组织功能；基于Virtual DOM的视图构建和渲染方式。入口为index.html；一、虚拟DOM 基于状态管理的UI组件阅读全文

posted @ 2019-06-26 11:20 zzfx 阅读(185) 评论(0) 推荐(0)

公告