javascript
文章平均质量分 61
停止更新+1
养兵千日用兵一时,磨刀不误砍柴工。
展开
-
Javascript 笔记一:Fetch
Fetch API参考:最简单的使用方法带参数的使用方法返回状态判断HTTP参考链接原创 2017-08-15 16:22:25 · 329 阅读 · 0 评论 -
Redux 例子分析: 从 UI 角度解析 todos
在 Redux 例子分析: todos 中,我从代码的角度来说明 todos 这个例子是怎样实现的。如果很了解redux,一目了然,但是如果不太熟悉,那么就觉得有些难度了。如果能从UI的角度来逐步分析,应该会更加直接。 运行 todos,做出如下效果: 实现Todo 列表单条记录 Todo先来分析一下 list 中的这两项,即 hello 和 goodbye。想要在浏览器里原创 2018-02-02 21:32:02 · 512 阅读 · 0 评论 -
Redux 例子分析: todos
代码来源:https://github.com/reactjs/redux/tree/master/examples/todos source 目录夹结构(不包含测试,即spec.js结尾文件):- actions - index.js- components - App.js - Footer.js - Link.js - Todo.js原创 2018-01-16 21:15:52 · 748 阅读 · 0 评论 -
Redux 例子分析: counter
本文内容来自 Facebook 官方Git Repo: counter 它所讲述的内容,是把 counter-vanilla中的例子和React结合在一起。 效果: 项目的目录结构:- components - Counter.js - Counter.spec.js- reducers - index.js - index.spec.js- in原创 2018-01-15 15:59:43 · 438 阅读 · 0 评论 -
Redux 例子分析: counter-vanilla
本文内容来自 Facebook 官方Git Repo: counter-vanilla 例子代码运行界面: 显示结果的文字,加上四个按钮。 对应的HTML代码:div> p> Clicked: span id="value">0span> times button id="increment">+button> button id="decrement原创 2018-01-15 21:00:56 · 208 阅读 · 0 评论 -
NodeJS 知识点&框架整理&信息 收集
以下链接是关于NodeJS从前端到后端相关的链接,以备我个人查询所需: 2017 Node.js 开发框架比较 ReactJS React Rounter 文档 Redux文档 菜鸟教程原创 2018-01-12 15:21:17 · 263 阅读 · 0 评论 -
React 例子 - 右键菜单 context menu
代码并非原创,忘了从哪里找到的,如有人知道,可博客留言。 效果点击链接: https://codepen.io/Anyicheng2015/pen/jaayMw首先,你要对React有点了解。其次,你要明白HTML的事件处理机制。我先贴代码的框架,然后逐步完善。class ContextMenu extends React.Component { constructor(props) {原创 2017-11-20 12:20:37 · 14412 阅读 · 4 评论 -
React Doc 简单摘要 (三)
事件处理注意命名规范:驼峰命名:原来的 onclick 变成 onClick处理函数: handle*注意 this 指针的绑定。原创 2017-09-21 15:22:35 · 237 阅读 · 0 评论 -
React Doc 简单摘要 (二)
React State 文档简化版原创 2017-09-21 14:51:05 · 304 阅读 · 0 评论 -
React Doc 简单摘要 (一)
Hello world程序员第一个程序必定是 Hello World! Html:div id="root"> div>Javascript:ReactDOM.render( h1>Hello, world!h1> document.getElementById('root'));在线代码编辑器(在线IDE): https://codepen原创 2017-09-13 12:51:56 · 385 阅读 · 0 评论 -
Redux:例子分析 Async
概况例子源代码:https://github.com/reactjs/redux/tree/master/examples/async 运行之后的效果: 可以看到,基本上可以分为上下两个部分。上面部分是一个下拉框,从中可以选择想要显示项目,下面部分在没有完全得到数据之前,显示“Loading…”,得到数据之后,显示对应的内容,以及获取内容的时间,和一个用于刷新的按钮。 如果想要显示最...原创 2018-02-09 08:46:23 · 487 阅读 · 0 评论