2015年07月_Seven_Cld

原创 http（3）详解------Web的结构组件

除 Web 应用程序（Web 浏览器和 Web 服务器）外：还有一些其他比较重要的应用：代理 •位于客户端和服务器之间的 HTTP 中间实体。 1）HTTP 代理服务器，这是 Web 安全、应用集成以及性能优化的重要组成模块。 2）代理位于客户端和服务器之间，接收所有客户端的 HTTP 请求，并将这些请求转发给服务器（可能会对请求进行修改之后转发）。对用户来说，这些应用程序就是一

2015-07-28 23:23:16 392

原创 http详解--------TCP/IP

HTTP 是个应用层协议。HTTP 无需操心网络通信的具体细节；它把联网的细节都交给了通用、可靠的因特网传输协议 TCP/IP。 1）TCP/IP TCP 提供了： •无差错的数据传输； •按序传输（数据总是会按照发送的顺序到达）； •未分段的数据流（可以在任意时刻以任意尺寸将数据发送出去）。因特网自身就是基于 TCP/IP 的，TCP/IP 是全世界的计算机

2015-07-28 22:45:58 585

原创 http详解（一）-------web的基础

1.HTTP——因特网的多媒体信使 1)HTTP 可以从遍布全世界的Web 服务器上将各种信息（ JPEG 图片、HTML 页面、文本文件、MPEG 电影）块迅速、便捷、可靠地搬移到人们桌面上的 Web 浏览器上去。 2)使用的是可靠的数据传输协议，因此即使数据来自地球的另一端，它也能够确保数据在传输的过程中不会被损坏或产生混乱。 2.Web客户端和服务器 1)Web 内容都是存储

2015-07-28 22:22:25 697

原创 bootstrap:javascript的通用技术

1.bootstrap可以直接通过html自定义元素设置，不需要任何js代码，如果需要手动启用触发事件的行为，可以禁用默认行为。只需要把body上的命名空间下的data-api关闭禁用既可以，$(document).off('.data-api');如果不是禁用所有的可以单独设置，如：$(document).off('.alert.data-api'); 2.每个插件都有一个constructo

2015-07-23 16:48:15 465

原创 bootstrap:javascript插件架构

bootstrap中所有的架构都遵循相同的规则，对用户自定义插件提供了规范和基础。总体有下面三种规范： 1.HTML布局规则：基于元素自定义属性的定义规则，比如data-target的自定义属性，所有插件都可以通过设定的html代码和相应的属性来试验。也就是说当网页加载的时候，javascript代码会自动检测这些标记。并自动绑定相应事件，无需额外的javascript代码。如下

2015-07-23 16:14:47 693

原创 bootstrap css语法，javascript

css 1.优先级的确定：引入4个数字（a,b,c,d）a:style属性，b:css选择器上id的总和，c:其他属性css选择器和伪类的综合，d:计算元素和伪元素。 2.选择器： 1.属性选择器 2.子选择器 .table > thread > tr >th{ vertical-align:center; } 3.兄弟选择器 1.邻近兄弟（+）指定元素后面紧跟的兄弟节点

2015-07-22 10:58:07 743

原创新手导航

今天学习了新手导航如何制作。效果演示效果演示源码源码所谓的导航其实是在一个网页上，一张张通过定位的图片，每一张图片是一个步骤，点击下一步，从而完成导航功能。截图大致如下：通过这个实例学到的有： 1.怎么隐藏a或者span中的字：text-indent: -999px;overflow: hidden; text-indent是文本缩进，将其缩进到一定程度，然后溢

2015-07-21 18:45:44 9431

原创 line-height机制详解

基线和行高的定义：如图，x字母底部的线即为基线，两条红线（基线）间的距离即为行高。不同字体的基线不同。line-height：200px，即为两条基线的距离。line-height:0px;两行文字重叠。 2.line-height行内框盒子模型这个行内框盒子模型包含四中盒子： a.内容区域（content area）:是一种围绕文字看不见的盒子，跟字

