自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

YuqiRealm.com

SUDO -U 更多内容请见:https://github.com/EmilyQiRabbit

原创 GraphQL 中文 -- 一份不标准不专业的翻译

请移步我的 Github 查看翻译,如有翻译不恰当的地方欢迎指正~

2018-05-01 22:31:26 559 0

转载 判断浏览器(微信、微博、QQ)、操作系统、横竖屏等

一、根据浏览器判断URL跳转 var browserOfMobile = { wapUrl: 'http://m.baidu.com', versions:function(){ var u = navigator.userAgent; ...

2018-03-08 14:54:07 739 0

原创 LeetCode -- 515、654 题解

515:Find Largest Value in Each Tree Row /** * Definition for a binary tree node. * function TreeNode(val) { * this.val = val; * this.lef...

2018-03-04 23:47:49 392 0

翻译 几个有趣的 JS 特性

标记语句 foo: { console.log('one'); break foo; console.log('这句打印不会被执行'); } console.log('two'); /* * # 输出 * one ...

2018-02-23 16:09:55 800 0

翻译 Python & 区块链

一个完整的区块栗子 每个区块都有其索引,时间戳(Unix 时间),交易列表,证明 proof(稍后解释),以及前序区块的哈希值。 block = { 'index': 1, 'timestamp': 1506057125.900785...

2018-02-23 15:29:04 689 0

原创 ES2017 (ES8)

本文主要讲解 ES8 ( ES2017 ) 新增的几个常用功能、特性 字符串填充,两个新函数:padStart 和 padEnd padStart 和 padEnd 一共接受两个参数 第一个参数用来指定结果字符串的最小长度,第二个参数是指用来补全的字符串。 注意:如果第一个参数的值小于...

2018-02-05 17:11:48 380 0

翻译 Parcel -- 快速的 Web 打包工具

特点 零配置:当 webpack 以高复杂性的代价给我们带来了很多配置的时候 —— Parcel 却很简单。它号称“零配置”。开箱即用的代码拆分,热模块更新,css预处理,开发服务器,缓存等等! 快速打包:Parcel 比 Webpack,Rollup 和 Browserify 打包更快。 ...

2018-01-25 17:42:37 357 0

翻译 Parcel 实现代码分割 -- 初识 Parcel

代码分割 使用 JavaScript 进行前端开发,如果不进行代码分割,最后会打包成一个很大的 JS 文件。大文件的下载时间就会比较长,而用户有可能并不需要一次性加载所有的功能,完全没有必要下载这么大的文件。 所以,很有必要将较大的 JS 包拆分成多个更小的包,也就是代码分割。这些小包可以按需...

2018-01-25 16:43:31 448 0

转载 RxJS

第一个栗子 var button = document.querySelector('button'); button.addEventListener('click', () => console.log('Clicked!'...

2018-01-19 13:58:04 231 0

转载 一种 reducer state 的写法

import {Map, List} from 'immutable'; export default (state = Map(), action) => { if (action.type === 'jenkins_list') { ...

2018-01-18 16:56:57 774 0

原创 React-Router 高级用法

使用对象而非 JSX 来配置路由 曾经的写法: Router> Route path="/" component={App}> IndexRoute component={Dashboard} /> Route path="a...

2018-01-18 16:45:20 3835 0

转载 requestAnimationFrame

requestAnimationFrame是浏览器用于定时循环操作的一个接口,类似于setTimeout,主要用途是按帧对网页进行重绘。 设置这个API的目的是为了让各种网页动画效果(DOM动画、Canvas动画、SVG动画、WebGL动画)能够有一个统一的刷新机制,从而节省系统资源,提高系统性...

2018-01-18 14:35:37 283 0

翻译 【翻译&摘抄】CSS 特征查询

CSS 中的 @supports 规则,也被称为 Feature Queries(特征查询),是一个很强大的工具。 通过使用 @supports,你可以在 CSS 中看是否支持某个“特性”(CSS 属性或值),并根据其返回的结果决定是否调用代码块。例如: @supports (displa...

2018-01-17 18:06:45 220 0

翻译 [翻译&摘抄] 在大型应用中使用 Redux 的五个技巧

Redux,用于管理应用程序状态,它的特点包括: 1、单向数据流 2、不可变数据 3、状态变化由 action 触发,导致 reducer 函数返回一个新状态 以下的几点讨论应该可以帮助到任何在大型、数据密集型应用中使用 Redux 的开发者: 第一点: 在存储和访问状态时使用索引和选择...

2018-01-17 16:11:51 227 0

翻译 [翻译&摘抄] ES6 中的元编程:代理(Proxies)

前面几篇博客已经写过了有关 Symbols 和 Reflect 相关的知识,首先来重复看一下: 元编程是什么:元编程(笼统地说)是所有关于一门语言的底层机制,而不是数据建模或者业务逻辑那些高级抽象。如果程序可以被描述为 “制作程序”,元编程就能被描述为 “让程序来制作程序”。例如,反射就是元编程...

2018-01-16 14:45:04 239 0

翻译 【翻译&摘抄】React 应用性能调优

compression 页面加载一个很大的瓶颈就是 JS bundle 提及太大,下载它话费了很多时间。 我们应该使用 Gzip 来压缩一下:通过 Node/Express 的服务端很容易实现 Gzip;只需要安装 compression 模块并将它作为一个 Express 中间件使用就可以了...

2018-01-15 17:51:29 221 0

翻译 [翻译&摘抄] Node.js v6 LTS 中几个 ES6 特性

原文地址:6 of the Most Exciting ES6 Features in Node.js v6 LTS 原文作者:Tierney Coren 给函数设置默认参数 function testDefault(value, test = 2) { // 内部代码略 } ...

2018-01-11 21:13:05 222 0

翻译 [翻译&摘抄] 在 Chrome 开发者工具中调试 Node.js

原文链接 : Debugging Node.js in Chrome DevTools devtool 命令行工具 DevTool 可以让你在 Chrome 的开发者工具中运行 Node.js 程序。 安装方法超简单啦,命令行运行 npm install -g devtool 即可完...

2018-01-11 17:33:09 286 0

翻译 [翻译&摘抄]ES6 中的元编程:Reflect

原文地址:Metaprogramming in ES6: Part 2 - Reflect 原文作者:Keith Cirkel 译文出自:掘金翻译计划 转自:https://juejin.im/post/5a0e66386fb9a04523417418 作者:吴晓军 译者:yoyoyoh...

2018-01-04 14:44:36 245 0

翻译 [翻译&摘抄]ES6 中的元编程:Symbol

原文地址:Metaprogramming in ES6: Symbols and why they’re awesome 原文作者:Keith Cirkel 译文出自:掘金翻译计划 转自:https://juejin.im/post/5a0e65c1f265da430702d6b9 译者:...

2018-01-03 20:22:40 299 0

翻译 【译文&摘抄】ECMAScript 6 里面的私有变量

原文链接 : Private members in ES6 classes 本文已获得原作者Greg Reimer的授权 译文出自 : 掘金翻译计划 转自:https://juejin.im/entry/572c0b2d2e958a00667a081d?utm_source=gold-min...

2018-01-03 15:58:58 232 0

翻译 [翻译&摘抄] React 未来之函数式 setState

原文地址:Functional setState is the future of React 原文作者:Justice Mba 译文出自:掘金翻译计划 原文链接:https://juejin.im/post/58cfcf6e44d9040068478fc6/ 译者:reid3290 校...

2018-01-03 13:47:18 422 0

翻译 [译文&摘抄] 前端 Console 调试小技巧

原文地址:How to debug Front-end: Console 原文作者:Michał Witkowski 译文出自:掘金翻译计划 转自:https://juejin.im/post/5a08087f6fb9a04529363d71 译者:lsvih 校对者:Raoul1996...

2018-01-02 17:22:47 286 0

翻译 [译文&摘抄]在 React & Redux 中使用 AJAX 轮询

原文地址:AJAX POLLING IN REACT WITH REDUX 原文作者:Josh M 译文出自:掘金翻译计划 转自:https://juejin.im/post/5a43b6da5188257d167a7aef 译者:刘嘉一 校对者:yoyoyohamapi,FateZer...

2018-01-02 16:32:22 1674 0

翻译 【译文&摘抄】Angular、React、Vue的2017

原文地址:https://medium.com/unicorn-supplies/angular-vs-react-vs-vue-a-2017-comparison-c5c52d620176 作者:Jens NeuhausWeb 三剑客:Angular、React、Vue一些历史:Angular...

2017-12-29 23:12:46 246 0

原创 JavaScript -- ES6 迭代器和生成器

使用迭代器的目的:更高效的操作数据。使用迭代器可以使访问数据和操作数据的过程中,不需要追踪索引。传统的for循环:for (let I=0; I<10; I++){ ... // 访问数据的过程中,需要追踪索引 i 的值。并不方便且容易出错。 }学习了迭代器后,就会发现数据访...

2017-12-15 11:47:32 241 0

原创 JS & ES6 -- 语法糖:类

类的声明举个栗子:class Cat{ constructor(name){ this.name = name // 这是私有属性 } eatFish() { // 不需要 function 关键字 console.log('Miao...

2017-12-12 21:59:36 864 0

原创 异步JS -- 异步控制台解惑

在使用console的时候有时候会有这样的疑惑: 使用console打印出的结果和使用debugger看到的结果并不一样?! What a f*ck? 今天,原因终于找到~因为,(划重点): 并没有什么规范或者一组需求指定console.*方法簇如何工作——它们并不是JS正式的一部分,而是...

2017-12-12 16:48:35 248 0

原创 JS -- Immutable.js & React & Redux

乱入的DockerDocker是一个开源工具,能将一个WEB应用封装在一个轻量级,便携且独立的容器里,然后可以运行在几乎任何服务环境下。Docker的容器能使应用跑在任何服务器上并且表现一致。一个开发者在笔记本上建立的一个容器,能跑在很多环境下,如:测试环境,生产环境,虚拟机上,VPS,OpenS...

2017-11-15 17:26:36 323 0

原创 JS复习 -- 递归

两个很常见的递归函数:// 阶乘 function factorial(n) { if (n == 1) return n; return n * factorial(n - 1) }console.log(factorial(5)) // 5 * 4 * 3 * 2 * 1 = ...

2017-11-01 11:56:11 275 0

原创 JS -- 函数组合

什么是函数组合?就是将需要嵌套执行的函数平铺。嵌套执行指的是,一个函数的返回值将作为另一个函数的参数。一个简单的栗子:var compose = function(f,g) { return function(x) { return f(g(x)); }; };这个...

2017-10-31 21:42:51 828 0

翻译 JS 如何判断两个对象相等

前提条件: 1、NaN 和 NaN 相等 2、[1, 2] 和 [1, 2] 相等 3、{value: 1} 和 {value: 1} 相等 4、1 和 new Number(1) 相等 5、’Curly’ 和 new String(‘Curly’) 相等 6、true 和...

2017-10-30 21:12:39 6888 0

原创 JS复习 -- 作用域链

作用域链属于执行上下文的属性之一。咦?你问我执行上下文是什么: 当JS代码执行一段可执行代码的时候,就会创建对应的可执行上下文。每个执行上下文都有三个重要属性: 1、变量对象 2、作用域链(后面我们就会了解,作用域链其实就是变量对象组成的链) 3、this好了,言归正传了。当js执行过程中...

2017-10-30 16:51:08 320 0

原创 JS复习 -- 类型判断

typeof注意,虽然我们可以写:console.log(typeof('miao~')) // string但是,typeof却是一个运算符,就像加减一样!它的真实身份是一个一元操作符。因此,人家的正经写法是:console.log(typeof 'miao~�...

2017-10-29 10:12:30 746 0

原创 JS复习 -- 函数柯里化

柯里化,该词来源于英文单词Currying,感觉是好深奥的一个词。 我记住它的方式是:柯里化 –> 颗粒化。也就是将使用多个参数的函数转化成一系列使用一个参数的函数的方法。颗粒化嘛。例子:function add(a, b) { return a + b; }// 执行 add 函...

2017-10-28 10:39:03 452 0

原创 JS复习 -- 执行上下文栈

思考题:下面两段代码有何不同:var scope = "global scope"; function checkscope(){ var scope = "local scope"; function f(){ return...

2017-10-27 16:02:51 285 0

原创 JS 防抖

没有防抖:var count = 1; var container = document.getElementById('container');function getUserAction() { container.innerHTML = count++; };co...

2017-10-27 11:05:06 457 0

原创 Mongoose populate方法

最近好忙啊,好久没有来写博客了~ 干巴蝶! 还是那句话,写一遍真的比看一遍要好很多!populate方法提供外键填充的功能。由于Mongoose是极具JavaScript特点的程序库,提供了极其简单和强大的填充功能,因此,populate不止可以填充单个文档,也支持多文档,甚至直接填充对象!外...

2017-10-26 16:20:34 729 0

翻译 Mongoose -- Schemas Models Documents

SchemasMongoose中,所有的东西都由Schemas开始。schema相当于是MongoDB的collection,并且定义了文档的结构。var mongoose = require('mongoose'); var Schema = mongoose.Schema;...

2017-09-05 18:35:44 349 0

翻译 Mongoose -- quick start

使用mongoose之前,首先要确保你的电脑安装了MongoDB和Node。安装MongoDB的教程可见: http://www.jianshu.com/p/1bb663918cfd然后,我们可以用npm指令来安装mongoose:$ npm install mongoose接下来,我们就可以使...

2017-09-05 15:15:14 291 0

提示
确定要删除当前文章?
取消 删除