• 2018 年 2 月 15 个有意思的 JavaScript 和 CSS 库

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

    我们在Tutorialzine上的任务就是让你了解最新最酷的Web发展趋势。这就是为什么我们每个月都会发布一些我们偶然发现并认为值得你关注的最佳资源的缘由。 Direction Reveal (方向展示) 该插件检测光标进入或离开块时的方向,允许你使用各种酷炫特效和过渡。它提供了一些开箱即用的CSS动画,让你可以轻松创建自己的CSS动画。 Carbon Carbon允许你创建并分享代码组成的美丽图像。你所需要做的就是将你的代码粘贴到编辑器中,或直接自己编写

    阅读全文...

  • Canvas 动画之支付宝价格拖动选择

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

    效果源码 终于到年底了,再过两天我也要回家过年了,想想就激动呢!今天给大家带来一个基于移动端的canvas价格选择效果。 主要功能就是拖动标尺变动价格。而且支付宝和京东金融的里也有这样的效果(果然天下设计都是你抄我我抄你啊

    阅读全文...

  • 什么是 LLVM?Swift, Rust, Clang 等语言背后的支持

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

    要了解用于以编程方式生成机器原生代码的编译器框架是如何让新语言的推出以及对现有的语言进行增强比以往更加容易了。 新的语言,还有对现有语言的提升,在整个编程环境中正大行其道。Mozilla 的 Rust、Apple 的 Swift、Jetbrains 的 Kotlin,以及许多其它的语言都给开发者在速度、安全性、便利性、可移植性还有能力这些方面提供了新的选择。 为什么现在正当时呢?一个大因素就是那些用来构建语言的新工具,特别是编译器。它们中首当其冲就是 LL

    阅读全文...

  • webpack 4正式发布,速度最高可提升98%

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

    代号: _Legato 今天我们愉快的宣布 webpack 4(Legato)正式发布了!你可以使用 yarn 或者 npm 获得它: $> yarn add webpack --dev 或者 $> npm i webpack --save-dev 为什么叫 Legato? 首先我们会开始一个新传统:为我们以后的每个大版本设定代号!因此,我们决定将命名这个特权给予我们最大的 OpenCollective 捐赠者:trivago! 当我们向其发出请求后他们是

    阅读全文...

  • 每个系统管理员都要知道的 30 个 Linux 系统监控工具

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

    您需要监控 Linux 服务器的性能吗?试试用这些内置命令和附加工具吧!大多数 Linux 发行版都附带了大量的监控工具。这些工具提供了获取系统活动的相关指标。您可以使用这些工具来查找性能问题的可能原因。本文提到的是一些基本的命令,用于系统分析和服务器调试等,例如: 找出系统瓶颈 磁盘(存储)瓶颈 CPU 和内存瓶颈 网络瓶颈 1. top – 进程活动监控命令 top 命令会显示 Linux 的进程。它提供了一个运行中系统的实时动态视图,即实际的进程活动

    阅读全文...

  • 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 这个螃蟹

    阅读全文...

  • 你需要 Mobx 还是 Redux ?

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

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

    阅读全文...

  • 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 了,不仅兑现了之前的承诺,还带来了诸多新特性,在用户使用的体验上也作了诸多改进。 安装

    阅读全文...

  • 开源巨献:2017 年 Google 开源了这些超赞的项目

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

    春节小长假,走亲访友之余,还可以利用一些零碎的时间收集学习资料,给自己充充电,好在 2018 年成为更优秀的自己。我们知道在开源和贡献开源方面,Google 一直是行业的典范。2017 年它开源了哪些优秀的软件,有哪些值得我们借鉴学习呢?让我们一起来看下:   1、硬件加速的机器学习 JavaScript 库 DeepLearn.js DeepLearn.js 是 Google 推出的一个可用于机器智能并加速 WebGL 的开源 JavaScript 库,

    阅读全文...