demo 下载http://vdisk.weibo.com/s/DOlfkrAWjkF/1401192855 为什么要学习Sass和compass ?提高站独立和代码产品化的绝密武器,尤其是程序化css,可以将写程序的各种理论融入其中,打造NB的产品 首先 安装 ruby http://rubyinstaller.org/downloads/ 注意 建议安装ruby1.93 这个版本 最新版的ruby不靠谱 我在sass和Sencha Touch里面遭遇过倒霉的问题 安装了ruby 还要添加ru…

这部分在网上很容易找到详细教程,这里就略写了. 基础:系统有配置好的jdk,通过 命令行 java -version,有类似下面的提示,表示java环境以配好 下载maven:官网 http://maven.apache.org/,download模块下寻找 安装 window 配置环境变量 Path: ;%MAVEN_HOME%\bin M2_HOME: D:\Java\apache-maven-3.1.1 linux export MAVEN_HOME=/home/homer/Apache-…

由于Redis在win上安装实在是太过于麻烦.我们选择把redis安装部署在linux上,然后远程连接. 安装Redis (1)cd /usr/src 进入下载目录 (1) yum install -y wget gcc make tcl 安装依赖 (2)wget http://download.redis.io/releases/redis-3.2.5.tar.gz 下载源码包     redis官网http://www.redis.io (3)tar -zxvf redis-3.2.5.ta…

一.问题: keras中不能在每个epoch实时显示学习速率learning rate,从而方便调试,实际上也是为了调试解决这个问题:Deep Learning 31: 不同版本的keras,对同样的代码,得到不同结果的原因总结 二.解决方法 1.把下面代码加入keras文件callbacks.py中: class DisplayLearningRate(Callback): '''Display Learning rate . ''' def __init__(self): super(Dis…

导言 CSS不是一门真正意义上的编程语言,很多编程语言理所当然的特性(比如变量),都不被支持.同时再开发模块化的web项目的时候,也要避免相互干扰.为了弥补CSS的这些不足,就产生了CSS预处理器,Sass则是其中的佼佼者. 什么是Sass Sass是最成熟.稳定.强大.专业的CSS扩展语言(官方解释).直白点,Sass就是一个非常好用的CSS预处理器,为css引入部分编程语言的特性. Sass在现阶段,有两种编码的语法,一个是兼容CSS语法的Scss格式文件,一个是Haml.Ruby类似语法的…

 Ruby安装 windows平台下使用Rubyinstaller安装 1) 下载Rubyinstaller 2) 安装Rubyinstaller 记得勾选 add ruby executables to your PATH 安装完成后在cdm控制台输入 ruby -v进行测试 出现版本号说明安装成功 sass必须基于ruby下安装 RubyGems是一个方便而强大的Ruby程序包管理器 #使用gem安装sass 国内网络要FQ,所有要使用淘宝RubyGems镜像安装sass 1) gem so…

安装Sass和Compass sass基于Ruby语言开发而成,因此安装sass前需要安装Ruby.(注:mac下自带Ruby无需在安装Ruby!) window下安装SASS首先需要安装Ruby,先从官网下载Ruby并安装.安装过程中请注意勾选Add Ruby executables to your PATH添加到系统环境变量.如下图: 安装完成后需测试安装有没有成功,运行CMD输入以下命令: ruby -v //如安装成功会打印 ruby 2.2.2p95 (2015-04-13 revis…

你需要安装ruby 你需要安装SASS/Compass 安装sass,在命令行中输入: $ gem install sass 你可能会问gem是什么?gem是ruby的包管理器.包的概念呢,就是一个为完成特定功能的模块,或者函数集群.就像.NET里面我们要使用到数据相关操作的类就要添加引用System.Data,在.NET里面叫程序集. 字面上你可以看到,运行gem安装sass,但是sass安装包并不在本地,所以这种方式安装你要保证联网,并且包的源地址可用.稳点. 安装Compass,在命令行中…

前言:搜了半天,各种推荐,什么十大工具啦.优秀工具集合啦之类的咸淡文章,就是没有一个讲怎么弄的.配合官网的article自己研究了半天总算配置好了.顺便吐槽下官网关于sass/less设置这块说的模糊不清的.写个教程给大家,相信会对新手们有帮助的. 声明:本文不涉及Grunt. 开发环境:windows7 编辑器:sublime text3 浏览器:firefox31 介绍 一般前端写页面,修改了html or css要想看效果通常就得 Alt+Tab,切换到浏览器,然后F5刷新,时间久了….…