2015-07-17 14:43:25 3131

原创 nodejs的模块机制

举例： student.js文件 function add(student){ console.log('Add Student ' + student); } exports.add = add; teacher.js文件 function add(teacher){ console.log('Add Teacher ' + teacher); } exports.add = add

2015-07-16 21:26:29 969

原创 nodejs学习之路

nodejs学习1: Node是一个Javascript运行环境(runtime)。实际上它是对Google V8引擎进行了封装。V8引擎执行Javascript的速度非常快，性能非常好。Node对一些特殊用例进行了优化，提供了替代的API，使得V8在非浏览器环境下运行得更好。 Node.js是一个基于Chrome JavaScript运行时建立的平台，用于方便地搭建响应速度快、易于扩

2015-07-16 19:17:14 963 1

原创 jquery返回顶部

jquery返回顶部如图，当点击蓝色按钮时，网页返回顶部。并且是缓慢上去，而不是一瞬间直接到达最上部。 html很简单，只有一个div. css:注意刚开始处于页面最上部，所以图片一开始是隐藏的，并且位置固定，用position:fixed即可。 .back{ width: 57px; height: 57px; position: fixed;

2015-07-16 15:13:24 849

原创幽灵按钮css3

暑假第14天，学习了幽灵按钮。幽灵按钮，也就是Ghost Buttons，是一个透明的按钮，通常是矩形或者圆角矩形，仅保留基本的形制，使用细线来标识边界；按钮内的文字通常使用纤细的非衬线体字体的纯文本，来指明按钮功能。幽灵按钮有时候也被称为“空按钮”，通常会被设计得比普通的按钮更大一些。而它们之所以被命名为“幽灵”，是应为这种按钮如同鬼魂一样透明，但是独特的造型会立刻吸引用户的注意

2015-07-16 00:36:06 2581

原创 css3 图片展示墙

为了进一步练习transform，看网上一个视频，用的他的图片，然后做出来了这个图片展示墙，开心。效果如下： Document 图片展示墙下面是css. body{ background: #ccc; } h1{ text-align: center; } .container{ w

2015-07-14 21:11:30 1205

原创 css3 box-shadow实例盒子阴影（翘边阴影，曲线阴影）

做完后效果如下：上面是曲边阴影，下边是翘边阴影。曲边阴影下部是类似弧线，翘边效果四角旁边翘起阴影。 *{ margin:0; padding: 0; } ul{ list-style: none; } .wrap{ width: 70%; height: 200px; background-color: #fff; margin: 50px auto

2015-07-14 16:28:59 3883

原创如何用css3做全屏切换效果

今天从跟着网上一个老师用css3做了一个全屏切换效果，展示图如下：当点击底部每一个导航时，对应的内容就变化，同时大标题往下，小文字向上。其中有最重要的的是， 1.上部三角形的制作，每个三角形并不是一个图像，而是用特殊的文字做成。关键代码 [data-icon]:after { content: attr(data-icon); width: 20

2015-07-13 17:23:43 1514

原创 ajax如何实现级联

ajax最大的优点就在于可以局部刷新，用户体验很好。用ajax实现级联可以在不刷新页面的情况下实现与服务器交互。下面这个例子是，勾选不同的省，对应该省的城市会显示出来，并且数据从数据库读出来。 Document ul{ width: 500px; height: 500px; border: 1px solid black; } i

2015-07-10 09:14:15 745

原创 jquery invalidation插件

jquery invalidation 是一款简单易用的客户端验证表单的组建。需要引入这两个文件代码如下： $(document).ready(function(){ var validator; validator = $("#form1").validate({ debug:true, rules:{ username:{ requ

2015-07-09 20:47:54 535

原创 ecmall安装报错

Warning: include(D:\web\ecmall/data/config.inc.php): failed to open stream: No such file or directory in D:\web\ecmall\eccore\ecmall.php on line 1807 Warning: include(): Failed opening 'D:\web\ecmall

2015-07-08 10:33:24 2615

Christine95的博客