- 博客(13)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 css3典型动画集合
html>html lang="en">head> meta charset="UTF-8"> title>css3典型动画集合title> link rel="stylesheet" href="css/style.css">head>body>div class="wrap"> 边框划过开始--> div id="first" class="d
2017-10-23 10:58:48
775
原创 CSS 元素垂直居中的 6种方法
水平居中:行内元素:设置父元素的text-align:center;块级元素:设置本身的margin: 0 auto;垂直居中:Line-Height Method试用：单行文本垂直居中，demo代码：html123div id="parent">div id="child">Text here/div>/d
2017-09-29 15:56:52
2053
翻译 redux技术入门（一）
Redux 入门教程（一）：基本用法一年半前，我写了《React 入门实例教程》，介绍了 React 的基本用法。React 只是 DOM 的一个抽象层，并不是 Web 应用的完整解决方案。有两个方面，它没涉及。代码结构组件之间的通信对于大型的复杂应用来说，这两方面恰恰是最关键的。因此，只用 React 没法写大型应用。
2017-05-02 10:38:21
399
翻译 flux架构入门篇
一、Flux 是什么？简单说，Flux 是一种架构思想，专门解决软件的结构问题。它跟MVC 架构是同一类东西，但是更加简单和清晰。Flux存在多种实现（至少15种），本文采用的是Facebook官方实现。二、安装 Demo为了便于讲解，我写了一个Demo。请先安装一下。$ git clone https://github.com/ruanyf/ex
2017-05-02 10:14:46
530
转载 Flex实例篇
不管是什么布局，Flex往往都可以几行命令搞定。我只列出代码，详细的语法解释请查阅《Flex布局教程：语法篇》。我的主要参考资料是Landon Schropp的文章和Solved by Flexbox。一、骰子的布局骰子的一面，最多可以放置9个点。下面，就来看看Flex如何实现，从1个点到9个点的布局。你可以到codepen查看Demo。
2017-04-27 14:31:02
360
转载 Flex布局
一、Flex布局是什么？Flex是Flexible Box的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为Flex布局。.box{ display: flex;}行内元素也可以使用Flex布局。.box{ display: inline-flex;}Webkit内核的浏览器，必须加上-we
2017-04-27 14:03:24
201
转载 sass&compass重写css
最近开始在尝试开始使用Sass来写CSS代码，刚开始虽然还是不太习惯用链式的方式写css，不过这是暂时的阶段。如果你还不了解Sass，可以看之前发表过的文章来http://caibaojian.com/sass-less-stylus.html，Sass主要有下面这几种特性(主要内容来自这里)左邊為原始scss檔，右邊為編譯過後的：1.Variables 变量使用$作為開頭當參
2017-04-26 10:22:49
607
原创 grunt基本介绍
yeoman官网：http://yeoman.io/bower官网;https://bower.io/grunt官网：http://www.gruntjs.net/安装npm install -g grunt-cli上述命令执行完后，grunt 命令就被加入到你的系统路径中了，以后就可以在任何目录下执行此命令了。注意，安装grunt-cli并不等于安装了 Gru
2017-04-25 20:35:31
755
原创 webpack入门篇
webpack官网：http://webpack.github.io/安装先装好node和npm，因为webpack是一个基于node的项目。然后全局安装：npminstall-g webpack局部安装：npm install webpack --save-dev建立项目建一个文件夹，然后新建一个package.
2017-04-25 12:38:13
307
原创 webstorm中配置git
git下载地址：https://git-scm.com/download/win用webstorm上传代码时，首先要先下载git，网址一搜就可以搜到，然后开始配置webstorm，打开webstorm，在file-settings中直接搜索github，然后输入自己github的账号密码，点击test，之后就会出来了 connection successful的提示框，
2017-04-24 15:01:30
33373
原创 compass篇
compass官网：http://compass-style.org安装compass之前首先安装ruby，安装ruby步奏请看《ruby安装》这篇文章安装完ruby后直接 打开cmd命令行输入 gem install compass使用创建一个 COMPASS 项目在命令行中切换到你需要创建项目的目录，运行：compass create 这个命令
2017-04-24 14:10:31
364
转载 安装ruby
ruby官网：http://www.ruby-lang.org/en/downloads/sass引擎是ruby编写的，所以先安装rubyrvm是ruby的程序管理工具，是一个命令行工具，可以提供一个便捷的多版本 Ruby 环境的管理和切换。rvm官网：http://rvm.iorvm安装：安装rvmcurl -L get.rvm.io | bash
2017-04-24 13:36:38
336
原创 在webstorm中配置sass环境
webstrom 是我前端开发最喜欢的一个编译工具，因为它集成了许多的插件，安装后就可以在wenstorm中配置就可以轻松进行开发了。今天想说的是webStorm下如何实现sass自动编译。ok，let's begin打开settings，可以看到Tools下面有个file watchers选项，点进去如下图点击加号，选择SCSS或者SASS(根据自己写的格式，
2017-04-24 13:00:12
7115
2
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人