compass Compass是Sass的工具库,就好像jQuery是js的库一样. sass有了compass的配合,就会更加事半功倍. Sass本身只是一个编译器,Compass在它的基础上,封装了一系列有用的模块和模板,补充Sass的功能.它们之间的关系,有点像Javascript和jQuery.Ruby和Rails.python和Django的关系.(by:阮一峰http://www.ruanyifeng.com/blog/2012/11/compass.html) 官网:http://…

很久之前就听到了sass和less,但是因为人懒(默默吐槽下自己),就没有去了解相关的知识.但是身为一个前端人员不了解sass好像有点low low 的,所以现在开始接触使用sass了. 万事开头难,总结一下sass的安装以及sass的编译 sass依赖于Ruby语言开发的,所以安装sass前需要先去安装下Ruby. 具体的Ruby的安装sass的官网上有,百度经验上也有很多,我下载的时候没有选择带devkit的. 重要的是:一定在安装时选择 Add Ruby executables to yo…

最近在慕课网学习Sass和Compass,学习链接地址:https://www.imooc.com/learn/364,现在整理笔记如下: 一.使用Sass和Compass的优点: a.使用Sass和Compass可以写出更优秀的CSS. b.解决CSS编程过程中的痛点问题,例如精灵图合图等. c.有效地组织样式,图片,字体等项目元素. 二.Sass简介 1.Sass是为了让我们写出更高效的可维护性的CSS代码. 2.Sass的语法: 使用缩进式语法:.sass作为文件的扩展名,这种语法是:对空…

最近在进行百度前端技术学院的任务,知道自己基础薄弱,可没想到弱到这种地步,同时在安装各种软件的同时遇到了各种坑,查阅了各种资料,一个个解决的时候也发现自己凌乱了.学习总结,在脑海中形成自己的学习系统才是最重要的.用了各种博客的后台,发现mardown很好用,可是作品部落的不验证不能上传图片,还是改成博客园的吧,这样以后查阅起来也方便.因为很多资料都是在博客园找的,让自己受益很多.也希望自己的mark的东西可以在帮助自己的同时,也帮助别人.废话不说了,进入正题. 安装sass,compass sa…

修改ruby软件包的sources 国外服务器不给力,经常链接失败,换成国内淘宝的:https://ruby.taobao.org/ 先移除本有的sources gem sources --remove https://rubygems.org/ 安装淘宝sources: gem sources -a https://ruby.taobao.org/ 检查前两步是否操作成功: gem sources -l Compass安装 gem install compass 创建compass项目 先创建…

*:first-child { margin-top: 0 !important; } body>*:last-child { margin-bottom: 0 !important; } /* BLOCKS =============================================================================*/ p, blockquote, ul, ol, dl, table, pre { margin: 15px 0; } /* HEAD…

首先,你想要使用sass的话,就必须依赖于ruby环境.所以,你要下一个ruby.具体的链接应该是(http://rubyinstaller.org/downloads).下载相应的版本.- 下载好之后,就需要一步步进行安装了(建议大家把其安装在c盘),这里需要注意的是: 这个勾别忘了选,因为不选中,就会出现编译时找不到Ruby环境的情况. 步骤如下 当你的电脑中安装好 Ruby 之后,接下来就可以安装 Sass 了.同样的在windows下安装 Sass 有多种方法.给大家提供一种最实用的方法…

Gulp安装及配合组件构建前端开发一体化 所有功能前提需要安装nodejs(本人安装版本v0.10.26)和ruby(本人安装版本1.9.3p484). Gulp 是一款基于任务的设计模式的自动化工具,通过插件的配合解决全套前端解决方案,如静态页面压缩.图片压缩.JS合并.SASS同步编译并压缩CSS.服务器控制客户端同步刷新. Gulp安装 全局安装Gulpjs npm install -g gulp  #全局安装 局部安装Gulpjs npm install gulp --save-dev…

一.什么是SASS SASS是一种"CSS预处理器"(css preprocessor)的开发工具,为CSS加入编程元素,提供了许多便利的写法,大大节省了设计者的时间,使得CSS的开发,变得简单和可维护. 二.安装和使用 2.1 安装 SASS是Ruby语言写的,但是两者的语法没有关系.不懂Ruby,照样使用.只是必须先安装Ruby,然后再安装SASS.先导官网下载个ruby 在安装的时候,请勾选Add Ruby executables to your PATH这个选项,添加环境变量,…

学习笔记--Git安装.图文详解 安装Git成功后,现在安装Gruntjs,官网:http://gruntjs.com/ 一.安装node 参考node.js 安装.图文详解 (最新的node会自动安装npm) 二.安装grunt命令行工具grunt-cli 卸载旧版本grunt(<0.4.0) (没装过请忽略) npm uninstall grunt -g 安装grunt-cli npm install grunt-cli -g 使用-g全局安装,这样可以在任何一个目录里使用了.命令: npm…

安装完成ruby gem 之后,通过 gem install compass 安装compass~~ 出现如下报错 Could not find a valid gem 'compass' (>= 0) in any repository 然后尝试在 https://rubygems.org/ 下载 compass-1.0.3.gem 本地安装 又提示了 rb-inotify 安装失败~~ 一个个安装失败,这个时候 可以怀疑一下 是不是网络问题,无法连接 rubygems 库~ 是不是被墙了呢?…

Webstorm自带一个File Watchers功能,设置一下,即可实时编译SASS,LESS等 菜单:File->Settings->左栏Tools下的File Watchers,按右上角加号添加 为scss添加watcher 为less添加watcher 然后保存文件的时候就自动编译出相应的.css啦~…

CentOS安装按进程实时统计流量情况工具NetHogs笔记 一.概述 NetHogs是一款开源.免费的,终端下的网络流量监控工具,它可监控Linux的进程或应用程序的网络流量.NetHogs只能实时监控进程的网络带宽占用情况.NetHogs支持IPv4和IPv6协议,支持本地网卡以及PPP链接. 本博客其他随笔参考: Centos安装流量监控工具iftop笔记 网站日志实时分析工具GoAccess使用 工作中常用Linux命令--服务器运维 CentOS下使用Iptraf进行网络流量的分析笔记…

########################### #DATE 2016-07-29                         # #Authur by Denilas Yeung             # ########################### 一.安装msmtp 下载msmtp:http://jaist.dl.sourceforge.net/project/msmtp/msmtp/1.6.5/msmtp-1.6.5.tar.xz 因为文件格式为xz,解压方式为:…

最近因为工作需要,自学了Sass.现在将学习笔记整理在这里,供大家参考. 1. Sass的安装 Sass的编辑器安装方法有很多,大致能分为两种:应用程序(application)和命令行界面(command line).我使用的是命令行.因为之前已经在Mac上安装过Homebrew的package,用的命令行是 brew install sass/sass/sass Homebrew对系统xCode版本有要求,如遇提示xCode版本过低,在App Store下载更新软件,或者直接卸载软件都可以.…

1.没有sass,只存在与scss 任务 gulp.task('scss', function() { return gulp.src(app.srcPath + '/sass/*.scss') .pipe(gulp.dest(app.devPath + 'css')) .pipe(sass.sync().on('error', sass.logError)) // 输出到当前src目录 .pipe(gulp.dest(app.srcPath + 'css')) .pipe($.cssmin()…

Sass又名SCSS,是CSS预处理器之一,,它能用来清晰地.结构化地描述文件样式,有着比普通 CSS 更加强大的功能. Sass 能够提供更简洁.更优雅的语法,同时提供多种功能来创建可维护和管理的样式表.以下是我的学习笔记. Sass安装环境 1.安装sass(mac) ①:Ruby安装 ②:安装sass sudo gem install sass 可以通过 sass -v检测是否完成安装   2.更新sass gem update sass 3.卸载(删除)sass gem uninstal…

文章结构: 什么是webpack? 安装webpack 'webpack基本配置 一.什么是webpack? 在学习react时发现大部分文章都是react和webpack结合使用的,所以在学react之前先学习下webpack.前端有一系列的构建工具,如grunt.gulp都是,具体区别联系不做详述.Webpack:是一个解决模块的定义.依赖和导出工具,目的就是把有依赖关系的各种文件(HTML,CSS,JS)打包成一系列的静态资源构建成项目.scripts:是将命令替换成另一种写法,在命令比较…

//$a: Helvetica, sans-serif //$b: #333 // //body //font: 100% $a //color: $b //$a: red //body //color: $a $a: red .box  color:  $a   color前的空格必须,red和$a前的空格必须   可以用koala快速执行编译输出 ---http://www.w3cplus.com/preprocessor/sass-gui-tool-koala.html   嵌套输出方式…

Materliu 在慕课的视频: http://www.imooc.com/learn/364 . http://www.imooc.com/wiki/371 sass入门:http://www.w3cplus.com/sassguide/ 个人先看了 <Sass与Compass实战>(Materliu 是中文翻译之一)后看的视频,看书的时候不是很了解看了视频之后又看了一遍书终于少许了解sass了 下面是我个人对<Sass与Compass实战>这本书学习笔记总结,有些是个人极端自我…

今天跟大家共同分享交流一下关于sass的知识点: sass的产生: css不是一种编程语言,我们可以用它开发网页样式,但不能用它进行编程.它没有常量,变量,也没有条件语句,只是对属性一行行的描述,资料上对它描述几乎都是:它是设计师的工具,而不是程序员的工具.实际上,它在程序员的眼里并不是那么完美的,它的写法需要人工一点点去进行排版,这不仅增加了程序员在编写过程中的困难,也使得后期的维护工作变得繁杂.在这种情况下,css预处理器(css preprocessor)应运而生.css预处理器主要包括以…