dataman - 博客园

认识Sass和Compass

摘要：第一章 Sass和Compass让样式表重焕青春 // 内容概要// 开始学习Sass和动态样式表// 用Sass更高效地写样式表// Compass简介// 用Compass迎接工程实践中的样式挑战 1.2.1 通过变量来复用属性值 1.2.2 通过嵌套来快速写出多层级的选择器 1.2.3 使用混阅读全文

posted @ 2016-08-16 14:26 dataman 阅读(300) 评论(0) 推荐(0) 编辑

在实战中使用Sass和Compass

摘要：第三章无需计算玩转CSS网格布局 3.1 网格布局介绍 3.2 使用网格布局 3.2.1 术语 3.2.3 固定的网格布局还是流动的网格布局 3.3 使用Blueprint 3.3.2 使用Compass应用Blueprint 3.3.3 使用Compass应用无需类名的Blueprint 3.4 阅读全文

posted @ 2016-08-16 14:26 dataman 阅读(279) 评论(0) 推荐(0) 编辑

Sass和Compass入门

摘要：一.前言 1.Sass是什么？ Sass可以简化你的Css工作流，并可以使你的Css的扩展和维护工作变的更加容易！例如，曾几时何，因为客户的需求的变更，你必须不断的通过查找和替换来更改一个像素值，或者，为了能够确定多栏布局中某一栏的宽度，你需要使用计算像素值软件才能搞定。 Sass引入了一些新的概念阅读全文

posted @ 2016-08-16 14:24 dataman 阅读(1102) 评论(0) 推荐(0) 编辑

Grunt VS Gulp

摘要：前期准备 windows7 node ruby sass+compass grunt篇新建一个grunt_demo 目录，用compass 创建一个项目打开CMD，安装grunt-cli到全局环境注意，安装grunt-cli并不等于安装了 Grunt！Grunt CLI的任务很简单：调用与Gr 阅读全文

posted @ 2016-08-16 14:18 dataman 阅读(258) 评论(0) 推荐(0) 编辑

Gulp开发教程（翻译）

摘要： Building With Gulp 原创翻译，有不当的地方欢迎指出。转载请指明出处。谢谢！对网站资源进行优化，并使用不同浏览器测试并不是网站设计过程中最有意思的部分，但是这个过程中的很多重复的任务能够使用正确的工具自动完成，从而使效率大大提高，这是让很多开发者觉得有趣的地方。 Gulp是一个构建阅读全文

posted @ 2016-08-16 09:54 dataman 阅读(339) 评论(0) 推荐(0) 编辑

JavaScript的ajax使用

