Fork me on GitHub

发表于 |

最近一直忙于项目和业务，略疲惫，好在还是利用空闲学习了不少的东西，自勉

React和Vue对比

相同点:

  • 数据驱动视图，提供响应式的视图组件
  • 都有Virtual DOM，组件化开发，通过props参数进行父子组件数据的传递，都实现webComponents规范
  • 数据流动单向
  • 都支持服务端渲染
  • 都有支持native的方案，React的React native，Vue的weex
    阅读全文 »

发表于 |

ES6 加强了对 Unicode 的支持，并且扩展了字符串对象。

字符的 Unicode 表示法

JavaScript 允许采用\uxxxx形式表示一个字符，其中xxxx表示字符的 Unicode 码点。

1
2
"\u0061"
// "a"

但是，这种表示法只限于码点在\u0000~\uFFFF之间的字符。超出这个范围的字符，必须用两个双字节的形式表示。

1
2
3
4
5
"\uD842\uDFB7"
// "𠮷"

"\u20BB7"
// " 7"

阅读全文 »

发表于 |

概述

-webkit-overflow-scrolling 属性控制元素在移动设备上是否使用滚动回弹效果.

值

  • auto: 使用普通滚动, 当手指从触摸屏上移开，滚动会立即停止。
  • touch: 使用具有回弹效果的滚动, 当手指从触摸屏上移开，内容会继续保持一段时间的滚动效果。继续滚动的速度和持续的时间和滚动手势的强烈程度成正比。同时也会创建一个新的堆栈上下文。

示例

1
2
3
-webkit-overflow-scrolling: touch; /* 当手指从触摸屏上移开，会保持一段时间的滚动 */

-webkit-overflow-scrolling: auto; /* 当手指从触摸屏上移开，滚动会立即停止 */

发表于 |

咱们不搞一开始就一大堆理论知识介绍，怕把人讲懵了…… 咱们换一个思维方式——“从现象看本质”，先说说我们看到了什么，再从看到的现象中提出问题，最后深入寻找答案。

在 chrome 浏览器中打开一个网站，进入开发者模式，点击Resources栏 -> 选择cookies，我们会看到如下图所示的界面：

阅读全文 »

发表于 |

ps内容较多，请细心看完

Flux作为一种应用架构（application architecture）或是设计模式（pattern），阐述的是单向数据流（a unidirectional data flow）的思想，并不是一个框架（framework）或者库（library）。

阅读全文 »

发表于 |

跨域整理

跨域资源共享 CORS

对于web开发来讲，由于浏览器的同源策略，我们需要经常使用一些hack的方法去跨域获取资源，但是hack的方法总归是hack。直到W3C出了一个标准－CORS－”跨域资源共享”（Cross-origin resource sharing）。
它允许浏览器向跨源服务器，发出XMLHttpRequest请求，从而克服了AJAX只能同源使用的限制。
首先来说 CORS 需要浏览器和服务端同时支持的，对于兼容性来说主要是ie10+，其它现代浏览器都是支持的。

使用 CORS 跨域的时候其实和普通的 ajax 过程是一样的，只是浏览器在发现这是一个跨域请求的时候会自动帮我们处理一些事，比如验证等等，所以说只要服务端提供支持，前端是不需要做额外的事情的。

阅读全文 »