tuobaye0711 / tuobaye0711.github.io Goto Github PK

http://tuobaye.com/2017/12/26/%E3%80%90Node.js%E7%BA%BF%E4%B8%8A%E9%83%A8%E7%BD%B2%E5%B0%8F%E9%A1%B9%E7%9B%AE%E3%80%91%E8%AE%A9%E8%87%AA%E5%B7%B1%E7%9A%84%E5%8D%9A%E5%AE%A2%E6%AF%8F%E6%AC%A1%E6%89%93%E5%BC%80%E9%83%BD%E6%9C%89%E4%B8%8D%E5%90%8C%E7%9A%84%E5%B0%81%E9%9D%A2/

http://tuobaye.com/2017/11/03/%E4%BB%85%E7%94%A81%E8%A1%8C%E6%A0%B8%E5%BF%83JS%E4%BB%A3%E7%A0%81%E5%AE%9E%E7%8E%B0%E4%B8%80%E4%B8%AA%E8%BD%BB%E9%87%8F%E7%BA%A7%E5%AF%8C%E6%96%87%E6%9C%AC%E7%BC%96%E8%BE%91%E5%99%A8/

https://tuobaye0711.github.io/2017/09/15/%E5%9D%9A%E6%8C%81%E8%BF%99%E4%BB%B6%E4%BA%8B%E5%84%BF/

https://tuobaye0711.github.io/2017/09/15/%E5%9D%9A%E6%8C%81%E8%BF%99%E4%BB%B6%E4%BA%8B%E5%84%BF/

https://tuobaye.com/2017/11/03/%E4%BB%85%E7%94%A81%E8%A1%8C%E6%A0%B8%E5%BF%83JS%E4%BB%A3%E7%A0%81%E5%AE%9E%E7%8E%B0%E4%B8%80%E4%B8%AA%E8%BD%BB%E9%87%8F%E7%BA%A7%E5%AF%8C%E6%96%87%E6%9C%AC%E7%BC%96%E8%BE%91%E5%99%A8/

富文本编辑器是我们在生活中非常常用到的编辑工具，现在有很多功能完备且强大的编辑器，比如Quill Rich Text Editor、ueditor等，都是很优秀的富文本编辑器。甚至说我们每个人都会用到的word，才是最优秀、国民度最高的富文本编辑器。这篇文章使用极少的代码，实现了一个简洁、无任何依赖的轻量级富文本编辑器。

https://tuobaye.com/2018/01/23/%E4%BD%BF%E7%94%A8code-printer%E7%94%9F%E6%88%90%E4%B8%80%E4%BB%BD%E7%82%AB%E9%85%B7%E7%9A%84%E7%AE%80%E5%8E%86/

欢迎光临我的博客拓跋的前端客栈，这个是原文地址，这个是项目地址，欢迎star&fork。如果您发现我文章中存在错误，请尽情向我吐槽，大家一起学习一起进步φ(>ω<*) DEMO 最终效果请点击这里，是不是有点意思？ 源码分析 code-printer的原理是首先搭起一个骨架，然后通过遍历的方式，一点一点地往骨架里塞东西。 骨架主要有三块： <pre id=”my-c

http://tuobaye.com/2017/11/03/%E4%BB%85%E7%94%A81%E8%A1%8C%E6%A0%B8%E5%BF%83JS%E4%BB%A3%E7%A0%81%E5%AE%9E%E7%8E%B0%E4%B8%80%E4%B8%AA%E8%BD%BB%E9%87%8F%E7%BA%A7%E5%AF%8C%E6%96%87%E6%9C%AC%E7%BC%96%E8%BE%91%E5%99%A8/

https://tuobaye.com/2018/12/03/%E4%BB%8E%E9%9B%B6%E5%BC%80%E5%A7%8B%E5%BC%80%E5%8F%91%E4%B8%80%E4%B8%AANode%E4%BA%A4%E4%BA%92%E5%BC%8F%E5%91%BD%E4%BB%A4%E8%A1%8C%E5%BA%94%E7%94%A8/

前端 web javascript vue html

http://tuobaye.com/2018/03/01/%E5%BC%80%E5%8F%91%E7%8E%AF%E5%A2%83%E5%A4%87%E4%BB%BD/

http://tuobaye.com/2018/01/23/%E4%BD%BF%E7%94%A8code-printer%E7%94%9F%E6%88%90%E4%B8%80%E4%BB%BD%E7%82%AB%E9%85%B7%E7%9A%84%E7%AE%80%E5%8E%86/

