Clik here to view.
【转载】React 初学者教程10：React 中的事件
本文转载自：众成翻译译者：网络埋伏纪事链接：http://www.zcfy.cc/article/1543原文：https://www.kirupa.com/react/events_in_react.htm概述：通过学习如何处理事件，学习如何将无趣的 React 应用变为有趣而具互动性的应用。迄今为止，我们所有的示例都是只在页面加载时执行。你可能会猜到，这是不正常的。在很多应用中，特别是重 UI...
View ArticleClik here to view.
【转载】React 初学者教程11：组件的生命周期
本文转载自：众成翻译译者：网络埋伏纪事链接：http://www.zcfy.cc/article/1545原文：https://www.kirupa.com/react/component_lifecycle.htm概述：学习生命周期方法，从而更好地理解组件能做和不能做什么。在开始，我们以一个很简单的视图组件以及他们要做什么开始。随着我们对 React...
View ArticleClik here to view.
【转载】React 初学者教程12：在 React 中用 React Router 创建单页应用
本文转载自：众成翻译译者：网络埋伏纪事链接：http://www.zcfy.cc/article/1547原文：https://www.kirupa.com/react/creating_single_page_app_react_using_react_router.htm概述：通过学习如何使用 React Router 来创建一个单页应用，来提升 React 技能。现在我们已经熟悉了 React...
View ArticleClik here to view.
【转载】React 初学者教程13：用 React 创建一个简单的 Todo List 应用
本文转载自：众成翻译译者：网络埋伏纪事链接：http://www.zcfy.cc/article/1554原文：https://www.kirupa.com/react/simple_todo_app_react.htm概述：通过学习如何创建经典的 Todo List 应用，将所有学过的 React 技巧投入到实战中。如果说创建 “Hello, World!” 示例是庆祝你开始涉足...
View ArticleClik here to view.
【转载】React 初学者教程14：在React中访问DOM元素
本文转载自：众成翻译译者：网络埋伏纪事链接：http://www.zcfy.cc/article/1558原文：https://www.kirupa.com/react/accessing_dom_elements.htm有时我们需要直接访问 HTML 元素上的属性和方法。在 React 的缤纷世界里，JSX 代表纯粹的标记，那么为什么你会想要直接处理可怕的 HTML...
View ArticleClik here to view.
【转载】React初学者教程15：设置React开发环境
本文转载自：众成翻译译者：网络埋伏纪事链接：http://www.zcfy.cc/article/1556原文：https://www.kirupa.com/react/setting_up_react_environment.htm概述：学习如何配置 Node、Babel 和 Webpack 来高效创建 React 应用。最后要学习的是如何设置创建 React...
View ArticleClik here to view.
CSS Grid布局：理解CSS Grid中自动排列的算法
在这个系列教程中的《列和间距》一文中了解到了在CSS Grid布局中如何实现流体网格列和列间距。也了解到了没有必要指定网格项目具体的值就可以实现网格项目的排列位置。如果显式声明网格属性，网格项目根据自动排列算法，会使网格排列变得更糟糕。在这篇文章中我们将看看这个算法是如何影响网格项目的位置排列。配置如果你的浏览器不支持CSS...
View ArticleClik here to view.
如何在Web中使用CSS Shapes
布局一般都是遵循按行和列等线性原则，Web网站的布局到今天为止很大程度上受到这些原则的影响。虽然CSS Grid的出现让布局变得更好，更灵活，但相对于印刷媒体而言，Web布局总体上还是受到很好的限制，特别是内容流上。杂志和报纸一直有很好的办法来安排内容。比如文本绕着非矩形排列。直到目前为止，Web上的布局都局限于规则矩形排列，无法让内容流实现非矩形布局。接下来让我们一起探讨如何使用CSS...
View ArticleClik here to view.
如何成为一位函数式编程爱好者(Part 2)
踏出理解函数式编程概念的第一步是最重要的一步，有时也是最难的一步。不过也不一定，取决于你们的思考方式。友情提示请仔细通读示例代码。确保自己的确看懂了。每一节都是在上一节的基础上进行的。如果你心急跳过了，对后面部分的理解就可能会出现偏差。重构花一分钟时间考虑一下如何重构下面的JavaScript代码：function validateSsn(ssn) { if...
View ArticleClik here to view.
前端的学习
思考许久才动笔写这篇文章。那么问题来了？为什么要写这篇文章呢？其实有一定的原因：万能的知乎上常有同学邀请我回答：今年26岁，女生，想要学Web前端开发，0基础？作为一个刚入门的前端爱好者，以后立志成为前端攻城狮的我，应该要学习哪些方面的知识？我想做Web，怎么学习？...自从录制前端视频上线之后，也有一些同学问我类似的问题，而且也有同学问，应不应该购买视频，或者说参加线下前端培训班，或者说还是自己自...
View Article腾讯深圳ISUX UI开发（前端开发、网站重构)
腾讯深圳ISUX UI开发（前端开发、网站重构)toB业务，产品竞争对手 Microsoft Azure，Amazon Web Services， 阿里云。主要负责腾讯云项目 你将会与我们的交互、视觉设计师亲密合作，你将会站在用户的角度，利用自己的专业知识提供优雅的前端代码，同时保证产品在各个平台上的一致性（并非指代每一个像素一模一样）。联系方式联系QQ...
View ArticleClik here to view.
2016 CSS Dev Conf会议笔记
这篇文章主要是整理了国外两场有关于CSS分享大会分享的相关主题，前面一部分是@Chris Coyier在CSS Dev Conf大会上做的相关笔记。最后在文章末尾附上了2016年CSS Conf分享的相关主题。如果你对CSS相关话题感兴趣的话，可以关注2016年12月17日在中国广州举办的第三届CSS...
View ArticleClik here to view.
【转载】React 初学者教程11：组件的生命周期
本文转载自：众成翻译译者：网络埋伏纪事链接：http://www.zcfy.cc/article/1545原文：https://www.kirupa.com/react/component_lifecycle.htm概述：学习生命周期方法，从而更好地理解组件能做和不能做什么。在开始，我们以一个很简单的视图组件以及他们要做什么开始。随着我们对 React...
View ArticleClik here to view.
使用CSS处理图像效果
一直以来在大家的印象中，处理图像的效果都应该是设计师的工具，甚至这些事情应该都交给PhotoShop之类的设计软件来完成。但是随着CSS的技术发展以及浏览器更新，前端人员通过CSS也可以做一些图像的处理。今天就是想跟大家聊聊如何通过CSS来处理图像效果。处理图像效果的CSS属性处理图像效果分很多种，比如说：改变图像大小：使用CSS的width和height或者使用CSS的transform中的sca...
View ArticleClik here to view.
如何制作水球动画图？
起因在 echart 的 Issue 上看到有人有水球百分比可视图的需求, 并且在 pull-request 上看到有人有类似实现，但是却感觉实现的并不完美，于是想自己尝试实现。样式思路主要的核心代码还是水波动画的构建，这里我使用的是 Sin()图像模拟的方法。 只要对 Sin()函数进行一定的变形 （如： Sin(0.5 * (X+0.07))） 就能够模拟出类似的水波效果。如何实现动画呢？...
View ArticleClik here to view.
布局演变史
最近有一个关于CSS的话题“既然写CSS很容易，那为什么大家还是把CSS写的那么烂呢？”。对于这样的话题，大家或许觉得没有什么，顶多也就是各种槽点。但事实上，在天朝CSS很多时候是不被看好，相比国外的同行，很少有人在专研CSS领域。这也造成，能写好CSS的同学不多，甚至说越来越少。今天我也想借着@裕波举办的“中国CSS开发者大会（第三届）”即将来临之际说说CSS。我要说的不是如何写好CSS，或者说学...
View ArticleClik here to view.
CSS新特性
前段时间有个关于CSS的话题“既然写CSS很容易，那为什么大家还是把CSS写的那么烂呢”？其实这样的话题一直都存在。不过这里我要说的不是能不能写好CSS，我想和大家一起分享几个CSS的新特性。这个也是上周在天津在线回声公司分享的一个话题。整理一下有关于PPT中的内容，希望对大家有所帮助。点击这里，可以下载PPT，不过自备天梯。聊CSS新特性现状印象中，每次聊到CSS的新特性，大家都比较会排斥，觉得这...
View ArticleClik here to view.
【转载】原生CSS网格布局学习笔记
本文转载自：众成翻译译者：Geoff链接：http://www.zcfy.cc/article/1762原文：https://css-tricks.com/things-ive-learned-css-grid-layout/以下是来自Oliver Williams的帖子。...
View ArticleClik here to view.
如何成为一位函数式编程爱好者(Part 3)
踏出理解函数式编程概念的第一步是最重要的一步，有时也是最难的一步。不过也不一定，取决于你们的思考方式。函数组合身为程序员，我们很懒。不想在写完代码后一遍又一遍地构建，测试，发布。我们总是在寻找只写一次然后在其它地方多次复用的方法。代码复用听上去很棒但实现起来很难。代码太定制化就不能重用，太通用化的代码首先就很难用。所以我们需要的是平衡两者的方法，将小的，可重用代码块像积木一样通过组合来实现更复杂的功...
View ArticleClik here to view.
如何成为一位函数式编程爱好者(Part 4)
踏出理解函数式编程概念的第一步是最重要的一步，有时也是最难的一步。不过也不一定，取决于你们的思考方式。柯里化如果你还记得Part...
View Article