放荡不羁爱自由

摘要： 本文由 叙帝利 翻译，黄利民 校稿。未经许可，禁止转载！ 英文出处：Loops in CSS Preprocessors 发表地址：http://web.jobbole.com/91016/ 如果你看过老的科幻电影，你一定知道循环的强大之处。给你的机器人克星设置无限循环，它就会爆炸，然后机器人灰飞烟 阅读全文

摘要： 最近使用 Sublime 写 SASS 的时候需要使用高亮功能，通过 Package Control 安装了相关插件，但是安装之后没有反应，再次打开 Package Control 的时候，已经搜索不到相关的插件内容，证明该插件已经被正确安装，但是通过 Sublime 的菜单栏 Preference 阅读全文

摘要： 原文：intro-to-vue-5-animations 译者：nzbin 译者的话：经过两周的努力，终于完成了这个系列的翻译，由于时间因素及个人水平有限，并没有详细的校对，其中仍然有很多不易理解的地方。我和原作者的初衷一样，希望大家能够通过这个系列文章有所收获，至少可以增加学习的乐趣，我也在学习的 阅读全文

摘要： 原文：intro-to-vue-4-vuex 译者：nzbin 这是关于 JavaScript 框架 Vue.js 五个教程的第四部分。在这一部分，我们会学习使用 Vuex 进行状态管理。这个系列教程并不是一个完整的用户手册，而是通过基础知识让你快速了解 Vuejs 以及它的用途。 系列文章: 渲染 阅读全文

摘要： 原文：intro-to-vue-3-vue-cli-lifecycle-hooks 译者：nzbin 这是 JavaScript 框架 Vue.js 五篇教程的第三部分。在这一部分，我们将学习 Vue-cli ，还会涉及真实的开发流程。这个系列教程并不是一个完整的用户手册，而是通过基础知识让你快速了 阅读全文

摘要： 原文：intro-to-vue-2-components-props-slots 译者：nzbin 这是关于 JavaScript 框架 Vue.js 五个教程的第二部分。在这一部分，我们将学习组件，Props 以及 Slots。这个系列教程并不是一个完整的用户手册，而是通过基础知识让你快速了解 V 阅读全文

摘要： 原文：intro-to-vue-1-rendering-directives-events 译者：nzbin 如果要我用一句话描述使用 Vue 的经历，我可能会说“它如此合乎常理”或者“它提供给我需要的工具，而且没有妨碍我的工作”。每当学习 Vue 的时候，我都很高兴，因为很有意义，而且很优雅。 以 阅读全文

摘要： 生成相邻不重复随机数是之前抽奖插件的遗留问题，在之前的文章中已经简单说过，但没有更好的解决方案。经过一个多月的修改，抽奖插件已经趋于完善，在此分享一下这个问题的解决方法。以下是最初的方法，但是会出现一个单独的全局变量，整体而言稍显多余，不算完美。 为了避免多余的全局变量，需要使用立即执行函数以及闭包 阅读全文

摘要： 我在写插件时用到了 onresize 事件，在反复地测试后发现该事件在 Chrome 及 Opera（内核基本与 Chrome 相同，以下统称 Chrome）浏览器打开时就会执行，这种情况也许不能算作 bug 吧，估计他们的工程师认为浏览器打开时也算窗口发生了变化。解决问题之前我搜索了相关内容，确实 阅读全文

摘要： 原文：Build a universal React and Node App 演示：https://judo-heroes.herokuapp.com/ 译者：nzbin 译者的话：这是一篇非常优秀的 React 教程，该文对 React 组件、React Router 以及 Node 做了很好的 阅读全文

摘要： 本文主要介绍了添加下划线样式的几乎所有方法，并且比较了每一种方法的优缺点。没想到之前一直没有注意的下划线还有这么多玄机奥秘！ 本文由 叙帝利 翻译，艾凌风 校稿。未经许可，禁止转载！ 英文出处：css-tricks.com 发表地址：http://web.jobbole.com/89425/ 有很多 阅读全文

摘要： 这是昨天面试时碰到的一道算法题：任意数分三组，使得每组的和尽量相等（感谢博友提供的关于该问题的相关资料 划分问题）。由于时间仓促，加之面试时头昏脑涨，这道题没做出来甚至没有给出思路，这让我多少有些遗憾和不甘。因为最近接触算法的东西较多而且本身对算法感兴趣，所以回家之后绞尽脑汁想把这题做出来。其实刚看 阅读全文

摘要： GitHub: https://github.com/nzbin/CardShow/ Demo: https://nzbin.github.io/CardShow/ 前言 这个小项目（卡片秀）是一个卡片抽奖特效插件，用开源项目这样的词语让我多少有些羞愧，毕竟作为一个涉世未深的小伙子，用项目的标准衡量 阅读全文

摘要： 首先看一下 MDN 上关于 pointer-events 的介绍： CSS属性 pointer-events 允许作者控制特定的图形元素在何时成为鼠标事件的 target。当未指定该属性时，SVG 内容表现如同 visiblePainted。 除了指定元素不成为鼠标事件的目标，none 值还指示鼠标 阅读全文

摘要： 这是我在面试大公司时碰到的一个笔试题，当时自己云里雾里的胡写了一番，回头也曾思考过，最终没实现也就不了了之了。 昨天看到有网友说面试中也碰到过这个问题，我就重新思考了这个问题的实现方法。 对于想进大公司的童鞋，我想多说两句，基础知识真的很关键。平时在工作中也深刻体会到，没有扎实的基础知识，简单问题容 阅读全文

摘要： 原文：The State of CSS Reflections 译者：nzbin 友情提示：由于演示 demo 的兼容性，推荐火狐浏览。该文章篇幅较长，内容庞杂，有一定难度。而我本人学识有限，加之时间仓促，所翻译内容可能有不恰当及晦涩之处。欢迎大家拍砖指正。 我最近在 codePen 上看到了这个 阅读全文

摘要： 疑难杂症 该画廊特效的特点就是前后元素有层级关系。 我想很多人应该看过或者用过这个插件carousel.js，网上也有相关的教程。不知道这个插件的原型是哪个，有知道的朋友可以告诉我。 该插件相对完美，但是实际在项目中使用时却发现了一个令人头疼的bug。如果图片只有三张，旋转过度时会出现如下的交叉紊乱 阅读全文

摘要： 原文：fun-times-css-pixel-art 译者：nzbin 友情提示：由于国内网络的原因，CodePen可能会打不开或者非常慢，请耐心等待！ 像素艺术作为一种遗失的艺术形式，与超清晰，高分辨率图片相比黯然失色。我在 CodePen 上浏览时偶然发现了一些像素艺术，它提醒我这种艺术是多么令 阅读全文

摘要： 维基百科地址：https://en.wikipedia.org/wiki/Parallax_scrolling 视察滚动是计算机图形学以及网页设计中的技术。原理就是在二维场景中创建一个深度错觉，背景图像跟随摄影机移动的速度比前景图像要慢。该技术起源于20世纪30年代在传统动画中使用的多平面成像技术。 阅读全文

摘要： 本文是对 Yeoman 官网教学案例的翻译。 STEP 1：设置开发环境 与 Yeoman 的所有交互都是通过命令行。Mac 系统使用 terminal.app，Linux 系统使用 shell，windows 系统可以使用 cmder/PowerShell/cmd.exe。 1.1 安装条件 安装 阅读全文