http://tuobaye.com/2017/12/01/%E8%B0%88%E4%B8%80%E8%B0%88%E5%A4%A7%E6%96%87%E4%BB%B6%E4%B8%8A%E4%BC%A0%E2%80%94%E2%80%94%E5%89%8D%E5%8F%B0%E5%88%86%E7%89%87%E5%92%8C%E5%90%8E%E5%8F%B0%E5%90%88%E5%B9%B6/

http://tuobaye.com/2017/11/11/Nginx%20%E9%85%8D%E7%BD%AE%E6%8C%87%E5%8D%97/

http://tuobaye.com/2017/12/26/%E3%80%90Node.js%E7%BA%BF%E4%B8%8A%E9%83%A8%E7%BD%B2%E5%B0%8F%E9%A1%B9%E7%9B%AE%E3%80%91%E8%AE%A9%E8%87%AA%E5%B7%B1%E7%9A%84%E5%8D%9A%E5%AE%A2%E6%AF%8F%E6%AC%A1%E6%89%93%E5%BC%80%E9%83%BD%E6%9C%89%E4%B8%8D%E5%90%8C%E7%9A%84%E5%B0%81%E9%9D%A2/

https://tuobaye.com/2017/12/01/%E8%B0%88%E4%B8%80%E8%B0%88%E5%A4%A7%E6%96%87%E4%BB%B6%E4%B8%8A%E4%BC%A0%E2%80%94%E2%80%94%E5%89%8D%E5%8F%B0%E5%88%86%E7%89%87%E5%92%8C%E5%90%8E%E5%8F%B0%E5%90%88%E5%B9%B6/

最近做了一个需求，需要上传镜像的tar包，小的3、5G，大的可能会达到20多G，而要求在浏览器中上传，因此普通的上传方式肯定无法满足需求，必须要使用到分片上传，前台分片后台就需要合并，一系列做完以后踩了很多坑，在这边总结记录一下。

http://tuobaye.com/2017/10/24/%E9%80%9A%E8%BF%87microtasks%E5%92%8Cmacrotasks%E7%9C%8BJavaScript%E5%BC%82%E6%AD%A5%E4%BB%BB%E5%8A%A1%E6%89%A7%E8%A1%8C%E9%A1%BA%E5%BA%8F/

https://tuobaye0711.github.io/2017/09/15/%E5%9D%9A%E6%8C%81%E8%BF%99%E4%BB%B6%E4%BA%8B%E5%84%BF/

https://tuobaye.com/2018/03/26/%E3%80%90%E8%87%AA%E8%AF%91%E3%80%91Chrome%E6%B5%8F%E8%A7%88%E5%99%A8%E5%BC%80%E5%8F%91%E8%80%85%E5%B7%A5%E5%85%B7%E7%9A%8412%E4%B8%AA%E6%9C%89%E8%B6%A3%E6%8A%80%E5%B7%A7%E2%80%94%E2%80%94%E5%B8%8C%E6%9C%9B%E5%B7%B2%E7%BB%8F%E6%8E%8C%E6%8F%A1/

Chrome浏览器提供了一套非常出色的开发者工具来帮助您在Web平台上开发。下面我将介绍13个有趣的技巧，掌握他们对你只有好处。

http://tuobaye.com/2018/03/26/%E3%80%90%E8%87%AA%E8%AF%91%E3%80%91Chrome%E6%B5%8F%E8%A7%88%E5%99%A8%E5%BC%80%E5%8F%91%E8%80%85%E5%B7%A5%E5%85%B7%E7%9A%8412%E4%B8%AA%E6%9C%89%E8%B6%A3%E6%8A%80%E5%B7%A7%E2%80%94%E2%80%94%E5%B8%8C%E6%9C%9B%E5%B7%B2%E7%BB%8F%E6%8E%8C%E6%8F%A1/

https://tuobaye.com/about/

刹那芳华 朝露昙花，咫尺天涯，人道是黄河十曲，毕竟东流去。八千年玉老，一夜枯荣，问苍天此生何必？昨夜风吹处，落英听谁细数？九万里苍穹，御风弄影，谁人与共？千秋北斗，瑶宫寒苦，不若神仙眷侣，百年江湖。 欢迎来到拓跋的前端客栈，如果想看我的个人简介，请移步这里 。 我的邮箱是 [email protected] ，如果有任何事情，可以直接邮件联系我。

