摘要: 最近使用 Sublime 写 SASS 的时候需要使用高亮功能,通过 Package Control 安装了相关插件,但是安装之后没有反应,再次打开 Package Control 的时候,已经搜索不到相关的插件内容,证明该插件已经被正确安装,但是通过 Sublime 的菜单栏 Preference 阅读全文
posted @ 2017-03-05 22:33 叙帝利 阅读(1614) 评论(0) 推荐(0) 编辑
摘要: 原文:intro-to-vue-5-animations 译者:nzbin 译者的话:经过两周的努力,终于完成了这个系列的翻译,由于时间因素及个人水平有限,并没有详细的校对,其中仍然有很多不易理解的地方。我和原作者的初衷一样,希望大家能够通过这个系列文章有所收获,至少可以增加学习的乐趣,我也在学习的 阅读全文
posted @ 2017-02-22 21:58 叙帝利 阅读(45394) 评论(11) 推荐(12) 编辑
摘要: 原文:intro-to-vue-4-vuex 译者:nzbin 这是关于 JavaScript 框架 Vue.js 五个教程的第四部分。在这一部分,我们会学习使用 Vuex 进行状态管理。这个系列教程并不是一个完整的用户手册,而是通过基础知识让你快速了解 Vuejs 以及它的用途。 系列文章: 渲染 阅读全文
posted @ 2017-02-15 17:49 叙帝利 阅读(8748) 评论(1) 推荐(5) 编辑
摘要: 原文:intro-to-vue-3-vue-cli-lifecycle-hooks 译者:nzbin 这是 JavaScript 框架 Vue.js 五篇教程的第三部分。在这一部分,我们将学习 Vue-cli ,还会涉及真实的开发流程。这个系列教程并不是一个完整的用户手册,而是通过基础知识让你快速了 阅读全文
posted @ 2017-02-12 16:43 叙帝利 阅读(7126) 评论(1) 推荐(1) 编辑
摘要: 原文:intro-to-vue-2-components-props-slots 译者:nzbin 这是关于 JavaScript 框架 Vue.js 五个教程的第二部分。在这一部分,我们将学习组件,Props 以及 Slots。这个系列教程并不是一个完整的用户手册,而是通过基础知识让你快速了解 V 阅读全文
posted @ 2017-02-10 00:03 叙帝利 阅读(9603) 评论(4) 推荐(7) 编辑
摘要: 原文:intro-to-vue-1-rendering-directives-events 译者:nzbin 如果要我用一句话描述使用 Vue 的经历,我可能会说“它如此合乎常理”或者“它提供给我需要的工具,而且没有妨碍我的工作”。每当学习 Vue 的时候,我都很高兴,因为很有意义,而且很优雅。 以 阅读全文
posted @ 2017-02-07 23:59 叙帝利 阅读(6792) 评论(9) 推荐(18) 编辑
摘要: 生成相邻不重复随机数是之前抽奖插件的遗留问题,在之前的文章中已经简单说过,但没有更好的解决方案。经过一个多月的修改,抽奖插件已经趋于完善,在此分享一下这个问题的解决方法。以下是最初的方法,但是会出现一个单独的全局变量,整体而言稍显多余,不算完美。 为了避免多余的全局变量,需要使用立即执行函数以及闭包 阅读全文
posted @ 2017-01-31 22:58 叙帝利 阅读(1452) 评论(0) 推荐(0) 编辑
摘要: 我在写插件时用到了 onresize 事件,在反复地测试后发现该事件在 Chrome 及 Opera(内核基本与 Chrome 相同,以下统称 Chrome)浏览器打开时就会执行,这种情况也许不能算作 bug 吧,估计他们的工程师认为浏览器打开时也算窗口发生了变化。解决问题之前我搜索了相关内容,确实 阅读全文
posted @ 2017-01-05 23:39 叙帝利 阅读(1100) 评论(8) 推荐(0) 编辑
摘要: 原文:Build a universal React and Node App 演示:https://judo-heroes.herokuapp.com/ 译者:nzbin 译者的话:这是一篇非常优秀的 React 教程,该文对 React 组件、React Router 以及 Node 做了很好的 阅读全文
posted @ 2016-12-31 11:39 叙帝利 阅读(8347) 评论(6) 推荐(3) 编辑
摘要: 本文主要介绍了添加下划线样式的几乎所有方法,并且比较了每一种方法的优缺点。没想到之前一直没有注意的下划线还有这么多玄机奥秘! 本文由 叙帝利 翻译,艾凌风 校稿。未经许可,禁止转载! 英文出处:css-tricks.com 发表地址:http://web.jobbole.com/89425/ 有很多 阅读全文
posted @ 2016-12-17 16:00 叙帝利 阅读(3956) 评论(0) 推荐(2) 编辑
摘要: 这是昨天面试时碰到的一道算法题:任意数分三组,使得每组的和尽量相等(感谢博友提供的关于该问题的相关资料 划分问题)。由于时间仓促,加之面试时头昏脑涨,这道题没做出来甚至没有给出思路,这让我多少有些遗憾和不甘。因为最近接触算法的东西较多而且本身对算法感兴趣,所以回家之后绞尽脑汁想把这题做出来。其实刚看 阅读全文
posted @ 2016-12-16 21:29 叙帝利 阅读(9426) 评论(39) 推荐(3) 编辑
摘要: GitHub: https://github.com/nzbin/CardShow/ Demo: https://nzbin.github.io/CardShow/ 前言 这个小项目(卡片秀)是一个卡片抽奖特效插件,用开源项目这样的词语让我多少有些羞愧,毕竟作为一个涉世未深的小伙子,用项目的标准衡量 阅读全文
posted @ 2016-12-01 23:50 叙帝利 阅读(3779) 评论(13) 推荐(7) 编辑
摘要: 首先看一下 MDN 上关于 pointer-events 的介绍: CSS属性 pointer-events 允许作者控制特定的图形元素在何时成为鼠标事件的 target。当未指定该属性时,SVG 内容表现如同 visiblePainted。 除了指定元素不成为鼠标事件的目标,none 值还指示鼠标 阅读全文
posted @ 2016-11-06 16:34 叙帝利 阅读(12308) 评论(0) 推荐(0) 编辑
摘要: 这是我在面试大公司时碰到的一个笔试题,当时自己云里雾里的胡写了一番,回头也曾思考过,最终没实现也就不了了之了。 昨天看到有网友说面试中也碰到过这个问题,我就重新思考了这个问题的实现方法。 对于想进大公司的童鞋,我想多说两句,基础知识真的很关键。平时在工作中也深刻体会到,没有扎实的基础知识,简单问题容 阅读全文
posted @ 2016-11-05 17:22 叙帝利 阅读(4048) 评论(4) 推荐(6) 编辑
摘要: 原文:The State of CSS Reflections 译者:nzbin 友情提示:由于演示 demo 的兼容性,推荐火狐浏览。该文章篇幅较长,内容庞杂,有一定难度。而我本人学识有限,加之时间仓促,所翻译内容可能有不恰当及晦涩之处。欢迎大家拍砖指正。 我最近在 codePen 上看到了这个 阅读全文
posted @ 2016-09-24 16:12 叙帝利 阅读(1577) 评论(2) 推荐(6) 编辑
摘要: 疑难杂症 该画廊特效的特点就是前后元素有层级关系。 我想很多人应该看过或者用过这个插件carousel.js,网上也有相关的教程。不知道这个插件的原型是哪个,有知道的朋友可以告诉我。 该插件相对完美,但是实际在项目中使用时却发现了一个令人头疼的bug。如果图片只有三张,旋转过度时会出现如下的交叉紊乱 阅读全文
posted @ 2016-09-06 17:06 叙帝利 阅读(1162) 评论(0) 推荐(0) 编辑
摘要: 原文:fun-times-css-pixel-art 译者:nzbin 友情提示:由于国内网络的原因,CodePen可能会打不开或者非常慢,请耐心等待! 像素艺术作为一种遗失的艺术形式,与超清晰,高分辨率图片相比黯然失色。我在 CodePen 上浏览时偶然发现了一些像素艺术,它提醒我这种艺术是多么令 阅读全文
posted @ 2016-09-03 23:42 叙帝利 阅读(1544) 评论(2) 推荐(4) 编辑
摘要: 维基百科地址:https://en.wikipedia.org/wiki/Parallax_scrolling 视察滚动是计算机图形学以及网页设计中的技术。原理就是在二维场景中创建一个深度错觉,背景图像跟随摄影机移动的速度比前景图像要慢。该技术起源于20世纪30年代在传统动画中使用的多平面成像技术。 阅读全文
posted @ 2016-08-25 14:46 叙帝利 阅读(945) 评论(0) 推荐(0) 编辑
摘要: 本文是对 Yeoman 官网教学案例的翻译。 STEP 1:设置开发环境 与 Yeoman 的所有交互都是通过命令行。Mac 系统使用 terminal.app,Linux 系统使用 shell,windows 系统可以使用 cmder/PowerShell/cmd.exe。 1.1 安装条件 安装 阅读全文
posted @ 2016-08-08 22:56 叙帝利 阅读(18732) 评论(0) 推荐(2) 编辑
摘要: 原文:A look into writing future CSS with PostCSS and cssnext 译者:nzbin 像 Twitter,Google,BBC 使用的一样,我打算对 CSS 后处理器 PostCSS 的世界一探究竟。 PostCSS是什么? PostCSS 是使用 阅读全文
posted @ 2016-08-06 20:05 叙帝利 阅读(10207) 评论(0) 推荐(4) 编辑