1.sass介绍Sass 是一种比较流行的”CSS预处理器”, 是对 CSS 的扩展,让 CSS 语言更强大、优雅。 使得CSS像一门编程语言,编写起来更加高效,易于维护2. 安装(Ubuntu)Sass是Ruby语言写的,但是并不需要懂得Ruby,只需要安装Ruby即可安装...
一、前言Flexbox 是一个 CSS3 的盒子模型 ( box model ),顾名思义它就是一个灵活的盒子 ( Flexible Box ),为什麽最近这个属性才红起来呢?最主要也是因为 CSS3 的规范终于普及 ( 或 IE 终于败亡 ),加上行动装置的发展促成了响应式布局兴起,自适应长宽弹性...
介绍Vue.js 是一个用于创建 web 交互界面的库。从技术角度讲,Vue.js 专注于 MVVM 模型的 ViewModel 层。它通过双向数据绑定把 View 层和 Model 层连接了起来。实际的 DOM 封装和输出格式都被抽象为了 Directives 和 Filters。从哲学角度讲,V...
简介koa 是由 Express 原班人马打造的,致力于成为一个更小、更富有表现力、更健壮的 Web 框架。使用 koa 编写 web 应用,通过组合不同的 generator,可以免除重复繁琐的回调函数嵌套,并极大地提升错误处理的效率。koa 不在内核方法中绑定任何中间件,它仅仅提供了一个轻量优雅...
作为新时代的好码农,使用git和github来进行学习和交流是必备技能之一。什么,你都没听过,我擦勒,还能不能愉快的玩耍了。掌握git和github的使用,可以带你装逼带你飞,比如说,可以抄大婶的代码啊,哈哈...(此处省略一万个暗笑)。还可以直接看流行技术的源码和demo啊,再也不用去各大群里弱弱...
数说前端技术,分类回顾点评。1. 前端1.1 工具1.1.1 构建工具gruntgulpwebpackfis3cooliejdf精彩点评:1.1.2 编译工具babelbrowserify精彩点评:1.1.3 包管理工具npmbowercomponent精彩点评:1.2 前端类库和框架1.2.1 类...
声明:本文基于kazaff翻译的https://medium.com/@meagle/understanding-87566abcfb7a修改,内容仅供交流学习。通过前面两部分的知识讲解,我们可以使用Redux进行项目开发了。但是,要用好Redux,我们需要深入理解并使用其Middleware,并了...
重要提示: 本教程配套示例代码请前往redux-complete-sample下载,课程中会有大量的示例操作,操作说明均基于这个配套的示例代码仓库,所以为了方便学习,请务必下载安装并启动。在前一部分内容中,我们学习了基础部分的Redux知识,并且完成了几个示例练习。如果你已经都能够轻松掌握了,恭喜你...
重要提示: 本教程配套示例代码请前往redux-complete-sample下载,课程中会有大量的示例操作,操作说明均基于这个配套的示例代码仓库,所以为了方便学习,请务必下载安装并启动。在开始往下阅读之前,我默认你已经学习了前面的课程,并且掌握了Webpack、ES6、React等知识的应用。在前...
按照惯例:以下操作前先下载并启动脚手架项目:https://github.com/GuoYongfeng/webpack-dev-boilerplate1. Router,hashHistory,Route首先下载react-router$ npm install react-router --sa...
当你问关于React和AJAX的时候,专家们告诉你的第一件事就是React只是一个view library,而且React没有networking/AJAX的特性。我们都知道但不是特别有帮助的是,当我们只想从服务端拿到数据传递给React Components。事实是,我们会有很多方法来实现。你自己...
本次课程的完整代码在这里:https://github.com/GuoYongfeng/github-notetaker-app0.介绍 INTRODUCTION我们计划用最近所学的技术知识来完成一个完整且实用的功能应用,这个应用具有以下功能:通过搜索github上的用户名来检索该用户的基本信息可以...
基本规范每个文件只包含的一个 React 组件(联系紧密的组件可以使用「命名空间的形式」)。始终使用 JSX 语法,不要使用 React.createElement 创建 ReactElement,以提高编写速度、可读性、可维护性(没有 JSX 转换的特殊场景例外,如在 console 中测试组件)...
以下内容基于原创作者YiMinghe的文章修改。1. 在你的github建立组件 git 库git@github.com:GuoYongfeng/rc-component-tutorial.git2. 搭建脚手架npm install rc-tools yo generator-rc -gmkdir...
自2013年5月份facebook将React开源以来,截至目前已经在github上收获了超过3万个star。衍生的React Native项目(andriod和ios版本)也在今年9月份完成发布。Chapter 1 -- 入门篇1. 基本认识 #React是一个用于构建用户界面的JavaScrip...
编者按:除组件化、虚拟DOM在复用以及性能上带来的一般好处外,React思想使得开发者之间更好的分工与合作,在配合上非常顺畅,规范的接口以及极强的约束,使得整个代码结构清晰,不同开发者的代码高度一致。本次课程示例代码请前往react-tutorial。 示例中采用ES6语法来写React组件代码,提...
webpack是一款强大的模块加载器兼打包工具,它能把各种资源,例如JS(含JSX)、coffee、样式(含less/sass)、图片等都作为模块来使用和处理。完整进行本次练习后,你将具备独立搭建一个基于webpack的项目脚手架,方便以后项目的快速开发使用。这里有一个我写的项目脚手架,欢迎一起交流...
在项目中80%的时间用到的ES6语法只占其20%,所以我们暂时先集中精力把这20%学好,那就差不多够用了,剩下的可以看书或是查文档,现学现用。重要提示:教程的示例代码请前往es6-demo,下载后可以结合这个讲义进行学习操作。1.let && constlet和const的出现让js...
本文内容整理自thejameskyle翻译的的babel-handbook。另外,学习指南对应的教程包请参见babel-starter-kit。还有为你贴心制作的 Babel Gitbook。介绍Babel 是一个通用的多用途 JavaScript 编译器(Babel is a JavaScript...