https://tuobaye.com/2017/12/19/web%E8%B6%85%E6%97%B6%E9%85%8D%E7%BD%AE%E6%80%BB%E7%BB%93/

前段时间做项目时，由于某个请求在后台要进行长时间的脚本处理，频频超出系统默认的超时时长，于是我就对超时时长进行了检查。由于超时的时候请求报错的提示信息并不明确，为了修改这玩意儿也查了一堆资料，忙活了半天，终于把超时问题解决了，分享在这里供大家参考。

http://tuobaye.com/about/

https://tuobaye.com/2018/11/27/%E7%BB%86%E8%A7%A3JavaScript-ES7-ES8-ES9-%E6%96%B0%E7%89%B9%E6%80%A7/

ECMAScript的演化不会停止，但是我们完全没必要害怕。除了ES6这个史无前例的版本带来了海量的信息和知识点以外，之后每年一发的版本都仅仅带有少量的增量更新，一年更新的东西花半个小时就能搞懂了，完全没必要畏惧。本文将带您花大约一个小时左右的时间，迅速过一遍ES7,ES8,ES9的新特性。

https://tuobaye.com/2017/10/17/%E4%B8%80%E4%B8%AA%E7%AE%80%E5%8D%95%E7%9A%84promise%E5%AE%9E%E7%8E%B0/

Promise 是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理和更强大。它由社区最早提出和实现，ES6 将其写进了语言标准，统一了用法，原生提供了Promise对象。本文采用最简单的方法，实现了一个基本的Promise雏形

http://tuobaye.com/2017/09/15/%E5%9D%9A%E6%8C%81%E8%BF%99%E4%BB%B6%E4%BA%8B%E5%84%BF/

http://tuobaye.com/2017/12/19/web%E8%B6%85%E6%97%B6%E9%85%8D%E7%BD%AE%E6%80%BB%E7%BB%93/

https://tuobaye0711.github.io/2017/10/17/%E4%B8%80%E4%B8%AA%E7%AE%80%E5%8D%95%E7%9A%84promise%E5%AE%9E%E7%8E%B0/

http://tuobaye.com/2018/02/12/%E5%9F%BA%E4%BA%8ERBAC%E7%9A%84%E5%88%86%E6%9D%83%E5%88%86%E5%9F%9F%E7%94%A8%E6%88%B7%E6%9D%83%E9%99%90%E7%B3%BB%E7%BB%9F%E6%95%B0%E6%8D%AE%E5%BA%93%E8%AE%BE%E8%AE%A1/

https://tuobaye.com/2017/11/11/Nginx%20%E9%85%8D%E7%BD%AE%E6%8C%87%E5%8D%97/

Nginx是最初由Igor Sysoev编写的HTTP和反向代理服务器，邮件代理服务器和通用TCP/UDP代理服务器。很长时间以来，它一直在许多重负荷的俄罗斯网站上运行，包括Yandex，Mail.Ru，VK和Rambler。根据Netcraft，2017年10月，Nginx服务或代理了29.43％最繁忙的站点。下面是一些成功案例：Dropbox，Netflix，Wordpress.com，Fas

http://tuobaye.com/2017/12/01/%E8%B0%88%E4%B8%80%E8%B0%88%E5%A4%A7%E6%96%87%E4%BB%B6%E4%B8%8A%E4%BC%A0%E2%80%94%E2%80%94%E5%89%8D%E5%8F%B0%E5%88%86%E7%89%87%E5%92%8C%E5%90%8E%E5%8F%B0%E5%90%88%E5%B9%B6/

http://tuobaye.com/2018/01/17/3%E5%88%86%E9%92%9F%E6%90%9E%E6%87%82CSS3-transform%E5%B1%9E%E6%80%A7/

http://tuobaye.com/2017/11/17/%E6%B7%B1%E5%85%A5%E6%8E%A2%E8%AE%A8%E6%AD%A3%E6%96%9C%E6%9D%A0%E5%92%8C%E5%8F%8D%E6%96%9C%E6%9D%A0/

https://tuobaye0711.github.io/2017/09/15/%E5%9D%9A%E6%8C%81%E8%BF%99%E4%BB%B6%E4%BA%8B%E5%84%BF/

http://tuobaye.com/2017/11/11/Nginx%20%E9%85%8D%E7%BD%AE%E6%8C%87%E5%8D%97/