摘要：使用ajax首先定义个XMLHttpRequest变量，为了判断对IE6以及以下版本的兼容性，需要var xmlHR; if (window.XMLHttpRequest) { xmlHR = new XMLHttpRequest(); }else{ xmlHR = new ActiveXObjec 阅读全文

posted @ 2016-08-15 22:13 dataman 阅读(166) 评论(0) 推荐(0) 编辑

移动端交互手势详解及实现

摘要：一丶概述如今移动端设备大行其道，前端也走进了移动的领域。在写移动端页面的交互效果的时候，我么难免要接触一些复杂的手势，而不仅仅像pc端那样简单的鼠标事件。手势实际上是一种输入模式。我们现在在直观意义上理解的人机交互是指人与机器之间的互动方式，这种互动方式经历了鼠标、物理硬件、屏幕触控、远距离的体感阅读全文

posted @ 2016-08-15 22:10 dataman 阅读(3336) 评论(0) 推荐(0) 编辑

JavaScript获取页面宽度高度

摘要：网页可见区域宽：document.body.clientWidth网页可见区域高：document.body.clientHeight网页可见区域宽：document.body.offsetWidth(包括边线的宽)网页可见区域高：document.body.offsetHeight(包括边线的宽) 阅读全文

posted @ 2016-08-15 21:49 dataman 阅读(549) 评论(0) 推荐(0) 编辑

JavaScript中的this（你不知道的JavaScript）

摘要： JavaScript中的this，刚接触JavaScript时大家都在大肆渲染说其多么多么的灵巧重要，然而自己并不关心；随着自己对JavaScript一步步深入了解，突然恍然大悟，原来它真的很重要！所以，自己花费了大约2周的时间去查贴、翻阅之前读的书籍，将this的全貌展示如下。先出几道题： va 阅读全文

posted @ 2016-08-15 21:35 dataman 阅读(2835) 评论(0) 推荐(1) 编辑

前端Web开发MVC模式-入门示例

摘要： MVC概论起初来之桌面应用开发。其实java的structs框架最能体现MVC框架：model模型是理解成服务器端的模块程序；view为发送给客服端的内容；control为servlet程序控制跳转和工作流。随着前端Ajax兴起、前端开发工作进一步划分：js程序员和ue页面制作、另外从整个前端项目阅读全文

posted @ 2016-08-12 22:02 dataman 阅读(3965) 评论(0) 推荐(0) 编辑

RequireJS实例分析

摘要：随着JS越来越庞大，已经不仅仅是以前复制粘贴做特效的时代了，JS越来越偏向于业务逻辑与应用。恰逢Node的流行，JS在web开发中占有越来越重要的地位。由于JS代码庞大，文件数目多，传统的使用<script src=""></script>会带来很多性能的问题，因此requirejs可以为我们提供两阅读全文

posted @ 2016-08-11 19:17 dataman 阅读(207) 评论(0) 推荐(0) 编辑

JavaScript 模块化历程

摘要：这是一篇关于js模块化历程的长长的流水账，记录js模块化思想的诞生与变迁，展望ES6模块化标准的未来。经历过这段历史的人或许会感到沧桑，没经历过的人也应该知道这段历史。无模块时代在ajax还未提出之前，js还只是一种“玩具语言”，由Brendan Eich花了不到十天时间发明，用来在网页上进行表阅读全文

posted @ 2016-08-11 16:30 dataman 阅读(810) 评论(0) 推荐(0) 编辑

LABjs、RequireJS、SeaJS 哪个最好用？为什么？- 玉伯的回答

摘要： LABjs 的核心是 LAB（Loading and Blocking）：Loading 指异步并行加载，Blocking 是指同步等待执行。LABjs 通过优雅的语法（script 和 wait）实现了这两大特性，核心价值是性能优化。LABjs 是一个文件加载器。RequireJS 和 SeaJS 阅读全文

posted @ 2016-08-11 16:26 dataman 阅读(203) 评论(0) 推荐(0) 编辑

CommonJS,AMD,RequireJS的区别

摘要： RequireJS实现了AMD的API. CommonJS是使用exports对象来定义模块的一种方法，它定义了模块的内容。简单地实现一个CommonJS的定义就像下面这样： // someModule.js exports.doSomething = function() { return "fo 阅读全文

posted @ 2016-08-11 16:17 dataman 阅读(358) 评论(0) 推荐(0) 编辑

前端必读：浏览器内部工作原理

摘要：目录一、介绍二、渲染引擎三、解析与DOM树构建四、渲染树构建五、布局六、绘制七、动态变化八、渲染引擎的线程九、CSS2可视模型英文原文：How Browsers Work: Behind the Scenes of Modern Web Browsers 一、介绍浏览器可以被认阅读全文

posted @ 2016-08-11 15:35 dataman 阅读(5743) 评论(0) 推荐(1) 编辑

CSS3阴影 box-shadow的使用总结

摘要： text-shadow是给文本添加阴影效果，box-shadow是给元素块添加周边阴影效果。随着html5和CSS3的普及，这一特殊效果使用越来越普遍。基本语法是{box-shadow:[inset] x-offset y-offset blur-radius spread-radiuscolor 阅读全文

posted @ 2016-08-09 12:21 dataman 阅读(4301) 评论(0) 推荐(1) 编辑

跨浏览器开发：CSS

摘要：理解CSS盒子模型如果不需要很多奇巧淫技的跨浏览器兼容的 CSS 代码，透彻地理解 CSS 盒子模型是首要事情，CSS 盒子模型并不难，且基本支持所有浏览器，除了某些特定条件下的 IE 浏览器。CSS 盒子模型负责处理以下事情: ◆一个blcok（区块）级对象占据多大的空间 ◆该对象的边界，留白阅读全文

posted @ 2016-08-08 09:43 dataman 阅读(500) 评论(0) 推荐(0) 编辑