愤斗的小鸡-CSDN博客

转载【转载】CSS魔法堂：你真的理解z-index吗？

一、前言假如只是开发简单的弹窗效果，懂得通过z-index来调整元素间的层叠关系就够了。但要将多个弹窗间层叠关系给处理好，那么充分理解z-index背后的原理及兼容性问题就是必要的知识储备了。由于将英文名词翻译为中文名词容易产生歧义（如Normal flow被翻译为文档流），因此本文将直接采用原英文名词，而涉及到的英文名词解释如下：non-positioned element：无CSS定位的元素，也

2016-07-22 14:36:14 373

转载【JavaScript DOM编程艺术(第2版)】第十章疑难点

在《JavaScript DOM编程艺术（中文第二版）》一书第10章中有一段移动元素的代码如下：function moveElement(elementID,final_x,final_y,interval) { if (!document.getElementById) return false; if (!document.getElementById(elementID)) r

2016-06-24 23:12:19 767

原创【JavaScript笔记三】你也有控制权（DOM操作）

一、认识DOM 文档对象模型DOM（Document Object Model）定义访问和处理HTML文档的标准方法。DOM 将HTML文档呈现为带有元素、属性和文本的树结构（节点树）。先来看看下面代码: 将HTML代码分解为DOM节点层次图: HTML文档可以说由节点构成的集合，三种常见的DOM节点:元素节点：上图中<html>、<body>、<p>等都是元素节点，即标签。文本节点：向用

2016-06-16 14:54:03 413

原创【JavaScript笔记二】请和我互动（常用互动方法）

一、输出内容（document.write） document.write() 可用于直接向 HTML 输出流写内容。简单的说就是直接在网页中输出内容。第一种:输出内容用“”括起，直接输出”“号内的内容。<script type="text/javascript"> document.write("I love JavaScript！"); //内容用""括起来，""里的内容直接输出。</s

2016-06-16 01:17:53 554

原创【JavaScript笔记一】请做好准备

一、为什么学习JavaScript一、你知道，为什么JavaScript非常值得我们学习吗？所有主流浏览器都支持JavaScript。目前，全世界大部分网页都使用JavaScript。它可以让网页呈现各种动态效果。做为一个Web开发师，如果你想提供漂亮的网页、令用户满意的上网体验，JavaScript是必不可少的工具。二、易学性1.学习环境无外不在，只要有文本编辑器，就能编写JavaScr

2016-06-16 00:27:25 525

转载【CSS学习】CSS中margin边界叠加问题及解决方案

你对CSS的margin边界叠加的概念是否了解，这里和大家分享一下，当一个元素出现在另一个元素上面时，第一个元素的底边界与第二个元素的顶边界发生叠加。CSS的margin边界叠加深度剖析边界叠加简介边界叠加是一个相当简单的概念。但是，在实践中对网页进行布局时，它会造成许多混淆。简单地说，当两个垂直边界相遇时，它们将形成一个边界。这个边界的高度等于两个发生叠加的边界的高度中的较大者。当一个元素出现

2016-06-15 21:19:32 486

转载【CSS学习】CSS背景background、background-position使用详解

这篇文章主要介绍了CSS背景background、background-position使用方法,需要的朋友可以参考下。背景(background)是css中一个重要的的部分，也是需要知道的css的基础知识之一。这篇文章将会涉及css背景(background)的基本用法，包括诸如 background-attachment 等的属性，也会介绍一些有关背景(background)的常用技巧，以及 c

2016-06-15 12:49:57 683

原创【CSS笔记十】CSS样式设置小技巧

一、水平居中设置：行内元素我们在实际工作中常会遇到需要设置水平居中的场景，比如为了美观，文章的标题一般都是水平居中显示的。这里我们又得分两种情况：行内元素还是块状元素，块状元素里面又分为定宽块状元素，以及不定宽块状元素。今天我们先来了解一下行内元素怎么进行水平居中？如果被设置元素为文本、图片等行内元素时，水平居中是通过给父元素设置 text-align:center 来实现的。(父元素和子

2016-06-12 16:35:30 403

原创【CSS笔记九】单位和值

一、颜色值在网页中的颜色设置是非常重要，有字体颜色（color）、背景颜色（background-color）、边框颜色（border）等，设置颜色的方法也有很多种：1、英文命令颜色前面几个小节中经常用到的就是这种设置方法：p{color:red;}2、RGB颜色这个与 photoshop 中的 RGB 颜色是一致的，由 R(red)、G(green)、B(blue) 三种颜色的比例来配色。p{

2016-06-11 23:49:39 249

原创【CSS笔记八】CSS代码缩写，占用更少的带宽

一、盒模型代码简写还记得在讲盒模型时外边距(margin)、内边距(padding)和边框(border)设置上下左右四个方向的边距是按照顺时针方向设置的：上右下左。具体应用在margin和padding的例子如下：margin:10px 15px 12px 14px;/*上设置为10px、右设置为15px、下设置为12px、左设置为14px*/通常有下面三种缩写方法:1、如果top、right

2016-06-11 22:50:32 374

原创【CSS笔记七】CSS布局模型

一、css布局模型清楚了CSS 盒模型的基本概念、盒模型类型，我们就可以深入探讨网页布局的基本模型了。布局模型与盒模型一样都是 CSS 最基本、最核心的概念。但布局模型是建立在盒模型基础之上，又不同于我们常说的 CSS 布局样式或 CSS 布局模板。如果说布局模型是本，那么 CSS 布局模板就是末了，是外在的表现形式。 CSS包含3种基本的布局模型，用英文概括为：Flow、Layer

2016-06-11 21:47:43 262

原创【CSS笔记六】CSS盒模型

一、元素分类在讲解CSS布局之前，我们需要提前知道一些知识，在CSS中，html中的标签元素大体被分为三种不同的类型：块状元素、内联元素(又叫行内元素)和内联块状元素。常用的块状元素有：<div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form>常用的内联元素有：<a>、<span>、<br>、<i>、<e

2016-06-11 12:54:02 331

原创【CSS笔记五】CSS格式化排版

一、文字排版：字体我们可以使用css样式为网页中的文字设置字体、字号、颜色等样式属性。下面我们来看一个例子，下面代码实现：为网页中的文字设置字体为宋体。body{font-family:"宋体";}这里注意不要设置不常用的字体，因为如果用户本地电脑上如果没有安装你设置的字体，就会显示浏览器默认的字体。（因为用户是否可以看到你设置的字体样式取决于用户本地电脑上是否安装你设置的字体。）现在一般网

2016-06-10 22:35:22 311

原创【CSS笔记四】CSS的继承、层叠和特殊性

一、继承 CSS的某些样式是具有继承性的，那么什么是继承呢？继承是一种规则，它允许样式不仅应用于某个特定html标签元素，而且应用于其后代。比如下面代码：如某种颜色应用于p标签，这个颜色设置不仅应用p标签，还应用于p标签中的所有子元素文本，这里子元素为span标签。p{color:red;}<p>三年级时，我还是一个<span>胆小如鼠</span>的小女孩。</p>p中的文本与span中的文本都

2016-06-10 21:25:56 258

原创【CSS笔记三】CSS选择器

一、什么是选择器每一条css样式声明（定义）由两部分组成，形式如下：选择器{ 样式;}在{ }之前的部分就是“选择器”，“选择器”指明了{ }中的“样式”的作用对象，也就是“样式”作用于网页中的哪些元素。比如：body{ font-size:12px; color:red; }body就是选择器。表示body中的元素都按照所设置的样式就行设置。二、标签选择器

2016-06-10 14:26:03 323

原创【CSS笔记二】CSS样式基本知识

一、内联式css样式，直接写在现有的HTML标签中 CSS样式可以写在哪些地方呢？从CSS 样式代码插入的形式来看基本可以分为以下3种：内联式、嵌入式和外部式三种。内联式css样式表就是把css代码直接写在现有的HTML标签中，如下面代码：<p style="color:red">这里文字是红色。</p>注意要写在元素的开始标签里，下面这种写法是错误的：<p>这里文字是红色。</p style="

2016-06-10 11:43:48 312

原创【CSS笔记一】开始学习CSS，为网页添加样式

一、认识CSS样式 CSS全称为“层叠样式表 (Cascading Style Sheets)”，它主要是用于定义HTML内容在浏览器内的显示样式，如文字大小、颜色、字体加粗等。如下列代码：style type="text/css">p{ font-size:20px;/*设置文字字号*/ color:red;/*设置文字颜色*/ font-weight:bold

2016-06-10 10:47:02 302

原创【HTML】小练习，复习巩固

<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>task_1</title> </head> <body> <h1>网站一级标题</h1> <ul> <li><a href="#">导航链接一</a></li>

2016-06-10 10:44:25 308

原创【HTML笔记五】与浏览者交互，表单标签

一、使用表单标签，与用户交互网站怎样与用户进行交互？答案是使用HTML表单(form)。表单是可以把浏览者输入的数据传送到服务器端，这样服务器端程序就可以处理表单传过来的数据。语法：<form method="传送方式" action="服务器文件">讲解：<form> ：<form>标签是成对出现的，以<form>开始，以</form>结束。action ：浏览者输入的数据被传

2016-06-09 15:10:19 430

原创【HTML笔记四】认识标签三

一、使用<a>标签，链接到另一个页面使用<a>标签可实现超链接，它在网页制作中可以说是无处不在，只要有链接的地方，就会有这个标签。语法：<a href="目标网址" title="鼠标滑过显示的文本">链接显示的文本</a>例如：<a href="http://www.baidu.com" title="进入百度">点击这里</a>注意：只要为文本加入a标签后，文字的颜色就会自动变为

2016-06-09 12:57:19 465

原创【HTML笔记三】认识标签二

一、使用ul，添加新闻信息列表这些列表可以使用ul-li标签来完成，是无序的列表。语法：<ul> <li>信息</li> <li>信息</li> ......</ul>ul-li在网页中显示的默认样式一般为：每项li前都自带一个圆点，且换行加缩进。二、使用ol，添加图书销售排行榜在网页中展示有前后顺序的信息列表。语法：<ol> <li>信息</li> <l

2016-06-08 22:02:11 450

原创【HTML笔记二】认识标签一

一、语义化明白每个标签的用途，在不同情况下使用合理的标签。比如网页上文章的标题就可以用标题标签，网页上的各个栏目名称也可以使用标题标签，文章内容的段落就放在段落标签中，文章中想要强调的文本，就可以使用标签表示强调等等。语义化的好处：更容易被搜索引擎收录。更容易让屏幕阅读器读出网页内容。二、标签，网页上显示的内容放在这里在网页上要展示出来的页面内容一定要放在body标签中。

2016-06-08 20:43:12 475

原创【HTML笔记一】HTML介绍

一、制作我的第一个网页Hello World<html> <head> <title>我的第一个网页</title> </head> <body> <h1>Hello World</h1> </body></html>作用在浏览器的标题栏显示“我的第一个网页”，在页面中显示“Hello World”。二、HTML和CSS的关系H

2016-06-08 15:47:08 600

原创【复习笔记】贝叶斯学习

贝叶斯学习方法的特性：观察到的每个训练样例可以增量地降低或升高某假设的估计概率先验知识可以与观察数据一起决定假设的最终概率每个候选假设的先验概率每个可能假设在可观察数据上的概率分布贝叶斯方法可允许假设做出不确定性的预测新的实例分类可由多个假设一起做出预测，用它们的概率来加权一致学习器定义：如果某个学习器输出的假设在训练样例上为0错误率一致学习器输出一个MAP假设的条件： 1、H上

2016-01-29 15:42:34 599

原创【复习笔记】评估假设

样本真实度置信区间：对有限数据样本集的采样方法：k-fold方法随机抽取至少有30个样例的测试集合，剩余样例组成训练集合，重复这一过程直到足够的次数1、随机方法的好处是能够重复无数次，以减少置信区间到需要的宽度。 k-fold方法受限于样例的总数。2、随机方法的缺点是，测试集合不再被看作是从基准实例分布中独立抽取。 k-fold交叉验证生成的测试集合是独立的，因为一个实例只在测试集合中出现

2016-01-29 15:24:00 313

原创【复习笔记】人工神经网络

解决反向传播算法中的过度拟合问题的方法：权值衰减它在每次迭代过程中以某个小因子降低每个权值，这等效于修改E的定义，加入一个与网络权值的总量相应的惩罚项，此方法的动机是保持权值较小，从而使学习过程向着复杂决策面的反方向偏置。验证数据一个最成功的方法是在训练数据外再为算法提供一套验证数据，应该使用在验证集合上产生最小误差的迭代次数，不是总能明显地确定验证集合何时达到最小误差。k-fold交叉方法

2016-01-29 15:12:25 665

原创【复习笔记】决策树学习

决策树适用问题的特征：1、实例由“属性-值”对(pair)表示 2、目标函数具有离散的输出值 3、可能需要析取的描述 4、训练数据可以包含错误 5、训练数据可以包含缺少属性值的实例ID3算法特点：1、搜索完整的假设空间（也就是说，决策树空间能够表示定义在离散实例上的任何离散值函数） 2、从根向下推断决策树，为每个要加入树的新决策分支贪婪地选择最佳的属性。 3、归纳偏置，优先选择较小的树观

2016-01-06 18:51:57 598

原创【复习笔记】概念学习和一般到特殊序

概念学习：是指从有关某个布尔函数的输入输出训练样例中推断出该布尔函数。归纳学习假设：任一假设如果在足够大的训练样例集中很好的逼近目标函数，它也能在未见实例中很好的逼近目标函数。一致：一个假设h与训练样例集合D一致，当且仅当对D中每一个样例< x, c(x) >都有h(x)=c(x)。一个样例x在h(x)=1时称为满足假设h，无论x是目标概念的正例还是反例。当一假设能正确划分一个正例时，称该假

2016-01-06 15:59:12 571

原创【复习笔记】设计一个学习系统

机器学习计算机能够根据经验来自我学习，提高某任务处理性能的行为。关于学习的定义定义：对于某类任务T和性能度量P，如果一个计算机程序在T上以P衡量的性能随着经验E而自我完善，那么我们称这个计算机程序在从经验E中学习。通常为了很好的定义一个学习问题，我们必须明确这样三个特性：任务的种类，衡量任务提高的标准，经验的来源。例如：西洋跳棋学习问题任务T：下西洋跳棋性能标准P：比赛中击败对手的百分比

2016-01-02 17:32:01 1227

原创【Linux编程】零拷贝之splice( )函数和tee( )函数

关于零拷贝技术的相关文章，请参考：【Linux编程】大冒险之零拷贝技术探究splice( )函数在两个文件描述符之间移动数据，同sendfile( )函数一样，也是零拷贝。函数原型：#include <fcntl.h>ssize_t splice(int fdin, loff_t *offin, int fdout, loff_t *offout, size_t len, unsigned i

2015-12-10 00:18:28 5361 2

原创【Linux编程】零拷贝之sendfile( )函数

关于零拷贝技术的相关文章，请参考：【Linux编程】大冒险之零拷贝技术探究sendfile()函数函数原型：#include <sys/sendfile.h>ssize_t sendfile(int fdout, int fdin, off_t *offset, size_t count);fdout参数：是待写入数据的文件描述符，这个描述符必须是一个socket描述符。 fdin参数：是待读出

2015-12-09 23:04:49 797

原创【Linux编程】大冒险之零拷贝技术探究

对于网络数据传输或I/O数据拷贝而言，零拷贝技术主要指的是避免内核缓冲区和用户缓冲区中的不必要的数据拷贝操作。Linux传统I/OLinux传统I/O操作是一种缓冲I/O，在数据传输中，操作系统会将 I/O 的数据缓存在文件系统的页缓存中，即操作系统内核缓冲区中。比如：在网络中传输一个文件时，发送端应用程序会先检查内核缓冲区中有没有需要发送的这个文件的数据，如果没有，则会将这个文件从磁盘拷贝到内

2015-12-09 22:23:48 1463

原创【Linux编程】IO复用之epoll详解

epoll是Linux特有的IO复用函数，功能上与select和poll相同，但在实现和使用上又有很大的差异。理解了select和poll可以更轻松的学会epoll，连接如下：请点击—>关于select的详解请点击—>关于poll的详解epoll系列系统调用epoll_create函数不同于select和poll，epoll使用三个函数来完成任务，并且把用户关心的文件描述符上的事件放

2015-12-07 16:35:31 713

原创【Linux编程】IO复用之poll详解

poll系统调用poll系统调用和select非常相似，关于select的详解可以在本博客中找到，poll也是在一定时间内轮询监听用户感兴趣的文件描述符上的可读、可写和异常事件。poll系统调用原型#include<poll.h>int poll(struct pollfd fdset[], nfds_t nfds, int timeout);1）fdset参数是一个pollfd结构体类型的数组，

2015-12-06 23:02:17 2437

原创【Linux编程】用select处理普通数据和带外数据

传输层的TCP协议有带外数据的概念，带外数据又称为紧急数据，它比普通数据有更高的优先级，一般会立即发送，而不会排队等待。在TCP协议头部结构中有URG标志位和16位的紧急指针，若URG标志位被设置，表示紧急指针有效，此时紧急指针将指向紧急数据的下一个字节。带外数据只有一个字节大小，因为服务器将读取到的带外数据存入一个特殊的缓冲区，这个缓冲区只有一个字节的大小，并且带外数据会将TCP字节流截

2015-12-06 21:07:44 1331

原创【Linux编程】IO复用之select详解

IO复用技术使得程序能够同时监听多个文件描述符，这对提高程序的性能至关重要。Linux下实现IO复用的系统调用主要有select，poll和epoll，本文主要介绍select，后两个将在后续文章中介绍。本文介绍通俗易懂，以便于自己日后复习和广大新手们不会感到太困惑。select系统调用select系统调用的主要用途是：在指定的一段时间内，轮询监听用户感兴趣的文件描述符，即用户添加

2015-12-06 16:56:59 1321

原创【IO模型探讨】阻塞，非阻塞，同步，异步

以前看这部分内容的时候没仔细理清楚，只知其一，不知其二。最近在学习高性能服务器编程时，又碰到同步和异步的问题，所以看了一些资料学习了一下，做一个总结。IO模型一共有五种：阻塞IO非阻塞IOIO复用信号驱动IO异步IO为了理清楚这五种IO模型的工作原理，用一个read函数来做假设，一次read函数调用会经历两个阶段：1、等待内核缓冲

2015-12-05 22:10:09 461

原创【Linux编程】用c语言判断大小端

大端：高位字节存在内存底地址，低位字节存在内存高地址。小端：高位字节存在内存高地址，低位字节存在内存底地址。例如：一个十六进制0x0102，若高字节0x01存在内存底地址并且底字节0x02存在内存高地址，则此机器为大端。反之为小端。#include int main(){ short i = 0x0102;//十六进制，高字节为1，底字节为2。 char t[

2015-11-25 20:56:16 505

原创【TCP/IP学习】TCP/IP协议族概貌

TCP/IP协议族包括众多的协议，整体上是一个分层的体系，每层又包含许多网络通信需要的协议类型。1. TCP/IP协议整体体系结构。自顶向下依次为：用户空间包括：应用层：telnet，ping，OSPF，DNS 内核空间包括：传输层：TCP，UDP，S

2015-11-22 14:43:26 464

空空如也

空空如也