随笔分类 -  HTML & CSS

摘要：Vue.js 是什么 图片 Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合 阅读全文

摘要：传统的布局方案，在针对特殊布局时会很不方便，比如垂直居中，把一个容器等分为N列等等。自从 Flex 出现以后，这些都迎刃而解了，本文对Flex相关内容做一个简单梳理。 阅读全文

摘要：在对于 npm / node / gulp 有了基本的认识之后，本文主要介绍如何构建一个基本的前端自动化开发环境。下面将逐步构建一个可以自动编译 sass 文件、压缩 javascript 文件、多终端多浏览器同步测试的开发环境，并且还可以通过 piblish 命令对项目下的文件进行打包操作。 阅读全文

摘要：Gulp 是一个构建工具，通过自动化处理常用任务以提高工作效率。其基于 Node.js 构建，可以使用 javascript 定义任务。Gulp 本身并不做任何事情，但他提供了定义任务、执行任务的能力，以及加载插件的机制。通过编写任务以让 Gulp 替我们自动完成诸如 SASS 文件预编译、JS文件压缩及合并、浏览器同步等日常事务。 阅读全文

摘要：相关连接导航 在windows下安装gulp —— 基于 Gulp 的前端集成解决方案（一） 执行 $Gulp 时发生了什么 —— 基于 Gulp 的前端集成解决方案（二） 常用 Gulp 插件汇总 —— 基于 Gulp 的前端集成解决方案（三） 构建一个基本的前端自动化开发环境 —— 基于 Gul 阅读全文

摘要：html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(100%);} 兼容 IE chrome 阅读全文

摘要：I worked on a personal project recently, and I was trying to find the jQuery scrollbar plugin that's perfect. But there was no perfect scrollbar plugin. That's why I decided to make one. 阅读全文

摘要：当对页面中元素设置margin-top样式时，如果该元素有父元素，则margin-top会应用与父元素，子元素的top与父元素的top重叠。通过为父元素应用overflow：hidden属性可完美解决该问题。 阅读全文