sass揭秘之@mixin，%，@function
因为文章内含有很多sass代码，如需自己动手查看编译结果，推荐使用sassmeister这款在线编译工具，方便你阅读学习。在阅读本文章之前，请先确认你已经阅读了上篇文章sass揭秘之变量，不然会给你带来疑惑的感觉。其实很多人之所以对sass或less感兴趣，就是因为他们能使用变量和这个@mixin功能，而后面的%和@function知道的人就比较少了。所以说@mixin这个东西还是很有诱惑力的，没办...
View Articlesass揭秘之@if，@for，@each
因为文章内含有很多sass代码，如需自己动手查看编译结果，推荐使用sassmeister这款在线编译工具，方便你阅读学习。经过上两篇揭秘，大家心里对sass应该有了很好的认知感了，这篇文章基于前面两篇为基础，请确保你先浏览了前面的两篇文章，不然可能给你带来疑惑感觉。sass揭秘之变量sass揭秘之@mixin，%，@function这篇文章关键是对sass判断或循环的语法熟悉下，至于逻辑这东西，和其...
View ArticlesassCore——一个值得你拥有的sass库
sassCore在sass库中作为一个后来者，不可避免的要拿来和最具代表的compass做比较。当然这一方面是目前比较全面的sass库也比较少，而另一方面也说明sassCore其实也是有一定含金量的，不然烂的可以的话，也就不用去比较了。如果你还不了解sass，你可以先阅读下入门的sassGuide，然后可以进一步看下前三篇进阶教程sass揭秘系列。在这我们先介绍下sassCore产生的背景。...
View ArticleSASS基础——十个常见的Mixins
从W3cplus最近的更新都可以看出我的学习新动向。是的，自从开始学习SASS之后，我喜欢上了SASS。因为他能让我的工作效率更快，同时让我更加节约出时间去做一些我自己喜欢的事情。现在开始我开始使用SASS私下用在我喜欢的项目中，让我更加的对SASS喜欢与执着。在使用过程中，SASS中的Mixins让我觉得他的功能强大，使用方便——SASS的Mixins可以一次性定义功能模块，让你在任何地方调用，并...
View ArticleClik here to view.
TOBE——引领重构变革
到现在，我们有了sass的入门教程sassGuide，有了sass的进阶教程sass揭秘系列，也有了sass的一个库sassCore，也许你会猜测这应该结束了，不然还能折腾个什么呢？而真相是其实它们都是为tobe的出现而铺垫，正是因为有了tobe这个目标，所以才产生了一系列前面那些文章，为此我大概奋战了3个月，今天终将给这个疯魔状态画个句号，揭晓答案。直击官网Tobe是一个写给面向熟悉sass人员开...
View Articlejs通过参数名获取url查询中参数的值
function getParameterByName(name) { name = name.replace(/[\[]/, "\\\[").replace(/[\]]/, "\\\]"); var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"), results = regex.exec(location.search);...
View Article去掉用户选中元素时的高亮效果
/* 有点邪恶哦 ;D */ .class-name { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: moz-none; -ms-user-select: none; user-select: none; } 2Vote up!CSS
View ArticleClik here to view.
SASS基础——SASS Triangle Mixin
《SASS基础——十个常见的Mixins》一文中介绍了SASS中常见的十个Mixins，当然这些Mixins其实对应的就是CSS中常用到的公共样式，例如：设置行内块inline-block，水平居中horizontal-center，浮动pull-left，pull-right以及重置浮动reset-float，清除浮动clearfix以及图片替换文本和隐藏元素等等。事实上，SASS的Mixins不...
View Article《献给你，我深爱的ECMAScript》开篇
本系列之个人初衷：从有这个想法到真正一点一点开始写，再到这个beta版本上线，其实有很多心酸。 基本都是挤出的大部分的私人时间（有晚上的7-10点，有周六日和几个北京暴热的夏夜通宵等等），能够坚持下来，我自己很开心也很欣慰。也声明： 本文中代码均个人手敲，发布前也大致校正了一版，但是难免会有问题，希望大家可以在评论区留言，会第一时间修复。也承诺：...
View Article《献给你，我深爱的ECMAScript》之Object篇
本文主要想说说ECMAScript中的Object相关的东西，主要内容会定位在5和6。题外话：其实我自己博客一直维护着一个分类叫《js-object》，里面收录了一些框架关于Object扩展的业务api和ECMAScript已有以及新增相关. 本文中部分内容也来自这个分类，有兴趣的可以看看。我们先看一段代码： /* prototype 1.6.1 * 这个版本很简单: *...
View Article《献给你，我深爱的ECMAScript》之集合篇
本文主要说说ECMAScript6 集合中新引入的Map和Set以往我们用的比较多的就是Array或者Object来存取一些值那什么是Map?先看一段代码示例： var myMap = new Map(); //set myMap.set("name","zhangyaochun"); myMap.set("job","fe"); myMap.set("for","w3cplus");...
View Article《献给你，我深爱的ECMAScript》之Number篇
本文主要说说ECMAScript6 Number中新引入的几个api：先来一个「题外问题」：请简短地说说你认识的NaN？ 思考了片刻，我先来说一下我的一些认知： 1. ECMAScript 1引入的 2. 全局对象的属性 3. 在高级浏览器是只读属性 4. 与任何值都不相等，包括自己那如何判定参数是否是NaN？ 有的同学应该会想到 isNaN但是请看下面的代码：...
View Article《献给你，我深爱的ECMAScript》之String篇
本文主要说说ECMAScript6中新引入的String的api第一个：startsWith从语义化上不难知道：是判定某个指定的字符串是否从某个子字符开始的。语法： var startsWith = str.startsWith(searchString [,position]); 示例： var str = "zhangyaochun for w3cplus";...
View Article《献给你，我深爱的ECMAScript》之Array篇
本文主要说说ECMAScript的Array相关如何判定是否是数组 //underscore 1.5.1 //2012-02-22 1.0.0版本 ratbeard增加了对ES5的支持 //https://github.com/jashkenas/underscore/commit/b774bf7ca9770625c0dffa99d46c14f22fdf7776...
View Article《献给你，我深爱的ECMAScript》结束篇
结束篇该说点什么呢？ 终于第一版的beta结束啦。。。。 也许还是那份热情& 冲动让我完成了这个系列。感谢每一个来看过这个《献给你，我深爱的ECMAScript》系列的同学。最想感谢w3cplus的所有人，还有大漠，没有w3cplus这个平台，很多人可能只能从我的博客里面看到一些零散的东西。最近看电视剧，有一个很有意思的话题：10年后你在干什么，会怎样？我想了一段时间：...
View ArticleClik here to view.
Sass基础——PX to EM Mixin和@function
CSS单位是一个很意思的东西，到目前为止，CSS的单位不仅仅局限于em,px,pt,com,in...，还出现了新的单位,比如rem，vw，vh，vmin和vmax等等。在CSS-trick有对这些单位进行描述（可以点击这里阅读中文）。在这么多的单位中，其中px与em两者的互转是最令同学们头痛的。简值是一言难尽，理不清呀！曾经在《CSS中强大的EM》一文中详细的介绍了px转成em的公式与使用细节，但...
View ArticleClik here to view.
Clik here to view.
Sass基础——Rem与Px的转换
rem是CSS3中新增加的一个单位值，他和em单位一样，都是一个相对单位。不同的是em是相对于元素的父元素的font-size进行计算；rem是相对于根元素html的font-size进行计算。这样一来rem就绕开了复杂的层级关系，实现了类似于em单位的功能。...
View ArticleClik here to view.
Sass基础——颜色函数
色彩是设计的一个美妙元素和一个至关重要的工具,同时他能帮助你更好的抓住您的客户。更为重要的是，色彩能帮你表达某些特定的情感，把用户视线带到特点的地方或者帮助你传达信息。在Web设计中，主要依靠颜色来表达你的色彩。如果你只是直接丢一堆颜色给用户，他们也不会集中注意力在你的设计上的。色彩很微妙，所以为了让色彩成为可被利用的工具我们必须正确使用它。像其他设计元素一样，色彩也要好好利用才能发挥它的魔力。但实...
View Article