其他链接:
代码Github
地址:
这里呢,打算将所有和html
有关的操作都集合到这篇文章中来,用来熟悉webpack
对html
的操作。
May 18 , 2017
Webpack
阅读全文
其他链接:
代码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
阅读全文
Gulp
是一个基于Node.js
的流式构建工具。可以使用它进行项目管理,方便地执行一些常见的任务。下面的文章按以下两点组织。
首先,贴出一些可供参考的网站:
使用gulp
的基本步骤是:
安装node.js
-> 全局安装gulp
-> 在项目里安装gulp
和gulp
插件 -> 配置gulpfile.js
文件 -> 运行任务
April 26 , 2017
gulp
阅读全文