加载中
react中form元素使用跳坑

使用react开发经常会遇到使用form表单时报种种异常,这里总结了一些常见报错: 1 使用input时报警告: MyCheckBox.js const MyCheckBox = ({ name, type, checked }) => { return ( <div cl...

2018/09/01 18:18
13
mobx使用跳坑

mobx确实很好用,但坑也是迷之多,这里仅记下使用时遇到的小坑 1 mobx + react-router4 不跳转 解决方案:需要在写路由跳转的容器App.js和有跳转的容器A.js, B.js中添加@withRouter 参考资料...

2018/08/21 20:41
159
Mobx入门之四:自定义reactions,when, autorun

在之前的文章中使用了observer包装App, 实现了页面的动态刷新,这里主要了解一下另外两种reaction的实现:when和autorun When when(predicate: () => boolean, effect?: () => void, option...

2018/06/26 23:14
67
react-loadable使用跳坑

官方给react-loadable的定义是: A higher order component for loading components with dynamic imports. 动态路由示例 withLoadable.js import React from 'react' import Loadable from...

2018/06/25 20:22
158
Mobx入门之三:Provider && inject

上一节中<App/>组件传递状态temperatures给children -- <TemperatureInput />,如果组建是一个tree, 那么属性的传递则会...

2018/06/21 11:32
38
Mobx入门之二:asynchronous actions

这一节主要看mobx怎么实现asynchronous actions 1 要实现的demo功能 输入地名,查询天气,利用openweathermap api 2 思想 observable观察数据:location地点、temperature温度 observer响应式...

2018/06/21 09:50
64
Mobx入门之一:observable & observer

被惊艳到 被Mobx这张简单的函数响应式编程的原理图惊艳到,足够简单,高效,所以决定入门 state才是状态管理的核心,Mobx有句话描述了什么才是真正的响应式,也就是他们正在做的: Anything...

2018/05/24 00:08
172
Vue的依赖收集简单图解

vue中利用Object.defineProperty定义getter/setter实现了数据的响应式,里面重要的一点就是依赖收集,它是计算属性和被依赖属性之间的桥梁,有了依赖收集(Dep),当被依赖对象A的getter函数执...

2018/05/23 11:25
201
Vue的特色:响应式原理

如果问vue和react最大的区别,我觉得是响应式状态管理! 一下内容来自vue官网,请移驾前往 https://cn.vuejs.org/v2/guide/reactivity.html 如何追踪变化 如下面的例子,data传递给vue示例时...

2018/05/22 10:59
18
redux必知基础概念

简写了createStroe

2018/01/22 09:26
30
有关 Object Prototypes 对象原型你不得不知道的

如果进入到Javascript 面向对象的领域,那么对象原型Object Prototypes你就一定会接触到,我也是以前看的云里雾里的,总感觉空洞,和实际使用的场景结合不起来,但最近看了一篇文章,感觉清楚...

2017/11/29 18:24
5
Javascript 面向对象编程中的‘new’

0 一般函数调用 function personFn(name, age) { var personObj = {}; personObj.name = name; personObj.age = age; return personObj; } var alex = personFn('Ale...

2017/11/29 11:52
8
Variable Hosting 变量提升

为什么要讲变量提升,首先看一个小测试,如果你答错了,那就说明你需要了解一下变量提升的机制 0 测试 看看下面分别输出多少? console.log(x); // -> ? var x = 5; console.log(x); // -> ?...

2017/11/28 11:19
5
Angular vs. React vs. Vue

看了一篇文章,里面总结了目前流行的Javascript framework/libraries,写的很好,尤其是后面帮助选择的部分,这里就浅陋地摘除来要点供大家参考 参考资料:https://medium.com/unicorn-supp...

2017/11/08 09:28
30
Async/Await 边学边练

Async/Await是ES2017中加入的新特性,解救众生于Promise 这篇文章主要根据Async/Await的一个介绍视频,截图供大家入门学习 1 发展历史 callback最受诟病的就是嵌套的括号,不美观,错误处理也...

2017/10/31 16:58
19
正确理解Javascript Closures -- 闭包

闭包是Javascript中最常见的语法和形式之一,闭包可以避免全局污染,模块化编程。 要理解闭包,先要熟悉scope, Javascript的基本概念 0 准备 Scope - 作用域 Javacript中的作用域有两种 Glob...

2017/10/16 18:11
378
Async/Await 简洁你的代码

背景 asynchronous operations 时间 特点 AJAX 1990s callback NodeJS 2009 callback Promises 2015 chaining promise (格式美观) Async/Await 2016 ES7 compose promises (和普通函数使用...

2017/10/10 12:03
14
This in Javascript

1 什么是this? this是一个keyword, 它的值总是变换,依赖于调用它场景 有6种情况,this会指向特定的值 (1) global context (全局) (2) object construction (对象构造函数) (3) object meth...

2017/08/10 13:00
20
Form Validation

现代浏览器表都有哪些表单验证技术? Modern input types: date, email, required, pattern and so on... automaticallly validated, automaticallly get navite error messages CSS :valid ...

2017/07/10 09:57
13
DOM2和DOM3

DOM2和DOM3都有哪些新特性? 相比DOM1, DOM2和DOM3引入了更多的交互能力,支持了更高级的XML特性 DOM2级核心(DOM Level 2 Code):为节点添加了更多方法和属性 DOM2级视图(DOM Level 2 Views)...

2017/06/08 10:22
12

没有更多内容

加载失败,请刷新页面

返回顶部
顶部