一、圣杯布局 左右固定200px，中间自适应 左右两个div左右浮动，中间div写到前面 通过margin-left：-100%；来调整到同一行 父容器添加左右padding，左右div相对定位 详细代码如下： {代码...} 运行结果如下图： 二、双飞翼布局 左右固定200px，中间自适应 左右两个div左右浮动，中间div写到前面 通过margin-left：-100%...

四种布局 （1）、左右两侧，左侧固定宽度200px， 右侧自适应占满。 （2）、左中右三列，左右个200px固定，中间自适应占满。 （3）、上中下三行，头部200px高，底部200px高，中间自适应占满。 （4）、上下两部分，底下这个固定高度200px，如果上面的内容少，那么这个footer就固定在底部，如果内容多，就把footer挤着往下...

类型一 1，左右两侧，左侧固定宽度200px，右侧自适应占满 代码如下 {代码...} 运行结果 类型二 2，左中右三列 左右固定200px 中间自适应占满 代码如下 {代码...} 运行结果 类型三 3，上中下三行 头部200px高 底部200px高 中间自适应占满 代码如下 {代码...} 运行结果 总结 固定宽度元素设置float属性为left,自适应元素设...

CSS+DIV自适应布局 1.两列布局（左右两侧，左侧固定宽度200px;右侧自适应占满） 代码如下： {代码...} 运行结果如下图： 两栏布局（左定宽，右自动） float + margin 2.三列布局（左中右三列，左右200px固定，中间自适应占满） 方法一（左右浮动，中间 margin-left,margin-right，中间div在最后） 代码如下 {代码...} 运...

一、css+div自适应布局 1.两栏布局（左定宽，右自动） float + margin 代码如下： {代码...} 效果图： 2.三列布局（两侧定宽，中间自适应） position+ margin 代码如下： {代码...} 效果图： 2.1三列布局（上下定宽，中间自适应） position + position 代码如下： {代码...} 效果图: 3.上下两部分，底下这个固定高度200p...