http://tuobaye.com/2017/09/15/%E5%9D%9A%E6%8C%81%E8%BF%99%E4%BB%B6%E4%BA%8B%E5%84%BF/

https://tuobaye.com/2018/02/12/%E5%9F%BA%E4%BA%8ERBAC%E7%9A%84%E5%88%86%E6%9D%83%E5%88%86%E5%9F%9F%E7%94%A8%E6%88%B7%E6%9D%83%E9%99%90%E7%B3%BB%E7%BB%9F%E6%95%B0%E6%8D%AE%E5%BA%93%E8%AE%BE%E8%AE%A1/

最近要开发一个新的系统，系统里面可以有许多不同的社区，每个社区下面有不同的项目。项目和项目、社区和社区之间都是相互独立的。我所做的工作是设计一套权限管理系统，这套系统允许不同的用户在不同的社区或者项目之中有不同的权限，可以保证用户无法做出越权的操作。

http://tuobaye.com/2017/11/11/Nginx%20%E9%85%8D%E7%BD%AE%E6%8C%87%E5%8D%97/

http://tuobaye.com/2018/01/17/3%E5%88%86%E9%92%9F%E6%90%9E%E6%87%82CSS3-transform%E5%B1%9E%E6%80%A7/

http://tuobaye.com/2018/04/04/%E9%82%A3%E4%BA%9B%E4%BC%98%E9%9B%85%E7%81%B5%E6%80%A7%E7%9A%84JS%E4%BB%A3%E7%A0%81%E7%89%87%E6%AE%B5/

http://tuobaye.com/2017/12/19/web%E8%B6%85%E6%97%B6%E9%85%8D%E7%BD%AE%E6%80%BB%E7%BB%93/

http://tuobaye.com/2017/11/17/%E6%B7%B1%E5%85%A5%E6%8E%A2%E8%AE%A8%E6%AD%A3%E6%96%9C%E6%9D%A0%E5%92%8C%E5%8F%8D%E6%96%9C%E6%9D%A0/

http://tuobaye.com/2017/10/17/%E4%B8%80%E4%B8%AA%E7%AE%80%E5%8D%95%E7%9A%84promise%E5%AE%9E%E7%8E%B0/

https://tuobaye.com/2018/04/04/%E9%82%A3%E4%BA%9B%E4%BC%98%E9%9B%85%E7%81%B5%E6%80%A7%E7%9A%84JS%E4%BB%A3%E7%A0%81%E7%89%87%E6%AE%B5/

如果你甘于平凡，写代码对你来说可以就是Ctrl+C和Ctrl+V；如果你充满创造力，写代码也可以成为一门艺术。我们在平时总会遇到一些堪称优雅灵性的代码片段，在这里，仅以我之见，列举出我所见到的那一部分。

https://tuobaye.com/2017/10/24/%E9%80%9A%E8%BF%87microtasks%E5%92%8Cmacrotasks%E7%9C%8BJavaScript%E5%BC%82%E6%AD%A5%E4%BB%BB%E5%8A%A1%E6%89%A7%E8%A1%8C%E9%A1%BA%E5%BA%8F/

JS引擎是单线程的。这意味着在任何环境中，只有一段JS代码会被执行。当JS引擎开始执行一个函数时，它就会把这个函数执行完，也就是说只有执行完这段代码才会继续执行后面的代码。这种模式的好处是实现起来比较简单，执行环境相对单纯；坏处是只要有一个任务耗时很长，后面的任务都必须排队等着，会拖延整个程序的执行。因此，JavaScript采用了一种“异步”的方式，在浏览器端，耗时很长的操作都应该异步执行。本文

http://tuobaye.com/2018/01/17/3%E5%88%86%E9%92%9F%E6%90%9E%E6%87%82CSS3-transform%E5%B1%9E%E6%80%A7/

test

http://tuobaye.com/2017/10/24/%E9%80%9A%E8%BF%87microtasks%E5%92%8Cmacrotasks%E7%9C%8BJavaScript%E5%BC%82%E6%AD%A5%E4%BB%BB%E5%8A%A1%E6%89%A7%E8%A1%8C%E9%A1%BA%E5%BA%8F/

http://tuobaye.com/2017/10/17/%E4%B8%80%E4%B8%AA%E7%AE%80%E5%8D%95%E7%9A%84promise%E5%AE%9E%E7%8E%B0/