2017

May

其他链接：

代码Github地址：

想不到webpack比我想象中要难一点。

webpack是一个现代的JavaScript应用程序的模块打包器(module bundler)。但随着它的发展，有向前端代码管理工具演变的趋势。

对于一个网站而言，之前的管理方式是：HTML文件、CSS样式、JavaScript文件、图片文件各自都是独立的，需要分开地管理每一个文件，然后确保一切正常运行。Gulp这样的任务管理工具就是在这个基础上发展而来，能处理不同的预处理器和编译器，任务一个接着一个进行。

而webpack抛开了这种管理方式，在开发过程中的某一个阶段通过JavaScript去处理所有的依赖。比如说，我们可以利用loader将HTML/CSS文件打包成JS文件，然后再解析出来(这里说的有点糊涂，下次理解透彻再来)。

May 17 , 2017 Webpack  阅读全文

有些CSS属性有些是可以继承的，有些是不可以继承的。在多个规则定义了相同的CSS属性，并且这些规则都应用在页面的同一元素上，有时候，会产生冲突。对于现代浏览器，有一种cascade的机制，用来进行冲突判定。

有两种情况会导致样式冲突：

  • 继承，从多个祖辈那里继承相同的属性，针对标签样式的继承
  • 同一个元素有多个样式。比如说，我们为一个段落定义了Class样式，又定义了<p>标签样式

May 16 , 2017 CSS  阅读全文

最近再看<<CSS解密>>，是由W3C CSS工作组专家，设计CSS语言得委员之一，Lea Verou – 是一位漂亮、得体得女士，所写。主要讲述了CSS3新版本得一些特性，对网页得设计难题，有难得一见得解决方法。特将一些重点勾勒如下。

另外，所强调的一点是：CSS tricks是一个相当棒的网站，提供了很多CSS的处理和难题解决方案。

May 13 , 2017 CSS  阅读全文

这个是搭建Jekyll博客的第二个篇章，主要讲述如何增加博客一些新的功能，以及在此过程中遇到的一些新的知识。有关于如何搭建服务器，依托github pages来搭建Jekyll博客，可以点击此处找到。

当然，对Jekyll的一些用法也会在此提及和归纳。

May 9 , 2017 Jekyll  阅读全文

全排列是一个是一个常见的问题，对于学过简单数学的人都知道，没有重复元素的全排列的个数是n! = n * (n-1) * ... * 2 * 1。比如：有三个元素[a,b,c]，全排列的结果是[a,b,c] [b,a,c] [a,c,b] [c,a,b] [b,c,a] [c,b,a]6种。

May 5 , 2017 Algorithms  阅读全文

闭包在JavaScript是一个非常重要得概念，但我觉得又比较难理解。因为它和其他的语言不一样，其他语言有在函数内部调用其他函数，但是多个函数嵌套好像是没有的。

在这之前，我觉得最好先了解一下作用域与变量提升。

May 3 , 2017 JavaScript  阅读全文

April

    Gulp是一个基于Node.js的流式构建工具。可以使用它进行项目管理，方便地执行一些常见的任务。下面的文章按以下两点组织。

    • gulp的基本知识
    • gulp执行的常见任务

    首先，贴出一些可供参考的网站：

    使用gulp的基本步骤是：

    安装node.js -> 全局安装gulp -> 在项目里安装gulp和gulp插件 -> 配置gulpfile.js文件 -> 运行任务

    April 26 , 2017 gulp  阅读全文

    Sass是怎么来的？我是这样理解的，有那么一群进入前端领域的攻城狮，发现css竟然不是程序语言，那怎么在其他前端攻城狮面前装逼呢？那能不能让css能听懂程序语言的指令呢？然后呢，他们就整了一套css预处理器，把编程的语法引入进来，然后美言之：less is more。

    Sass更让人寻味的地方是它处理的是.scss文件。为什么不把后缀名改成.sass呢？

    下面是Sass的网络资源：

    现在，让我们开始Sass的旅途。

    April 25 , 2017 Sass  阅读全文