HTML+CSS+DIV 实现布局 1.网页我们可以把它看成一个个的‘盒子’组成的，如下所示： 由上图我们可以看出，页面是由上（顶部）、中（主体）、下（底部）组成的，下面我们在详细划分一下：下面的主体又分成了三部分左、中、右。 单列布局 代码： {代码...} 效果如下： 双列布局 代码： {代码...} 效果图： 三列布局 代码： {...

一、单列布局 1.代码如下 {代码...} 运行结果 二、双列布局 代码如下 {代码...} 运行结果 三、三列标签 代码如下 {代码...} 运行结果 四、混合布局 代码如下 {代码...} 运行结果 总结： 1、css布局主要是四种 2、排版布局需要掌握的知识 div 相关属性 float 浮动属性 position 定位属性 clear 清除浮动的应用

一、文本颜色 颜色属性被用来设置文字的颜色。颜色是通过CSS最经常的指定： 十六进制值 - 如: ＃FF0000 一个RGB值 - 如: RGB(255,0,0) 颜色的名称 - 如: red 1、示例 {代码...} 二、文本修饰 text-decoration 属性用来设置或删除文本的装饰。从设计的角度看 text-decoration属性主要是用来删除链接的下划线 2、示例 {代...

一、链接 不同的链接可以有不同的样式 1.链接样式 链接的样式，可以用任何CSS属性（如颜色，字体，背景等）。特别的链接，可以有不同的样式，这取决于他们是什么状态。这四个链接状态是： a:link - 正常，未访问过的链接 a:visited - 、已访问过的链接 a:hover - 、鼠标放在链接上时 a:active - 链接被点击的那一刻 实例...

浏览器兼容 为什么产生浏览器兼容，浏览器兼容问题什么是浏览器兼容； 所谓的浏览器兼容性问题，是指因为不同的浏览器对同一段代码有不同的解析，造成页面显示效果不统一的情况。 浏览器兼容产生的原因； 因为不同浏览器使用内核及所支持的HTML等网页语言标准不同。 以及用户客户端的环境不同（如分辨率不同）造成的显示...

函数节流（throttle）：是让一个函数无法在很短的时间间隔内连续调用，当上一次函数执行后过了规定的时间间隔，才能进行下一次该函数的调用。

针对一些会频繁触发的事件如scroll、resize，如果正常绑定事件处理函数的话，有可能在很短的时间内多次连续触发事件，十分影响性能。所以我们对于这种事件我们要进行防抖动或者节流的处理来优化性能。

节流函数允许一个函数在规定的时间内只执行一次。它和防抖动最大的区别就是，节流函数不管事件触发有多频繁，都会保证在规定时间内一定会执行一次真正的事件处理函数。

————— --- --- —————— 相信 现在的程序猿对 "cookie" 和 "session" 应该都非常熟悉也有自己的理解思路 下面呢我介绍一些自己有关于 ： "cookie" 和 "session" 的一些相关知识见解 望能帮助需要了解与帮助的程序猿们 …… 还有：sessionStorage、localStorage和cookie的区别 等等…… cookie和session的区别 cookie数据存放在...

localStorage生命周期是永久，这意味着除非用户显示在浏览器提供的UI上清除localStorage信息，否则这些信息将永远存在。存放数据大小为一般为5MB,而且它仅在客户端（即浏览器）中保存，不参与和服务器的通信。

一个轻量级的cookie 插件，可以读取、写入、删除 cookie。 jquery.cookie.js 的配置 首先包含jQuery的库文件，在后面包含 jquery.cookie.js 的库文件。

减少网络流量：一旦数据保存在本地后，就可以避免再向服务器请求数据，因此减少不必要的数据请求，减少数据在浏览器和服务器间不必要地来回传递。快速显示数据

Express 是一个基于 Node.js 平台的极简、灵活的 web 应用开发框架，可以轻松的创建各种 web 或者移动端应用 提供了一个轻量级模块，把nodejs的http功能封装在一个简单易用的接口中。Express也扩展了http模块的功能，能轻松处理服务器的路由、响应、cookie和HTTP请求的状态。

PHP常用函数篇 1.为什么要使用函数？ 除了内建的PHP函数，我们可以创建我们自己的函数。 函数是可以在程序中重复使用的语句块。 使代码逻辑更清晰 避免过多的全局变量 封装后避免相同逻辑重复代码，只需调用写好的函数即可 便于维护，仅需修改函数逻辑即可完成所有调用该函数的逻辑修改，不需要多处修改 页面加载时函数...

PhoneGAP是一个可以将web应用打包成移动应用的开源框架，使用它可以迅速的将HTML、CSS和JavaScript开发的web应用打包成跨平台的移动应用程序，而Apache Cordova是PhoneGap贡献给Apache后的开源项目，是从PhoneGap中抽出的核心代码，是驱动PhoneGap的核心引擎。下面介绍如何在windows上搭建PhoneGAP（crodova）的开发环境。

一， 首先右击“我的计算机”或“此电脑”图标，在弹出来的下拉列表中点击“属性（R）“，进入到“系统”属性面板，点击左侧的“高级系统设置”，如下图所示。如下图所示。

Android开发越来越火，许多小伙伴们纷纷学习Android开发，学习Android开发首要任务是搭建Android开发环境，由于大家 主要实在Windows 上开发Android，下面就详细给大家介绍一下如何在Windows上搭建Android开发环境。

Node是一个服务器端 JavaScript 解释器，它可以帮助程序员构建高度可伸缩的应用程序，编写能够处理数万条同时连接到一个（只有一个）物理机的连接代码。下面就来介绍如何在Windows平台上下载、安装nodejs。

win10怎么安装JDK8，配置JDK8的环境变量 本文详细说明怎么在win10上安装JDK8，方便小伙伴们快速学会安装与配置JDK。 工具/原料 windows10 jdk-8u51-windows-x64.exe 方法/步骤 一，首先，在百度中搜索“JDK”关键字，，在搜索结果中点击官网链接。 二，进入官网过后，同意协议，并下载对应版本的JDK，64位电脑的下载X64的...

express+mongodb建立简单的文章发布系统 最近转战后端,发现还是nodejs比较好玩,就抽时间做个小玩意来练练手,回忆一下nodejs 使用了express 我看了一下,发现还是expres脚手架比较简洁,直接生成,项目比较小,省时又省力 学习express可以到我的另一篇博客进行学习 [链接] 使用了mongodb 因为我们只是做一个简单的文章发布系...

mongodb的安装以及使用 官网下载安装包 [链接] 安装 在安装目录下创建data文件 启动服务端 {代码...} 运行命令之后,如果出现最后一行 waiting for connections on port 27017 则证明开启数据库成功 启动客户端在bin文件下打开mongo.exe 使用 在客户端使用命令 查询所有数据库 {代码...} 切换/创建数据库 {代码...} 显示...

Exprsss的入门详解 Express是什么 Express 是基于 Node.js 平台，快速、开放、极简的 web 开发框架。 Express安装与使用 安装 新建Myapp目录 使用cmd创建pakeage.json文件 {代码...} 安装express {代码...} 使用 进入 Myapp 目录，创建一个名为 app.js 的文件，然后将下列代码复制进去： {代码...} 运行 {代码...} 在浏...

express express相关的网站*[链接]*[链接]*[链接]*[链接] web开发有这么常用的四款mvc (model(数据层) view(视图层) controller(控制层))框架，我们今天说一下express *express*koa*阿里的egg框架*thinkjs express() Express 是一个自身功能极简，完全是由路由和中间件构成一个的 web 开发框架 安装 创建一个目录 {代码....

根据官方的介绍，Express 是一个基于 Node.js 平台的极简、灵活的 web 应用开发框架，可以轻松的创建各种 web 或者移动端应用

express快速入门 express介绍 express是基于Node.js平台，快速、开放、极简的 web 开发框架。 首先要个大家提供一些技术网站 [链接] [链接] [链接] [链接] 安装express 新建一个文件夹 {代码...} 通过 npm init 命令为你的应用创建一个 package.json 文件 {代码...} 安装Express并将其保存到依赖列表中 {代码...} 安装成...