发表于   |   分类于   |     |   阅读次数

FullPage.js简介

fullPage.js 是一个基于 jQuery 的插件，它能够很方便、很轻松的制作出全屏网站。
主要功能

  • 支持鼠标滚动-
  • 支持前进后退和键盘控制-
  • 多个回调函数-
  • 支持手机、平板触摸事件-
  • 支持 CSS3 动画-
  • 支持窗口缩放-
  • 窗口缩放时自动调整-
  • 可设置滚动宽度、背景颜色、滚动速度、循环选项、回调、文本对齐方式等等
    阅读全文 »

发表于   |   分类于   |     |   阅读次数

响应式布局介绍：

什么是响应式布局
1、服务器根据不同的浏览器用户端，为用户呈现不同的页面效果。
2、可以让一个网站兼容不同分辨率的设备，给用户更好的视觉使用体验。
3、移动互联网催生了响应式布局的诞生。

阅读全文 »

发表于   |   分类于   |     |   阅读次数

什么是Bootstrap—前端框架

Bootstrap，来自 Twitter，是目前很受欢迎的前端框架。
Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，它简洁灵活，使得 Web 开发更加快捷。 它由Twitter的设计师Mark Otto和Jacob Thornton合作开发，是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范，它即是由动态CSS语言Less写成。
☑ 简单灵活可用于架构流行的用户界面和交互接口的html、css、javascript工具集。
☑ 基于html5、css3的bootstrap，具有大量的诱人特性：友好的学习曲线，卓越的兼容性，响应式设计，12列格网，样式向导文档。
☑ 自定义JQuery插件，完整的类库，基于Less等。

阅读全文 »

发表于   |   分类于   |     |   阅读次数


在互联网应用越来越大，越来越复杂的今天，我们不可避免的需要工具来管理我们的前端代码。,替代以前的一个巨大的脚本文件，我们希望可以将文件写入不同的文件模块。并且希望代码可以重用，可以简单的引用和添加各种各样的依赖到我们的项目（ 无论是菜单一样的 UI 组件还是 一个类似 jQuery 的 DOM 操作库）。不止是 JavaScript 我们希望可以用这种方式来组织， 他应该也包含 CSS，HTML 模板，字体，图片和其他静态文件。

阅读全文 »

发表于   |   分类于   |     |   阅读次数

精简高效CSS命名之“三无原则”

“三无原则”：无ID，无层级，无标签
原因：

  1. 限制重用
  2. CSS文件大小
  3. 降低了渲染效率。
    CSS渲染元素和使用JavaScript获取页面元素(先id获取，再tag获取)那是完全不一样的。CSS的渲染方式是“从右往左”渲染的，就拿#test ul{}举例，先渲染页面上所有的ul标签，再去寻找id为test的元素.
    CSS命名，只要出现了层级，出现了标签，就是一次额外的渲染，层级越多，渲染的开销也就越大.
    阅读全文 »

发表于   |   分类于   |     |   阅读次数

01
Javascript的组成：
ECMAscript:描述了语言的语法和基本对象；
BOM:描述了与浏览器进行交互的方法和接口，如浏览器窗口、浏览器导航对象、浏览器分辨率、历史记录、cookie等等。

阅读全文 »

发表于   |   分类于   |     |   阅读次数

企业网站综合布局分析

一般企业网站包括：头部Logo区、导航区、内容展示区、底部版权区。

页面布局时表现为：头部/导航区、信息展示区、页脚区。

企业网站布局

阅读全文 »

发表于   |   分类于   |     |   阅读次数

瀑布流介绍

什么是瀑布流？
瀑布流，又称瀑布流式布局，是比较流行的一种网站页面布局，视觉表现为参差不齐的多栏布局，随着页面滚动条向下滚动，这种布局还会不断加载数据块并附加至当前尾部，最早采用此布局的网站是Pinterest，逐渐在国内流行开来，国内大多数清新站基本为这类风格。

阅读全文 »