20161221 前端开发日报

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

  1. 《PouchDB:一个开源的 JS 数据库》PouchDB 是一个受 Apache CouchDB 启发的开源 JavaScript 数据库,可以完美运行在浏览器中。设计初衷是,帮助Web开发者构建能在本地离线运行的App,一如在线时运行的一样。(by ITEYE/赖信涛)

    一个开源的 JS 数据库
  2. #JavaScript#【javascript中的json及对象】③ 使用JSON构造对象JSON即Javascript对象表示方法(Javascript Object Notation),也就是通过字面量来表示一个对象://JSON形式创建一个对象var arthinking = { username : Jason,…请戳→ #前端开发博客#

    javascript中的json及对象
  3. JavaScript 操作 DOM 常用 API 总结 文本整理了javascript操作DOM的一些常用的api,根据其作用整理成为创建,修改,查询等多种类型的api,主要用于复习基础知识,加深对原生js的认识。 基本概念 在讲解操作DOM的api之前,首先我们来复习一下一些基本概念,这些概念是掌握api的关键,必须理解它们。 Node类型 DOM1级定义了一个Node接口,该接口由DOM中所有节…

    JavaScript 操作 DOM 常用 API 总结
  4. javascript 填坑史》在setTimeout和setInterval深入理解这篇博客里笔者曾做过总结,我们知道JavaScript试单线程的产物,两个函数就是利用了插入代码的方式实现了伪异步,和AJAX的原理实际上是一样的。(by @Damonare

    javascript 填坑史
  5. #编程技术分享#【JavaScript异步编程解决方案笔记】作者对JavaScript异步编程进行了一个较为详细的整理和记录,希望对前端开发者有所帮助,[围观] 全文:

    JavaScript异步编程解决方案笔记
  6. 写给后端程序员的HTTP缓存原理介绍 通过Internet获取资源既缓慢,成本又高。为此,Http协议里包含了控制缓存的部分,以使Http客户端可以缓存和重用以前获取的资源,从而优化性能,提升体验。虽然Http中关于缓存控制的部分,随着协议演进,有一些变化。但我觉着,作为后端程序员,在开发Web服务时,只需要关注请求头If-None-Match、响应头ETag、响应头Cache…

    写给后端程序员的HTTP缓存原理介绍
  7. 《JavaScript 闯关记》之原型及原型链】来自@劼哥stone 文章传送门:原型链是一种机制,指的是 JavaScript 每个对象都有一个内置的 __proto__ 属性指向创建它的构造函数的 prototype(原型)属性。原型链的作用是为了实现对象的继承,要理解原型链,需要先从函数对象、constructor…

    《JavaScript 闯关记》之原型及原型链
  8. VueX 填坑指南 by Bill Qiu在我们构建一些小型应用的时候,组件之前的通信场景场景较为简单,状态管理基本在可控范围之内, 父子组件之间的通信可以使用props来传递,默认为单向绑定,在vue 1.x版本中可以添加sync实现双向绑定。 但是在vue 2中…
  9. webpack1.x + ElementUI 初探】本文介绍在真正开始使用 ElementUI 之前的准备工作,适合第一次使用 webpack 打包工具和想体验 ElementUI 的小白同学。分享来自@力谱宿云_LeapCloud 传送门:前言 ElementUI 目前版本是1.1,虽然还在1.x阶段,但是组件种类已经很丰富了,用来ElementUI 做管理页面,非常合适。本文介绍在真正开始使用ElementUI 之前的准备工作,适合第一次使用webpack打包工具和想体验 El…

    webpack1.x + ElementUI 初探
  10. vue2.0 transition — demo实践填坑》这里将通过四个实践小案例来体验和学习css过渡,css动画,javascript钩子,列表过渡的应用。至于案例用到的知识点就请自行学习官网文档。(by 郭锦荣)

    vue2.0 transition — demo实践填坑
  11. 如何合理利用 Git 进行团队协作(二) by qiangdada摘要: 久违的Git协作后续终于得空和大家一起分享了,希望可以对大伙有用。 前言 上篇我就Git协议讲了两大点,Git的起步,Git的基础操作,其中详细的小伙伴可以先去阅读我上一篇文章https://zhuanlan.zhihu.com/p/24199363(一入前端深似海,从此红尘是路人系列第十弹之如何合理利用Git进行团队协作(一))。…
  12. Reducer 最佳实践,Redux 开发最重要的部分 reducer就是实现(state, action) => newState的纯函数,也就是真正处理state的地方。值得注意的是,Redux并不希望你修改老的state,而且通过直接返回新state的方式去修改。 在讲如何设计reducer之前,先介绍几个术语: ✦ reducer:实现(state, action) -> newState的纯函数,可以根据场景分为以下好几种…
  13. #SegmentFault 技术周刊# React 和 Vue 两位 JS 界巨星已在周刊亮相了很多次,今天,轮到 Angular 出场了。本期周刊将全面介绍它的各个特性,哪块不熟悉或者不了解,几乎都可以在里边得到解答。那就开始吧→如何在网页上构建动态应用,通常的解决方案是使用类库和框架,来弥补原生 JS 和 HTML 的不足,实现具体的应用逻辑,如典型的 jQuery、knockout.js 等。而 Google 则直接尝试从 HTML 本身下手去补足其在构建应用方…

    React 和 Vue 两位 JS 界巨星已在周刊亮相了很多次
  14. Reactor实例解析】Reactor是第四代响应式框架,跟RxJava 2有些相似。Reactor项目由Pivotal启动,以响应式流规范、Java8和ReactiveX术语表为基础。它的设计是Reactor 2和RxJava核心贡献者共同努力的结果。在本文中,我们将会对Reactor和RxJava进行比较,包括它们的相同点和不同点

    Reactor实例解析
  15. #JavaScript#【书写可读性JavaScript代码】语义化这个词在 HTML 中用的比较多,即根据内容的结构化选择合适的标签。其作用不容小觑:赋予标签含义,让代码结构更加清晰,虽然我们可以在标签上添加 class 来标识,但这种通过属…请戳→ #前端开发博客#

    书写可读性JavaScript代码

关注github前端日报 订阅精彩文章

前端日报栏目数据来自码农头条,每日分享互联网上热门的前端开发、移动开发、设计、资源和资讯等,为开发者提供动力,如果觉得内容对你有用,记得分享给你的小伙伴。进入码农头条查看更多


关注我

我的微信公众号:前端开发博客,在后台回复以下关键字可以获取资源。

  • 回复「小抄」,领取Vue、JavaScript 和 WebComponent 小抄 PDF
  • 回复「Vue脑图」获取 Vue 相关脑图
  • 回复「思维图」获取 JavaScript 相关思维图
  • 回复「简历」获取简历制作建议
  • 回复「简历模板」获取精选的简历模板
  • 回复「加群」进入500人前端精英群
  • 回复「电子书」下载我整理的大量前端资源,含面试、Vue实战项目、CSS和JavaScript电子书等。
  • 回复「知识点」下载高清JavaScript知识点图谱

每日分享有用的前端开发知识,加我微信:caibaojian89 交流