Clik here to view.
深入了解一个超快的 CSS 引擎: Quantum CSS (也称 Stylo)
本文转载自：众成翻译译者：Mactavish链接：http://www.zcfy.cc/article/4041原文：https://hacks.mozilla.org/2017/08/inside-a-super-fast-css-engine-quantum-css-aka-stylo或许你听说过 Quantum 项目。 它是对于 Firefox 内部的一个重大改写，以达到让 Firefox...
View ArticleClik here to view.
写CSS的姿势
前两天去帝都参加第三届FEDay前端开发者大会，见了很多老朋友，也认识了很多新朋友。最主要的是听了很多大神的分享，涨了不少的姿势。想写这篇文章的出发点是PostCSS作者@Andrey...
View ArticleClik here to view.
使用 Paint Timing API
本文转载自：众成翻译译者：Yves yao审校: huangxiaolu链接：http://www.zcfy.cc/article/4038原文：https://css-tricks.com/paint-timing-api现在是成为 Web 性能爱好者的最佳时间，特别是 Chrome 60 的 Paint Timing API 的出现更加证明了这一事实。虽说 Paint Timing API...
View ArticleClik here to view.
理解JavaScript中的作用域
JavaScript有一个名为scope的特性。尽管对于许多新开发人员来说，scope的概念并不是那么容易理解，但我还是会尽我最大的努力，用最简单的内容向你们阐述scope。理解scope将使你的代码脱颖而出，减少错误，并帮助您使用它做出强大的设计模式。什么是Scopescope是在运行时，代码中某些特定部分的变量、函数和对象的可访问性。换句话说，scope决定了代码中变量和其他资源的可见性。Sco...
View ArticleClik here to view.
如何改变表单控件光标颜色
表单大家应该不陌生，当然了，今天并不是来聊怎么做表单或者处理表单的样式网格。而是来聊聊怎么改变表单控件中光标的颜色。不知道在大家心中，表单控件的光标颜色是根据color属性来控制的。那么如果需要用CSS来改变表单控件，比如说input或者textarea元素的光标颜色，应该怎么处理呢？先来上张图吧，我们要的效果类似这样的：默认光标颜色为了节省时间，直接用Bootstrap表单组件为例。.form-c...
View ArticleClik here to view.
JavaScript中的作用域和闭包
作用域和闭包在JavaScript中是两个很重要的概念。刚开始接触的时候，他们一直让我感到非常的困惑。下面是对作用域和闭名解释，以帮助你能更好的了解它们是什么？先从作用域开始。作用域在JavaScript中，作用域定义了你可以访问的变量。作用域有两种类似 ——...
View ArticleClik here to view.
JavaScript 核心概念之作用域和闭包
本文转载@愚人码头的《JavaScript 核心概念之作用域和闭包》一文，如需转载，烦请注明原文出处：http://www.css88.com/archives/7262相信大家已经阅读了很多关于作用域和闭包文章，我也一样。作用域和闭包是 JavaScript...
View ArticleClik here to view.
Clik here to view.
CSS中的艺术
本文介绍了用于大型Web应用程序（通常是SPA）的CSS最新趋势。我不想质疑这是对的还是错的，而是把它们列出来。以供大家参考和讨论。最初，Web页面被设计成具有超链接的信息页面（即使图像也不应该是内联的——它被解释为，在1990年，带宽和计算机资源非常小），类似交互式图书的东西。CSS的设计是为了添加一些基本的样式，最初它看起来像是一个好主意，用你自己的风格覆盖外部风格。现在，它绝对是一个疯狂的想法...
View ArticleClik here to view.
可视化介绍CSS Modules是什么？
你是否曾经为组件设计过样式，却只知道应用了不需要的CSS规则?也许你会重新考虑CSS的另一个部分，所以规则不适用，或者你会添加!important规则，只是为了让它发挥作用。这就是CSS Modules要解决的问题。让我们看看CSS Modules的官方定义：A CSS Module is a CSS file in which all class names and animation names...
View Article理解CSS模块化
本文转载自：众成翻译译者：谢于中链接：http://www.zcfy.cc/article/1329原文：https://www.sitepoint.com/understanding-css-modules-methodology/在瞬息万变的前端开发世界中，很难找到一个真正有意义的概念，并且将其清晰明了的向广大人民群众普及。把目光投向CSS，一个重大转折就是CSS预处理器的出现（在工具方面来看）...
View ArticleClik here to view.
什么是CSS模块以及你为什么需要它们？
本文转载自：众成翻译译者：@Yawenina链接：http://www.zcfy.cc/article/970原文：https://css-tricks.com/css-modules-part-1-need/我最近对CSS模块很好奇。如果你还没有听说过它们，这篇文章就是为你而写。我们将了解CSS模块以及它的目的是什么。如果你也感兴趣，请持续跟踪，下一篇文章将关于怎样使用CSS模块。如果你想进一步提...
View ArticleClik here to view.
开始CSS模块
本文转载自：众成翻译译者：@Yawenina链接：http://www.zcfy.cc/article/1011原文：https://css-tricks.com/css-modules-part-2-getting-started/这里不止一种方法来让CSS模块与JavaScript模板、CSS文件或者构建步骤运行起来。这篇文章作为CSS模块系列文章的一部分，我们学习一种方法。本文的目的就是开始一...
View ArticleClik here to view.
Webpack入门 以及 CSS模块化
本文转载自：众成翻译译者：@miaoyu链接：http://www.zcfy.cc/article/2773原文：//css-tricks.com/css-modules-part-3-react/这是讲CSS模块化系列文章的最后一篇，我将探索如何通过Webpack来建一个静态的React网站。这个静态网站将包含模板：一个主页和一个包含几个React组件的页面。我们来看看他们是怎么运作的。系列文章第...
View ArticleClik here to view.
使用CSS Modules解决权重的烦恼
CSS Modules与W3C无关，而是构建过程的一部分。它编译你的项目，重命名选择器和类，使它变得独一无二作用于各个组件。样式被锁在这些组件中，不能在其他地方使用，除非你有特别需求。前言现在我们已经习惯了Web技术来驱动App，Web App，移动端和PC端的应用程序。但与简单的静态网站不同的是，应用程序通常更动态、更复杂，而且通常包括组件，甚至超出了Bootstrap和ZURB...
View ArticleClik here to view.
PostCSS-modules: 让CSS变得更强大
多年来，我们一直与全局CSS作斗争。现在是时候结束它了。不管你使用哪种语言或框架，CSS命名的冲突不再是问题。我将向你展示如何使用PostCSS和PostCSS-modules在服务端自动处理它。CSS最初只是用来美化文档的一种工具。自1996年以来，许多事情发生了变化。浏览器不再是文档查看器了。聊天、工作、游戏，几乎没有任何浏览器不能做到的。现在，我们比在HTML中标记文本和使用CSS开发内容的网...
View ArticleClik here to view.
编写模块化CSS：BEM
本文转载自：众成翻译译者：@smartsrh链接：http://www.zcfy.cc/article/3042原文：https://zellwk.com/blog/css-architecture-1/你是否做过多页面的大型网站或者其中一部分？如果你做过，你可能会意识到 CSS 架构不够强大所带来的恐惧。你可能还会研究如何编写可维护的...
View ArticleClik here to view.
编写模块化的CSS:命名空间
本文转载自：众成翻译译者：@倩妹纸好喜欢喵咪完全木抵抗力链接：http://www.zcfy.cc/article/3112原文：https://zellwk.com/blog/css-architecture-2/上周，我分享了如何使用BEM创建一个合理的CSS架构。 虽然BEM很棒，但它只是解决方案的一部分。 还有另一部分我还没有提到 ——...
View ArticleClik here to view.
编写模块化的CSS:CSS文件组织结构
本文转载自：众成翻译译者：@小天同学链接：http://www.zcfy.cc/article/3048原文：https://zellwk.com/blog/css-architecture-3/在之前两篇文章中我们已经讨论过如何使用BEM和Namespace来编写模块化的CSS。这篇文章中，我想避开把CSS选择器作为CSS文件结构和组织的依据的方法。如果你思考过关于什么是文件组织的最佳实践，或者怎...
View ArticleClik here to view.
从零学习 React 技术栈系列教程
Hello大家好，我是余博伦，在接下来的一段时间里，由我和大家从零开始共同学习React技术栈的相关知识。教程将会以连载的形式发布在我的个人博客和微信公众号上，以文字教程为主，辅以一些代码示例供同学们参考，在连载结束之后，我会将所有内容整理为电子书提供下载。连载时教程会在每日早晨由公众号推送，同时为了方便一些外链和代码示例，可以在本博客查看教程。React 是由 Facebook 主导开发的一个...
View Article