• Node 定时器详解

    Posted by : lon.y@qq.com on 2018年2月25日

    JavaScript 是单线程运行,异步操作特别重要。 只要用到引擎之外的功能,就需要跟外部交互,从而形成异步操作。由于异步操作实在太多,JavaScript 不得不提供很多异步语法。这就好比,有些人老是受打击, 他的抗打击能力必须变得很强,否则他就完蛋了。 Node 的异步语法比浏览器更复杂,因为它可以跟内核对话,不得不搞了一个专门的库 libuv 做这件事。这个库负责各种回调函数的执行时间,毕竟异步任务最后还是要回到主线程,一个个排队执行。 为了协调异

    阅读全文...

  • 阻碍你使用 GraphQL 的十个问题

    Posted by : lon.y@qq.com on 2018年2月25日

    在最近半年中,LeetCode 的一些新功能已经开始尝试使用 GraphQL。如果你在 LeetCode 网站中查看一下开发者工具中收集到的请求,也许会发现一个与众不同的请求 POST https://leetcode.com/graphql/。是的,要是你想给 LeetCode 写些爬虫的话,可得好好研究一下我们在这个 Endpoint 下挂载了哪些数据。我在使用 GraphQL 的过程中经历了理解、误解、再理解的过程。作为吃了 GraphQL 这个螃蟹

    阅读全文...

  • Webpack 4 不完全迁移指北

    Posted by : lon.y@qq.com on 2018年2月23日

    在 webpack 3 发布 之后, webpack 团队向社区承诺,之后 webpack 主版本的迭代会有一个时间比较长且稳定的开发周期。而在2017年8月份的时候,webpack 团队从 master 分支切出了 next 分支用于 webpack 4 的开发,经历 5 个月的开发周期之后,webpack 4.0-beta 在 2018年1月 已经 Released 了,不仅兑现了之前的承诺,还带来了诸多新特性,在用户使用的体验上也作了诸多改进。 安装

    阅读全文...

  • 你需要 Mobx 还是 Redux ?

    Posted by : lon.y@qq.com on 2018年2月23日

    在过去一年,越来越多的项目继续或者开始使用React和Redux开发,这是目前前端业内很普遍的一种前端项目解决方案,但是随着开发项目越来越多,越来越多样化时,个人又有了不同的感受和想法。是不是因为已经有了一个比较普遍的,熟悉的项目技术栈,我们就一直完全沿用呢,有没有比他更适合的方案呢?恰逢团队最近有一个新项目,于是博主开始思考,有没有可能使用其他可替代技术开发呢?既能提高开发效率,又能拓展技术储备和眼界,经过调研,选择了Mobx,最终使用React+Mob

    阅读全文...

  • 20 行 JS 代码实现粘贴板功能

    Posted by : lon.y@qq.com on 2018年2月13日

    使用剪贴板是一项基本技能。作为码农都应知道,Tab,Ctrl/Cmd + A,Ctrl / Cmd + C以及Ctrl / Cmd + V分别是自动聚焦、复制、粘贴的快捷键。 而对普通用户可能就不太容易了。即使用户知道剪贴板是什么,(除了)那些眼神极好或反应很快的人,其他情况下很难以突出显示他们想要的确切文字。若用户不知道键盘快捷键,也看不到隐藏的编辑菜单,或从未使用右键菜单或不知道长按触屏弹出选项菜单,那么他很可能无法察觉到复制功能。 那么我们是否应该提

    阅读全文...

  • ES6 换种思路处理数据

    Posted by : lon.y@qq.com on 2018年2月13日

    Handle javascript data structures with map/reduce 看完本文,希望可以写出更加漂亮、简洁、函数式的代码 reduce reduce 可以用来汇总数据 const customer = [ {id: 1, count: 2}, {id: 2, count: 89}, {id: 3, count: 1} ]; const totalCount = customer.reduce((total, item) =>

    阅读全文...

  • 10 种最常见的 Javascript 错误

    Posted by : lon.y@qq.com on 2018年2月8日

      —— 总结于 1000+ 个项目,并阐述如何避免   原文地址:https://rollbar.com/blog/top-10-javascript-errors/ 更多文章参见: https://github.com/elevenbeans/elevenbeans.github.io 为了回馈我们的开发者社区,我们查看了数千个项目的数据库,发现了 JavaScript 中频度最高的 10 种错误。我们会告诉你什么原因导致了这些错误,以及如何防止这些错

    阅读全文...

  • 实战:图片上传组件开发

    Posted by : lon.y@qq.com on 2018年2月3日

    温馨提示:这里除了一些幼稚的小组件啥也没有 温馨提示-续:这是一个新的系列,写一些实际开发中遇到的一些常用的功能,想法笨拙,代码乱套 写在前面 图片上传,作为web端一个常用的功能,在不同的项目中有不同的需求,在这里实现一个比价基本的上传图片插件,主要能实现图片的浏览,剪裁,上传这三个功能,同时也是为了让自己对图片/文件上传和HTML5中名声在外的canvas相关能够有一些了解 我就要自行车 – 需求整理 放眼WWW,一般的图片上传模块,主要就是实现了三个

    阅读全文...

  • VUE 使用中踩过的坑

    Posted by : lon.y@qq.com on 2018年2月3日

    前言 vue如今可谓是一匹黑马,github star数已居第一位!前端开发对于vue的使用已经越来越多,它的优点就不做介绍了, 本篇是我对vue使用过程中以及对一些社区朋友提问我的问题中做的一些总结,帮助大家踩坑。如果喜欢的话可以点波赞,或者关注一下,希望本文可以帮到大家!!! ———-我是分割线 本篇介绍的问题大概如下: 路由变化页面数据不刷新问题 setTimeout/setInterval(泛指异步回掉函数的this指向)this指向改变,无法用t

    阅读全文...

  • 2017 年里学习 JavaScript 感觉如何?

    Posted by : lon.y@qq.com on 2018年2月2日

    写给还没开始阅读本文的读者,本文是对《2016 年里做前端是怎样一种体验》的回复。和其他人的回复不同,这篇文章包含了一款app 的完整代码,这款 app 与之前问到的那款类似。 问: 嗨,我拿到了一个新的web项目,但是老实说,我已经有几年没怎么敲过web代码了,而且我读了些文章,发现这几年web开发好像光景大变。你是走在最前面的web开发人员,对吧? 答: 我觉得可以这么说。 问: 很酷啊。我需要创建一个能够反映用户最新活动的页面,所以我仅需从REST终

    阅读全文...