Vue.js 父子组件通信的十种方式&奇技淫巧 发表于 2018-10-22 面试官:Vue 中父子组件通信有哪些方式? vue组件通信全揭秘(共7章) 几种通信方式无外乎以下几种: Prop(常用) $emit (组件封装用的较多) .sync语法糖 (较少) $attrs 和 $listeners (组件封装用的较多) provide 和 inject (高阶组 ... 阅读全文 »
koa-bodyparser中间件模拟 发表于 2018-10-10 前言Koa 2.x 版本是当下最流行的 NodeJS 框架,Koa 2.0 的源码特别精简,不像 Express 封装的功能那么多,所以大部分的功能都是由 Koa 开发团队(同 Express 是一家出品)和社区贡献者针对 Koa 对 NodeJS 的封装特性实现的中间件来提供的,用法非常简单,就是 ... 阅读全文 »
基于IntersectionObserver的图片懒加载实现 发表于 2018-10-08 1234567891011121314151617181920212223242526<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> ... 阅读全文 »
Babel 将 Generator 编译成了什么 发表于 2018-10-05 前言本文就是简单介绍下 Generator 语法编译后的代码。 Generatorfunction* helloWorldGenerator() { yield'hello'; yield'world'; return'ending&ap ... 阅读全文 »
简单理解async、await语法实现原理 发表于 2018-10-04 现在最新的前端框架生态都开始用上了Generator和yield,有的甚至已经开始使用最新的async、await语法了,这两样都是基于Generator自动执行的原理。 阮一峰 async-函数的实现原理async 函数的实现原理,就是将 Generator 函数和自动执行器,包装在一个函数里。1 ... 阅读全文 »
Vue权限控制addRoutes 发表于 2018-10-03 说到Vue权限控制,你可能会第一个想到123456789101112131415161718192021222324252627282930313233343536373839404142434445464748/** * Created by superman on 17/2/16. * http ... 阅读全文 »
Koa2 compose-串联中间件实现(洋葱模型) 发表于 2018-09-30 koa2 一网打尽(基本使用,洋葱圈,中间件机制和模拟,源码分析,核心点,生态)前言Koa 是当下主流 NodeJS 框架,以轻量见长,而它中间件机制与相对传统的 Express 支持了异步,所以编码时经常使用 async/await,提高了可读性,使代码变得更优雅,上一篇文章 NodeJS 进阶 ... 阅读全文 »
vue超简洁双日历组件 发表于 2018-09-24 看了那么多的日历组件,没有一个满意的 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253<template> <div> < ... 阅读全文 »
Server-Sent Events:服务器推送事件,使用长链接进行通讯 发表于 2018-09-11 概述传统的网页都是浏览器向服务器“查询”数据,但是很多场合,最有效的方式是服务器向浏览器“发送”数据。比如,webpack的HRM,每当收到新的电子邮件,服务器就向浏览器发送一个“通知”,这要比浏览器按时向服务器查询(polling)更有效率。 服务器发送事件(Server-Sent Events, ... 阅读全文 »
Vue手势库 发表于 2018-09-03 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798 ... 阅读全文 »