20161221 前端开发日报-前端开发博客

一个开源的 JS 数据库；javascript中的json及对象；JavaScript 操作 DOM 常用 API 总结；javascript 填坑史；JavaScript异步编程解决方案笔记；写给后端程序员的HTTP缓存原理介绍；《JavaScript 闯关记》之原型及原型链；VueX 填坑指南

《PouchDB：一个开源的 JS 数据库》PouchDB 是一个受 Apache CouchDB 启发的开源 JavaScript 数据库，可以完美运行在浏览器中。设计初衷是，帮助Web开发者构建能在本地离线运行的App，一如在线时运行的一样。（by ITEYE/赖信涛）
#JavaScript#【javascript中的json及对象】③ 使用JSON构造对象JSON即Javascript对象表示方法（Javascript Object Notation），也就是通过字面量来表示一个对象：//JSON形式创建一个对象var arthinking = { username : Jason,…请戳→ #前端开发博客#
JavaScript 操作 DOM 常用 API 总结文本整理了javascript操作DOM的一些常用的api，根据其作用整理成为创建，修改，查询等多种类型的api，主要用于复习基础知识，加深对原生js的认识。基本概念在讲解操作DOM的api之前，首先我们来复习一下一些基本概念，这些概念是掌握api的关键，必须理解它们。 Node类型 DOM1级定义了一个Node接口，该接口由DOM中所有节…
《javascript 填坑史》在setTimeout和setInterval深入理解这篇博客里笔者曾做过总结，我们知道JavaScript试单线程的产物，两个函数就是利用了插入代码的方式实现了伪异步，和AJAX的原理实际上是一样的。（by @Damonare ）
#编程技术分享#【JavaScript异步编程解决方案笔记】作者对JavaScript异步编程进行了一个较为详细的整理和记录，希望对前端开发者有所帮助，[围观] 全文：
写给后端程序员的HTTP缓存原理介绍通过Internet获取资源既缓慢，成本又高。为此，Http协议里包含了控制缓存的部分，以使Http客户端可以缓存和重用以前获取的资源，从而优化性能，提升体验。虽然Http中关于缓存控制的部分，随着协议演进，有一些变化。但我觉着，作为后端程序员，在开发Web服务时，只需要关注请求头If-None-Match、响应头ETag、响应头Cache…
【《JavaScript 闯关记》之原型及原型链】来自@劼哥stone 文章传送门:原型链是一种机制，指的是 JavaScript 每个对象都有一个内置的 __proto__ 属性指向创建它的构造函数的 prototype（原型）属性。原型链的作用是为了实现对象的继承，要理解原型链，需要先从函数对象、constructor…
VueX 填坑指南 by Bill Qiu在我们构建一些小型应用的时候，组件之前的通信场景场景较为简单，状态管理基本在可控范围之内，父子组件之间的通信可以使用props来传递，默认为单向绑定，在vue 1.x版本中可以添加sync实现双向绑定。但是在vue 2中…
【webpack1.x + ElementUI 初探】本文介绍在真正开始使用 ElementUI 之前的准备工作，适合第一次使用 webpack 打包工具和想体验 ElementUI 的小白同学。分享来自@力谱宿云_LeapCloud 传送门:前言 ElementUI 目前版本是1.1，虽然还在1.x阶段，但是组件种类已经很丰富了，用来ElementUI 做管理页面，非常合适。本文介绍在真正开始使用ElementUI 之前的准备工作，适合第一次使用webpack打包工具和想体验 El…
《vue2.0 transition — demo实践填坑》这里将通过四个实践小案例来体验和学习css过渡，css动画，javascript钩子，列表过渡的应用。至于案例用到的知识点就请自行学习官网文档。（by 郭锦荣）
如何合理利用 Git 进行团队协作（二） by qiangdada摘要: 久违的Git协作后续终于得空和大家一起分享了，希望可以对大伙有用。前言上篇我就Git协议讲了两大点，Git的起步，Git的基础操作，其中详细的小伙伴可以先去阅读我上一篇文章https://zhuanlan.zhihu.com/p/24199363(一入前端深似海，从此红尘是路人系列第十弹之如何合理利用Git进行团队协作(一))。…
Reducer 最佳实践，Redux 开发最重要的部分 reducer就是实现(state, action) => newState的纯函数，也就是真正处理state的地方。值得注意的是，Redux并不希望你修改老的state，而且通过直接返回新state的方式去修改。在讲如何设计reducer之前，先介绍几个术语： ✦ reducer：实现(state, action) -> newState的纯函数，可以根据场景分为以下好几种…
#SegmentFault 技术周刊# React 和 Vue 两位 JS 界巨星已在周刊亮相了很多次，今天，轮到 Angular 出场了。本期周刊将全面介绍它的各个特性，哪块不熟悉或者不了解，几乎都可以在里边得到解答。那就开始吧→如何在网页上构建动态应用，通常的解决方案是使用类库和框架，来弥补原生 JS 和 HTML 的不足，实现具体的应用逻辑，如典型的 jQuery、knockout.js 等。而 Google 则直接尝试从 HTML 本身下手去补足其在构建应用方…
【Reactor实例解析】Reactor是第四代响应式框架，跟RxJava 2有些相似。Reactor项目由Pivotal启动，以响应式流规范、Java8和ReactiveX术语表为基础。它的设计是Reactor 2和RxJava核心贡献者共同努力的结果。在本文中，我们将会对Reactor和RxJava进行比较，包括它们的相同点和不同点
#JavaScript#【书写可读性JavaScript代码】语义化这个词在 HTML 中用的比较多，即根据内容的结构化选择合适的标签。其作用不容小觑：赋予标签含义，让代码结构更加清晰，虽然我们可以在标签上添加 class 来标识，但这种通过属…请戳→ #前端开发博客#