2017年09月_Justin0223

原创 ES6(十: import 模块加载)

ES6模块的设计思想，是尽量的静态化，使得编译时就能确定模块的依赖关系，以及输入和输出的变量。CommonJS和AMD（现在基本快被放弃的加载方式）模块，都只能在运行时确定这些东西。比如， CommonJS模块就是对象，输入时必须查找对象属性

2017-09-26 21:15:37 4171

原创 ES6(四: 字符串新增API)

这么说吧，其实在java jdk1.6 就已经出现了startsWith和endsWith。而且分别常用与判断字符串开始和文件后缀。至于includes我知识点暂时不知道，不知道是不是js独有的，但是觉得所有api都肯定有其他出处，就好像一个好的模式、好的特性最后都会出现在所有平台一样。redux是这样，Lamda表达式也是这样。

2017-09-25 23:14:49 563

原创 ES6(三: 变量的解构赋值)

（一）数组的解构赋值在ES6之前对变量的赋值为：var a = 1, b = 2, c = 3;ES6 允许我们这样写const [a, b, c] = [1, 2, 3];// babel编译就是上面的方式上面代码表示，可以从数组中提取值，按照对应位置，对变量赋值。本质上，这种写法属于“模式匹配”，只要等号两边的模式相同，左边的变量就会被

2017-09-24 17:43:38 416

原创 ES6(二: 变量作用域)

let命令首先来看一个例子if(true){ var a =3;}console.log(a); // 3if(true){ let b =3;}console.log(b); // ReferenceError: b is not defined这是babel编译结果if (true) { var a = 3;}console.lo

2017-09-24 13:36:32 889

原创 ES6(一: babel环境)

不管现在是ES7 还是ES6 ,最终肯定要转成Es5在浏览器跑，说穿了还不是兼容性问题。所以，安装babel是为了能看下编译的结果。

2017-09-22 00:11:34 359

转载 Javascript异步编程(五: Boss[async 函数])

前言JavaScript 最麻烦的就是异步操作，麻烦到一直有人提出各种各样的方案，试图解决这个问题。从callback到Promise 对象，再到 Generator 函数。虽然解决了部分问题,但是又需要开发者去理解抽象的底层运行机制。

2017-09-17 19:44:02 327

转载 Javascript异步编程(四: co 函数库)

前言co 函数库是著名程序员 TJ Holowaychuk 于2013年6月发布的一个小工具，用于 Generator 函数的自动执行，让你告别手动写执行器的痛苦。 https://github.com/tj/co

2017-09-17 12:42:17 484

转载 Javascript异步编程(三: Thunk函数)

前言参数的求值策略Thunk函数早在上个世纪60年代就诞生了。那时，编程语言刚刚起步，计算机学家还在研究，编译器怎么写比较好。一个争论的焦点是“求值策略”，即函数的参数到底应该何时求值。const x = 1;const f = (m) => m * 2;console.log(f(x + 5));上面代码先定义函数 f，然后向它传入表达式 x + 5 。请问...

2017-09-17 00:21:01 564

原创 Javascript异步编程(二: Generator函数)

协程概念传统的编程语言，早有异步编程的解决方案（其实是多任务的解决方案）。其中有一种叫做”协程”（coroutine），意思是多个线程互相协作，完成异步任务。协程有点像函数，又有点像线程。它的运行流程大致如下。维基百科 https://en.wikipedia.org/wiki/Coroutine协程有点像函数，又有点像线程。它的运行流程大致如下。第一步，协程A开始执行。第二步，协程A执

2017-09-16 19:15:42 349

原创 Javascript异步编程(一: 基础用法)

Javascript语言的执行环境是"单线程"（single thread）。所谓"单线程"，就是指一次只能完成一件任务。如果有多个任务，就必须排队，前面一个任务完成，再执行后面一个任务 ,常见问题就是：一个任务耗时很长，后面的任务都必须排队等着，会拖延整个程序的执行。常见的浏览器无响应（假死）

2017-09-16 01:56:38 513

原创 Flexible实现手淘H5页面的rem布局适配

项目加上了缩放比例, 但是ionic本身很多组件都是px的然后配合px2rem将ui库的px转化为rem

2017-09-13 11:46:35 18528

转载 React写法和演进

1. 原始的createClass写法对于写react组件，很多人第一印象往往是createClass，这是因为createClass是react组件最原始的写法，基本每个学react的人都是接触这种写法过来的。 createClass写法是基于es5，它实际上是React对象的一个顶层API，它只接受一个配置对象作为参数，如下：var React = require('react');var

2017-09-12 13:29:50 565

转载 Redux-Router

1. 基本用法React Router 安装命令如下$ npm install -S react-router使用时，路由器Router就是React的一个组件。import { Router } from 'react-router';render(<Router/>, document.getElementById('app'));Router组件本身只是一个容器，真正的路由要通过Rou

2017-09-12 11:55:30 4995 1

转载 Redux(三: React-Redux)

React-Redux 将所有组件分成两大类：UI 组件（presentational component）和容器组件（container component）。UI 组件有以下几个特征。  只负责 UI 的呈现，不带有任何业务逻辑  没有状态（即不使用this.state这个变量）  所有数据都由参数（this.props）提供  不使用任何 Redux 的 API

2017-09-12 11:36:55 398

总结上一篇文章，介绍了 Redux 的基本做法：用户发出 Action，Reducer 函数算出新的 State，View 重新渲染。但是，一个关键问题没有解决：异步操作怎么办？Action 发出以后，Reducer 立即算出 State，这叫做同步；Action 发出以后，过一段时间再执行 Reducer，这就是异步。怎么才能 Reducer 在异步操作结束后自动执行呢？这就要用到新的工具：中间件

2017-09-12 11:11:06 1597 6

转载 Redux(一: 基础用法)

1. 基本概念和用法简单说，如果你的UI层非常简单，没有很多互动，Redux 就是不必要的，用了反而增加复杂性。 用户的使用方式非常简单  用户之间没有协作  不需要与服务器大量交互，也没有使用 WebSocket

2017-09-12 10:58:53 1097

转载 Cordova中设置设备禁止横屏

在config.xml加入：<preference name="orientation" value="portrait" />类似于：<platform name="android"> <allow-intent href="market:*" /> <preference name="orientation" value=&quo

2017-09-11 10:11:09 2049

JUSTIN的博客