JavaScript
文章平均质量分 85
chanzhu
每个代码都有一段故事
展开
-
NPM 使用介绍
NPM是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题,常见的使用场景有以下几种:允许用户从NPM服务器下载别人编写的第三方包到本地使用。允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。由于新版的nodejs已经集成了npm,所以之前npm也一并安装好了。同样可原创 2017-03-21 17:37:11 · 394 阅读 · 0 评论 -
React Native 学习指南
本指南汇集React-Native各类学习资源,给大家提供便利。指南正在不断的更新,大家有好的资源欢迎Pull Requests!原文地址:https://github.com/ele828/react-native-guide同时还有Awesome React-Native系列https://github.com/jondot/awesome-react-native原创 2017-03-15 17:33:40 · 646 阅读 · 0 评论 -
ES6新特性
本文基于lukehoban/es6features ,同时参考了大量博客资料,具体见文末引用。ES6(ECMAScript 6)是即将到来的新版本JavaScript语言的标准,代号harmony(和谐之意,显然没有跟上我国的步伐,我们已经进入中国梦版本了)。上一次标准的制订还是2009年出台的ES5。目前ES6的标准化工作正在进行中,预计会在14年12月份放出正式敲定的版本。但大部分标准原创 2017-03-13 14:57:20 · 403 阅读 · 0 评论 -
在Androidstudio上面开发Reactnative所需要的配置
搭建开发环境在GitHub上修改这篇文档支持我们欢迎使用React Native!这篇文档会帮助你搭建基本的React Native开发环境。如果你已经搭好了环境,那么可以尝试一下编写Hello World。根据你所使用的操作系统、针对的目标平台不同,具体步骤有所不同。如果想同时开发iOS和Android也没问题,你只需要先选一个平台开始,另一个平台的环境搭建只是稍有不同。原创 2017-03-15 16:43:33 · 5924 阅读 · 0 评论 -
Reactjs Mixins
实现一个日志功能。组件在挂载前打印 Component will mount组件挂载后打印 Component did mount不能忍受的写法var AComponent = React.createClass({ componentWillMount: function () { console.log('Component will mount')原创 2017-03-14 18:21:22 · 258 阅读 · 0 评论 -
js中arguments的用法
了解这个对象之前先来认识一下javascript的一些功能:其实Javascript并没有重载函数的功能,但是Arguments对象能够模拟重载。Javascrip中国每个函数都会有一个Arguments对象实例arguments,它引用着函数的实参,可以用数组下标的方式"[]"引用arguments的元素。arguments.length为函数实参个数,arguments.callee引原创 2017-03-14 17:50:21 · 727 阅读 · 2 评论 -
ReactJS分析之入口函数render
前言 在使用React进行构建应用时,我们总会有一个步骤将组建或者虚拟DOM元素渲染到真实的DOM上,将任务交给浏览器,进而进行layout和paint等步骤,这个函数就是React.render()。首先看下该函数的接口定义:ReactComponent render( ReactElement element, DOMElement container,原创 2017-03-14 17:28:10 · 2391 阅读 · 0 评论 -
JS的内建函数reduce
@(js)reduce函数,是ECMAScript5规范中出现的数组方法。在平时的工作中,相信大家使用的场景并不多,一般而言,可以通过reduce方法实现的逻辑都可以通过forEach方法来变相的实现,虽然不清楚浏览器的js引擎是如何在C++层面实现这两个方法,但是可以肯定的是reduce方法肯定也存在数组的遍历,在具体实现细节上是否针对数组项的操作和存储做了什么优化,则不得而知。[T原创 2017-03-14 17:21:29 · 304 阅读 · 0 评论 -
推荐 11 款 React Native 开源移动 UI 组件
本文推荐 11 个非常棒的 React Native 开源组件,希望能给移动应用开发者提供帮助。React Native 是近期 Facebook 基于 MIT 协议开源的原生移动应用开发框架,已经用于 Facebook 的生产环境。React Native 可以使用最近非常流行的 React.js 库来开发 iOS 和 Android 原生 APP。1. iOS 表单处理控件 tco原创 2017-03-22 17:38:37 · 5992 阅读 · 0 评论 -
NPM 使用介绍
NPM 使用介绍NPM是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题,常见的使用场景有以下几种:允许用户从NPM服务器下载别人编写的第三方包到本地使用。允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。由于新版的nodejs已经集成了npm,所以之前np原创 2017-03-22 17:17:40 · 753 阅读 · 0 评论 -
实例讲解基于 React+Redux 的前端开发流程
前言:在当下的前端界,react 和 redux 发展得如火如荼,react 在 github 的 star 数达 42000 +,超过了 jquery 的 39000+,也即将超过前几年比较火的angular 1 的 49000+;redux 的 star 数也要接近 20000,可见大家对其的热情程度,究竟是什么魔力让大家为之疯狂呢?让我们上车,亲自体验一波试试~~本文章偏向于讲解redux流原创 2017-03-22 11:55:05 · 1632 阅读 · 1 评论 -
Redux 入门教程(三):React-Redux 的用法
为了方便使用,Redux 的作者封装了一个 React 专用的库 React-Redux,本文主要介绍它。这个库是可以选用的。实际项目中,你应该权衡一下,是直接使用 Redux,还是使用 React-Redux。后者虽然提供了便利,但是需要掌握额外的 API,并且要遵守它的组件拆分规范。一、UI 组件React-Redux 将所有组件分成两大类:UI 组件(pres原创 2017-03-22 11:46:13 · 560 阅读 · 0 评论 -
Redux 入门教程(二):中间件与异步操作
一、中间件的概念为了理解中间件,让我们站在框架作者的角度思考问题:如果要添加功能,你会在哪个环节添加?(1)Reducer:纯函数,只承担计算 State 的功能,不合适承担其他功能,也承担不了,因为理论上,纯函数不能进行读写操作。(2)View:与 State 一一对应,可以看作 State 的视觉层,也不合适承担其他功能。(3)Action:存放数据的对象,原创 2017-03-22 11:42:57 · 336 阅读 · 0 评论 -
Redux 入门教程(一):基本用法
React 只是 DOM 的一个抽象层,并不是 Web 应用的完整解决方案。有两个方面,它没涉及。代码结构组件之间的通信对于大型的复杂应用来说,这两方面恰恰是最关键的。因此,只用 React 没法写大型应用。为了解决这个问题,2014年 Facebook 提出了 Flux 架构的概念,引发了很多的实现。2015年,Redux 出现,将 Flux 与函数式原创 2017-03-22 11:33:31 · 323 阅读 · 0 评论 -
Redux 核心概念
http://gaearon.github.io/redux/index.html ,文档在 http://rackt.github.io/redux/index.html 。本文不是官方文档的翻译。你可以在阅读官方文档之前和之后阅读本文,以加深其中的重点概念。根据该项目源码的习惯,示例都是基于 ES2015 的语法来写的。Redux 是应用状态管理服务。虽然本身受到了 Flux原创 2017-03-22 11:28:44 · 540 阅读 · 0 评论 -
ES5与ES6的对比不同点
很多React/React Native的初学者都被ES6的问题迷惑:各路大神都建议我们直接学习ES6的语法(class Foo extends React.Component),然而网上搜到的很多教程和例子都是ES5版本的,所以很多人在学习的时候连照猫画虎都不知道怎么做。今天在此整理了一些ES5和ES6的写法对照表,希望大家以后读到ES5的代码,也能通过对照,在ES6下实现相同的功能。原创 2017-03-17 11:08:16 · 17054 阅读 · 2 评论