Wendy

数据库是长期存储在计算机内有组织的大量的共享的数据集合。它可以提供各种用户分享，具有最小冗余度和较高的数据独立性。一、数据模型      根据模型应用目的的不同，数据模型分为两类，第一类是概念模型，第二类是逻辑模型和物理模型。      概念模型，也称信息模型，它是按用户的观点来对数据和信息建模，主要用于数据库设计。      逻辑模型主要包括层次模型，网状模型，关系模型，面向对象

快速排序，这也是在实际中最常用的一种排序算法，速度快，效率高。就像名字一样，快速排序是最优秀的一种排序算法。1）算法原理      快速排序的基本思想：通过一趟排序将待排记录分隔成独立的两部分，其中一部分记录的关键字均比另一部分的关键字小，则可分别对这两部分记录继续进行排序，以达到整个序列有序。2）算法描述     快速排序使用分治法来把一个串（list）分为两个子串（su

通过 CSS3，我们能够创建动画，这可以在许多网页中取代动画图片、Flash 动画以及 JavaScript。在讲解利用@keyframes做动画之前，我们先来看一个例子，即在一定时间内，将正方形进行移动，效果如下：       这里先附上代码，后面再来解释： div { width:100px;

在javascript中有三种声明变量的方式：var、let、const。1、var      之前我们在写js代码的时候都知道可以用var定义全局变量和局部变量，也可以省略var，而且在非严格模式下不会报错，但是实际上在严格模式下，两者的使用有没有区别，可能很多人不清楚。var x = 1;  y = 2;  console.log(x);//1  console.log

转载自：作者：一像素www.cnblogs.com/onepixel/p/7337248.html最近在看《JavaScript高级程序设计》一书，书中讲到相等操作符(==)时说，要比较相等性之前，不能将 null 和 undefined 转换成其他任何值，但要记住 null == undefined 会返回 true 。的确，在ECMAScript

1、输出两个int数中的最大值2、输出三个int数中的最大值3、编写程序判断某一个年份是否是闰年4、完成成绩等级输出程序5、完成命令解析程序6、完成收银柜台收款程序7、java从键盘输入三个整数,实现从小到大排序8、计算个人所得税9、输入年份和月份，输出天数10、直接输出九九乘法表

前言：       感觉是刚过春招，又要开始秋招，对于技术渣渣、学历普通的我，忧愁再次降临。开始准备秋招路途中……来温故而知新，沉下心好好学习。貌似本人在清除浮动中第一次接触clear:left/right，平时只用到clear:both，好像也只见到这个，这就尴尬了。一、什么是浮动，标准文档流又是个啥       所谓的文档流，指的是元素排版布局过程中，元素会自动从左往右，从

      需求分析：领导要求需要做一个比较简单的表单，主要内容包括姓名、联系方式、出发时间、出发地点等，要求出发时间和出发地点可以自己选择，固定格式。      问题：没写过时间控件，不知道怎么写，时间涉及到的属性那么多，包括年份、月、日、小时、分等，怎么获取与设置，等。      解决方法：在网上搜索了很多资料，由于项目中用到了Bootstrap，于是决定用基于bootstrap的dateti...

1、前端页面由哪三层构成，分别是什么？作用是什么？     网页分成三个层次，即：结构层、表示层、行为层。      网页的结构层（structural layer）由 HTML 或 XHTML 之类的标记语言负责创建。标签，也就是那些出现在尖括号里的单词，对网页内容的语义含义做出了描述，但这些标签不包含任何关于如何显示有关内容的信息。例如，P 标签表达了这样一种语义：“这是一个文本段。”

众所周知，大家在写论文的时候，经常被要求需要套用一些模板，这些模板利用Latex工具进行编写会更美观，目前Latex的编辑工具也是非常多，比如ctex，WinEdit，Texlive等，但是我个人觉得这些工具都不是很好用，我觉得利用eclipse这个编辑工具用起来会更方便，只需要编辑完直接保存便自动编译完成。      至于为什么要使用Latex，大家可以自行去网上搜，这里罗列了几个：

在平时写官网代码的过程中，我们经常可以碰到这样的一个情况：在顶部有一个总的导航，然后接下来会有一个banner，在banner的下面会有一个二级导航，二级导航的每个页面都有一定的内容，为了显示更友好，此时我们会在滚动的时候，让二级导航固定在顶部，然后会根据滚动的位置，将导航条的内容相应的改变，那么用jQuery如何实现这个效果呢？    我写了一个简单的页面来完成这个效果，现在先来看看效果。

      表格在开发中经常会用到，尤其是在展示数据的时候，一个美观的表格设计非常重要。Bootstrap提供了表格组件，其中包括1种基础.table样式，4种附加样式（.table-striped，.table-bordered，.table-hover，.table-condensed）以及一个支持响应式布局的.table-responsive容器样式。需要注意的是每种样式都是在.table样...

响应式网页设计最初是由 Ethan Marcotte 提出的一个概念：为什么一定要为每个用户群各自打造一套设计和开发方案？Web设计应该做到根据不同设备环境自动响应及调整。当然响应式Web设计不仅仅是关于屏幕分辨率自适应以及自动缩放的图片等等，它更像是一种对于设计的全新思维模式；我们应当向下兼容、移动优先。      响应式网站设计(Responsive Web design)的理念是：页

发布-订阅者模式又叫观察者模式，它定义对象间的一种一对多的依赖关系，当一个对象的状态发生改变时，所有依赖于它的对象都将得到通知。那具体的含义，就是有订阅者和发布者，两者的功能，订阅是请求在某些事件(event)到达时可以通知它并执行对应的动作(action)，而发布则相对的是向订阅告知事件(event)已经到达，你可以执行对应的动作(action)了。      举一个现实中的例子。我们在现实

职责链模式的定义是：使多个对象都有机会处理请求，从而避免请求的发送者和接收者之间的耦合关系，将这些对象连成一条链，并沿着这条链传递该请求，直到有一个对象处理它为止。      也就是说，请求以后，从第一个对象开始，链中收到请求的对象要么亲自处理它，要么转发给链中的下一个候选者。提交请求的对象并不明确知道哪一个对象将会处理它——也就是该请求有一个隐式的接受者（implicit receiver）

模板方法模式是一种只需要使用继承就可以实现的非常简单的模式。模板方法模式是由两部分组成，第一部分是抽象类，第二部分是具体的实现子类。通常在抽象父类中封装了子类的算法框架，其中主要是包括一些公共的方法以及封装所有子类中所有方法的执行顺序。那子类通过继承这个抽象类，也就是继承了整个算法结构，并且可以选择重写父类的方法。      在模板方法模式中，还引入了另外一个设计原则--“好莱坞原则”。为了说

俗话说“条条大路通罗马”。在现实中，很多时候也有多种途径可以到达同一个目的地，比如，我们要去某个地方旅游，可以根据具体的实际情况来选择出行的线路。在程序设计中，我们也常常遇到类似的情况，要实现某一个功能有多种方案可以选择。比如要对一个数组进行排序，我们可以选择快速排序算法，也可以选择冒泡排序算法。       策略模式定义了算法家族，分别封装起来，让他们之间可以互相替换，此模式让算法的变化不会

建造者模式：可以将一个复杂对象的构建与其表示相分离，使得同样的构建过程可以创建不同的表示。也就是说如果我们用了建造者模式，那么用户就需要指定需要建造的类型就可以得到他们，而具体建造的过程和细节就不需要知道了。建造者模式实际，就是一个指挥者，一个建造者，一个使用指挥者调用具体建造的工作得出结果的客户。1、建造者模式四要素     1）产品类Product：一般是一个较为复杂的对象，也就是说创

既然标题中提到了创建型设计模式，那就先来解释一下什么叫创建型设计模式？创建型设计模式是一类处理对象创建的设计模式，通过某种方式控制对象的创建来避免基本对象创建时可能导致设计上的问题或增加设计上的复杂度。--引自张荣铭的【JavaScript设计模式】      在一篇博客中，博主为了写工厂模式，在文章开始进行了一个简答的问题陈述，下面我将这段话也写进来：      原文“想象一个场景：如果

在谈javascript的浅复制和深复制之前，我们先来看看js的数据类型：有Number，Boolean，String，Null，Undefined，Object五种类型。而Object又包含Function，Array和Object自身。前面的五种类型叫做基本类型，而Object是引用类型。之所以要先了解 这几种数据类型，是因为JS 中的浅拷贝与深拷贝，其实只是针对复杂数据类型（Object

之所以会写这篇文章，是因为在做笔试题的时候，会遇到一题很经典的题目，关于setTimeout的输出结果，下面我们先来看一道题目：for (var i = 0; i < 5; i++) { setTimeout(function() { console.log(i); }, 1000);}console.log(i);     我相信只要是做过前端笔试题

笔试的时候刚好做到这道题：定一个整型数组（数组中的元素可重复，已排序），以及一个指定的值。找出数组中两数之和为指定值的所有整数对，要求时间复杂度为O(N)。     首先来分析一下这个题，假设题目没有说已排序和时间复杂度的要求，那么用最暴力的方法就是直接遍历两次数组，时间复杂度为O(N*N)。这里也来实现一下，代码如下：/*暴力法，直接遍历两次数组，时间复杂度为O(n*n)*/funct

1、安装node.js     因为我在此之前，我为了能够在sublime text3中直接输出js的代码，所以已经安装过node.js，这里就不做详细的分析，如果有需要，直接去百度一下就知道如何安装node.js。2、基于node.js，利用淘宝npm镜像安装相关依赖    我们通过快捷键window+R，输入cmd即可以进入命令行窗口。接着在命令行中输入：npm insta

1、typeof      typeof 是一个操作符，主要的目的是检测一个变量是不是基本数据类型的变量，同时也可以说是确定一个变量是字符串，数值，布尔值，还是undefined等的最佳工具。     对一个值使用typeof操作符可能返回下列某种字符串：“underfined”--如果这个值未定义“boolean”--如果这个值是布尔值，即true或者false“string

在开始介绍本文要介绍的两个方法之前，我们先来看一下什么是JSON对象。一、JSON对象    1、什么是json？     JSON(JavaScript Object Notation)javscript对象标记，是一种轻量级的数据交换格式。简单来说，json就是用JavaScript语法写的一个特殊的标记字符串。   2、json的作用  （1）简化用JavaScript定

今天做笔试题的时候做到了这题，当时由于时间 太短，而且因为没有处理好JavaScript中整数的关系，导致结果没有运行出来。所以在结束之后，在网上搜了资料，发现都是用C语言或者C++，java实现的，没有用JavaScript实现的，于是我又重新做了这道题。思路分析：1、首先这个数组是有序的，所以我们只要能够找到这个给定的数字在这个数组中出现的第一个位置和最后一个位置就可以得到一共

之前开发Web项目都是用myeclipse或者eclipse，最近想用IDEA这个编辑器去配置一个Web项目，因为是新手，加上对界面的操作不熟练，所以在配置的过程中遇到了一些难题。最后配置成功，并且可以运行一个Web项目，自己也想总结记录下配置的过程。      首先是软件的下载，我下载了最新的版本，下载地址：https://www.jetbrains.com/idea/whatsnew/#v

在看一段代码的时候，遇到了bind()函数，当时看到的时候有点懵了，不是特别理解这个函数的使用以及作用，于是查找了一些资料之后，终于明白了一些，在查资料的过程中，看到将这个函数与call()和apply()函数对比的文章还不少，于是我想补充并整理一下这三个方法的使用。      我们可以看到call ()和 apply()的定义说明：call()和apply() 是函数的非继承方法，在某个特定

动态请求数据来更新页面是现在非常常用的方法，比如博客评论的分页动态加载，微博的滚动加载和定时请求加载等。       这些情况下，动态请求返回的数据一般不是已拼好的 HTML 就是 JSON 或 XML，总之不在浏览器端拼数据就在服务器端拼数据。不过，从传输量方面来看，返回 HTML 不划算，而在 web 传输方面，现在更多的是使用 JSON 而不是 XML。浏览器端根据 JSON 生成 HT

由于事件处理程序可以为现代Web应用程序提供交互能提供交互能力，因此许多开发人员会部分青红皂白地向页面中添加 大量的处理程序。当我们需要对很多元素添加事件的时候，可以通过将事件添加到它们的父节点而将事件委托给父节点来触发处理函数。但是，如果添加到页面上的事件处理程序数量一大会影响到页面的整体运行性能。原因在于：每个函数都是对象，都会占用内存，内存中的对象越多，性能就会越差；必须事先指定

JavaScript共享的本质一直是开发人员心头的痛。因为任何对象都可以被在同一环境中运行的代码修改。ECMAScript致力于解决这个问题，可以让开发人员定义防篡改对象。1、不可扩展对象     默认情况下，所有对象都是可以扩展的。也就是说，任何时候都可以向对象中添加属性和方法，即如果一个对象可以添加新的属性，则这个对象是可扩展的。让这个对象变的不可扩展，也就是不能再有新的属性。

事件就是用户或者浏览器自身执行的某种动作。比如click、mouse等，都是事件的名字。而响应某个事件的函数就叫做事件处理程序或者事件监听器。事件处理程序的名字一般是以“on”开头，比如click事件的事件处理程序就是onclick，mouse事件的事件处理程序就是onmouse。那么，我们在给事件指定处理程序的时候，可以采用好几种的方式。1、HTML事件处理程序      只要是元素可以

在之前学习java和C语言的时候接触了继承，但是看到了js的继承，总是觉得似曾相识，但又是是懂非懂的感觉。所以觉得应该总结一下，加深自己对js这种OO的理解。      许多OO语言都支持两种继承方式：接口继承和实现继承。接口继承只继承方法签名，而实现继承则继承实际的方法。因为ECMAScript中函数无法签名，所以不支持接口继承，只支持实现继承，而实际上实现继承主要依靠原型链实现，在前面的文

开发一个页面时，不可避免的需要进行repaint和reflow。也就只有以前的静态页面才会不存在repaint和reflow。repaint主要是针对某一个DOM元素进行的重绘，reflow则是回流，针对整个页面的重排。字面意思来说：repaint就是重绘，reflow就是回流。repaint和reflow的目的是：展示一个新的页面样貌。在开始说明这两个方法之前，我们先来看一下关于浏览器从接收到一

刚好是在做面试题的时候，发现有一个题目时关于CSS选择器的权重计算，当时脑海中只知道：id>class>元素选择器，外联样式优先级低于内联样式，内联样式优先级低于行间样式，至于权重的计算其实没有多大的印象，所以就来总结一下，避免以后遇见了还是不太懂。作为前端开发人员，知道CSS选择器的权重还是非常重要的。    在讲解计算规则之前，先来大概再了解下具体的CSS选择器有哪些，才可以更方便的知道权

对象的本质：ECMA-262把对象定义为：无序属性的集合，其属性可以包含基本值、对象或者函数。即对象是一组没有特定顺序的值，对象的每个属性或方法都有一个名字，而这个名字都映射到一个值。故对象的本质是一个散列表：其中是一组名值对，值可以是数据或函数。     既然提到对象，那么我们需要先来看一下如何创建对象。创建自定义对象的最简单方式就是创建一个Object 的实例，然后再为它添加属性和方法。

1、mouseover与mouseenter      mouseover事件：不论鼠标指针穿过被选元素或其子元素，都会触发 mouseover 事件。      mouseenter事件：只有在鼠标指针穿过被选元素时，才会触发 mouseenter 事件。简单写个例子： Document .over{

使用HTML5可以在本地存储用户的浏览数据。早些时候,本地存储使用的是 cookie。但是Web 存储需要更加的安全与快速，这些数据不会被保存在服务器上，但是这些数据只用于用户请求网站数据上。它也可以存储大量的数据，而不影响网站的性能。数据以 键/值 对存在, web网页的数据只允许该网页访问使用。      Web Storage的目的是为了克服由cookie带来的一些限制，当数据需要被

今天刚好在看setTimeout()的一个案例，在案例的解析中提到了setTimeout()和setInterval()的使用区别，但是比较理论，所以决定自己也总结一下，写写例子帮助理解一下。       首先是说说这两个方法的具体时如何使用的。1、setTimeout()方法      这个方法所有浏览器都支持，setTimeout( ) 是属于 window 的 method,

转载自：原型prototype[2]前面说了介绍了原型，这一部分说说原型的一大作用：继承。在面向对象中，继承有两种方法，分别是接口继承和实现继承。但是在JavaScript中，函数不能只签名，所以JavaScript中只有实现继承。JavaScript继承的基本思路就是让一个引用类型继承另一个引用类型的属性和方法。 function SuperType()

在看了不少资料之后，对于原型的理解就是两个字，共享。 在这一部分，将通过分析原型出现的原因，已经原型的应用-->继承。原型Prototype的出现在讨论原型的出现，就需要从对象的创建开始说起。创建对象可以通过new Object()或者直接通过对象字面量{}完成，但是使用这种方法会导致在创建多个对象的时候，产生大量的代码。因此有了工厂模式：1 工厂模式工厂模

我们可以利用JavaScript的语法特征，以类的思想来创建对象。方法一：原始方法代码如下： var obj = new Object(); obj.name = "Kitty";//为对象增加属性 obj.age = 21; obj.showName = function () {//为对象添加方法 console.log(this.n

map()方法将调用的数组的每个元素传递给指定的函数，并返回一个数组，它包含该函数的返回值。       传递给map()的函数的调用方式和传递给forEach()的函数的调用方式一样。但传递给map()的函数应该有返回值。注意：map()返回的是新数组：它不修改调用的数组。如果是稀疏数组，返回的也是相同方式的稀疏数组：它具有相同的长度，相同的缺失元素。      举个例子：

正则表达式是一个描述字符模式的对象。JavaScript的RegExp类表示正则表达式，String和RegExp都定义了方法，后者使用正则表达式进行强大的模式匹配和文本检索与替换功能。     JavaScript中的正则表达式用RegExp对象表示，可以使用RegExp()构造函数来创建RegExp对象，不过RegExp对象更多的是通过一种特殊的直接量语法来创建。正则表达式直接量定义为包含

今天我们来聊聊设计师的经典话题：配色！很多自学设计的同学没有接受过系统的色彩训练，在配色方面始终不能随心发挥。网络上的配色技巧很多，但大多不够全面，今天优设从国外翻译了整个系列的配色指南，即使是毫无经验的新手，学习完也能对色彩有比较深刻的认识。设计原则101——色彩理论      第一印象决定一切！大家都可以从各自的外表上大概看出一个人的性格。同样的，这个理论也可以延伸到设计工作里

你手头是否有正在设计的APP项目？有没有系统的设计计划？你是直接动手设计，还是会中途停下来研究一下终端用户的真实需求？你是否知道用户打开APP第一眼到底更希望看到什么？在考虑运用哪些用户体验相关技术的时候，它们的美学特征可能是相当值得我们深思的。目前我们所看到的许多网站上所使用的设计理念和技巧，其实也可以很好地投入到APP设计中，只不过细节和样式可能需要稍作调整，以适配更小的、高清的屏幕。

本文主要说明两种原型方法来过滤数组中的重复元素。方法一：思路：1）构建一个新的数组存放结果；          2）for循环中每次从原数组中取出一个元素，用这个元素循环与结果数组对比；          3）若结果数组中没有该元素，则存到结果数组中。代码实现：Array.prototype.unique1 = function(){ var res = [

本文主要介绍的方法主要有以下几个，这几个方法都不会改变原来的数组。Array.prototype.concat()Array.prototype.join()Array.prototype.slice()Array.prototype.toString()Array.prototype.indexOf()Array.prototype.lastIndexOf()1、Arra

本文主要介绍的方法主要有以下几个，这几个方法都会改变当前操作的数组内容。Array.prototype.pop()Array.prototype.push()Array.prototype.shift()Array.prototype.unshift()Array.prototype.reverse()Array.prototype.sort()Array.prototype.spli

在说明如何判断一个对象为数组类型前，我们先巩固下js的数据类型，js一共有六大数据类型：number、string、object、Boolean、null、undefined。string： 由单引号或双引号来说明，如"string"；number：数组类型，比如整数、小数等；Boolean: 有两个值：true、false;undefined：未定义，就是你创建一个变量后却没给它赋值

DIV+CSS是Web设计标准，它是一种网页的布局方法。与传统中通过表格（table）布局定位的方式不同，它可以实现网页页面内容与表现相分离。1、描述一下浮动会造成什么影响。       我们知道，当一个元素浮动时，其周围的文字段落等会相应地环绕着它。这样浮动元素就会变成一座“孤岛”，周围的东西就会成为“水流”围绕着它。那么这时问题来了，我们往往希望浮动不要对周围原有的布局产生影响，想到的

在看书的时候，看到一个题目关于浏览器的兼容性问题，于是我就整理了几个遇到的问题，并通过案例来说明如何解决。1、IE6 双边距的问题  这个的意思是，如果我将一个div使用float的情况下，不管是向左还是向右都会出现双倍的间距，我举一个最简单的例子说明一下。

前端工程师在开发的过程中，遇到最头疼的莫过于是浏览器的兼容性问题，常常为了实现一个兼容各种浏览器的效果绞尽脑汁。我们平时在写前端代码的时候，在排版时也是会遇到各种兼容性问题，尤其是老板要求要兼容IE5、IE6、IE7的时候。接下来我总结几个我遇到的兼容性问题以及解决方法，后续遇到会慢慢更新。1、H5标签兼容   IE5、IE6不兼容    H5标签在IE5、IE6不兼容下不兼容。为了说明这

1、写出media type的几种使用方法。1）方法一 ：2）方法二：3）方法三：@import url("style.css") screen; 4）方法四： @import url("style.css"); 5）方法五：@media screen{ selector{rules} }      当然，这几种方法各有利弊，而我们常用的是第一种和最后

HTML5 canvas元素随其而来的编程接口Canvas API应用前景极为广阔。简单地说，canvas元素能够在网页中创建一块矩形区域，这块矩形区域可以称为画布，这其中可以绘制各种图形。 是HTML5出现的新标签，像所有的dom对象一样它有自己本身的属性、方法和事件，其中就有绘图的方法，js能够调用它来进行绘图 。1、在页面中添加canvas元素       如果要向页面中添加ca

在CSS 3中，CSS Flexible Box模块为一个非常重要的模块，该模块用于以非常灵活的方式实现页面布局处理。       虽然可以使用其他CSS样式属性来实现页面布局处理，但是如果使用CSS Flexible Box模块中定义的弹性盒布局技术，可以根据屏幕尺寸或浏览器窗口尺寸自动调整页面中各局部区域的显示方式，即实现非常灵活的布局处理。       引入弹性盒布局模型的目的是

1、请用代码写出标签的使用方法。      方法一：video标签。      方法二：video标签。      因为现阶段不同的浏览器支持的视频格式是不同的，当我们有多种格式的视频样式时，我们会用第二种方法来做兼容调试。2、HTML5有哪些不同类型的存储。     HTML5支持本地存储，速度快而且安全，在之前版本中是通过Cookie实现的。     有两种不同的对象可

概念z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。 层级关系的比较1. 对于同级元素，默认(或position:static)情况下文档流后面的元素会覆盖前面的。2. 对于同级元素，position不为static且z-index存在的情况下z-index大的元素会覆盖z-index小的元素，即z-

最近刚好在看前端的面试，把看到的内容总结一下，方便大家一起学习。1、简单说一下对HTML5+CSS3的了解。     HTML5和CSS3不仅是两项新的Web技术标准，而且代表了下一代HTML和CSS技术。其未来的发展前景已经可以预见，那就是HTML5必将被越来越多的Web开发人员所使用。各大浏览器厂家已经积极更新自己的产品，以更好地支持HTML5.它的优势主要有以下几点：    1）

其实在栅格系统之前，我们已经采用过流式布局，也可以实现响应式的布局设计。我们在编写普通的页面时，经常会使用百分比的方式进行布局，实现简单的响应式布局，然后为各个标签写我们想要的样式。在Bootstrap中，是采用栅格系统来进行响应式的布局。接下来我们具体看一下这个栅格系统的一些知识点以及简单应用。一、栅格系统的简单介绍       栅格系统用于通过一系列的行（row）与列（column）的

在前面，我们已经讲解了transform这个属性以及案例，那么本文会进一步结合transform和transition两个属性，并制作一个简单的案例进行说明。一、transition属性说明接下来简单分析一下transition这个属性的定义以及子属性。     1）ansition-property  要运动的样式  （all || [attr] || none）     2）t

首先简单总结一下transform这个属性，transform的含义是：改变，使…变形；转换。transform的常用属性：       1）rotate()  旋转函数 取值度数             deg  度数             Transform-origin 旋转的基点       2）skew() 倾斜函数 取值度数              skew

我们在word里面一般是用两种单位进行调整行间距，一种是单倍间距、1.5倍间距、2倍间距等，另外一种则是采用“磅”来进行设置，我在写文档时一般不喜欢用单倍间距，我觉得22磅的间距最合适，看起来最舒服。      今天刚好用latex编辑论文时，想要调整llncs模板中的行间距，所以总结了两种方式，不过在使用之前都必须引入包文件：\usepackage{setspace}：1）\renewc

CSS3中的border-image是非常有用的，但是有点不太好理解，因为 border-image的实际功能是它的字面意思有点不太统一。从字面上来看border-image只是针对边框有效，但是在实际运用中非边框区域也可以进行添加。我一开始看到这个的时候不太理解，尤其是在border-width的设置，我看到其他文章中直接利用border-width加上border-image就可以实现，但是后

CSS3设置文字阴影效果对文字字体设置阴影效果篇text-shadow样式，本来在CSS2版本中也有此属性，但在CSS3中文字阴影text-shadow再次被应用，丰富文字排版布局美化效果。在写网页的过程中，大标题可以采用颜色对比鲜明的"文字阴影"来使主题更突出。       这个属性可以给一个对象应用一组或多组阴影效果，方式如前面的语法显示一样，用逗号隔开。text-shadow: X-Of

在前面介绍了CSS3选择器中的属性选择器和结构性伪类选择器，在结构性伪类选择器的文章中也提及了伪元素和伪类，那么本文会详细说明几个伪类的使用，但是侧重点在于before和after两个伪类的使用。        先列举伪类有什么，当然可能不是完整的，后面会一个一个举例说明如何使用。1）E:target 表示当前的URL片段的元素类型，这个元素必须是E2）E:disabled 表示不

在学习结构性伪类选择器之前，先了解2个概念：CSS中的伪类选择器和伪元素：1、伪类选择器：CSS中已经定义好的选择器,不能随便取名                 常用的伪类选择器是使用在a元素上的几种，如a:link|a:visited|a:hover|a:active2、伪元素选择器：并不是针对真正的元素使用的选择器，而是针对CSS中已经定义好的伪元素使用的选择器      C

在此之前，大家应该学了一些基本的css选择器，比如简单的id选择器，class选择器，标签选择器，群组选择器，包含选择器等，  本篇文章主要是分享几个CSS3的属性选择器，属性选择器应用起来还是非常方便的。一、'匹配所有'的属性选择器       Element[attribute]，只使用属性名，但是没有确定的任何属性值。例子如下，通过匹配属性为course的标签，就可以匹配所有属性

在CSS中对元素进行水平居中是非常简单的：如果它是一个行内元素，就对它的父元素应用 text-align: center ;如果它是一个块级元素，就对它自身应用 margin: auto。然而如果要对一个元素进行垂直居中，可能光是想想就令人头皮发麻了。　　多年以来，垂直居中已经成为了CSS领域的圣杯，它同样也是前端开发圈内广为流传的笑话。原因在于它同时具备以下几条特征：

插入排序的代码实现虽然没有冒泡排序和选择排序那么简单粗暴，但它的原理应该是最容易理解的了，因为只要打过扑克牌的人都应该能够秒懂。像排序一手扑克牌，开始时，我们的左手为空并且桌子上的牌面向下。然后，我们每次从桌子上拿走一张牌并将它插入左手中正确的位置。为了找到一张牌的正确位置，我们从右到左将它与已在手中的每张牌进行比较，拿在左手上的牌总是排序好的，原来这些牌是桌子上牌堆中顶部的牌。1）算法原理

表现最稳定的排序算法之一，因为无论什么数据进去都是O(n²)的时间复杂度.....所以用到它的时候，数据规模越小越好。唯一的好处可能就是不占用额外的内存空间。1）算法原理         先在未排序序列中找到最小（大）元素，存放到排序序列的起始位置，然后，再从剩余未排序元素中继续寻找最小（大）元素，然后放到已排序序列的末尾。以此类推，直到所有元素均排序完毕。2）算法

冒泡排序可谓是最经典的排序算法了，它是基于比较的排序算法，时间复杂度为O(n^2)，其优点是实现简单，n较小时性能较好。1）算法原理       相邻的数据进行两两比较，小数放在前面，大数放在后面，这样一趟下来，最小的数就被排在了第一位，第二趟也是如此，如此类推，直到所有的数据排序完成。2）算法描述       比较相邻的元素。如果第一个比第二个大，就交换它们两个；

数组在js的应用中非常重要，很多地方都用到了数组进行存储数据。今天总结一个小小的问题，但是很容易忘记的小知识点。要求：将1-100之间的奇数存入到数组中。分析：        假设数组array，循环判断初始值var i=1。        大家最先想到的方法应该是我们对i进行判断，然后将符合条件的i值存入数组array[i]，最后进行打印查看结果是否正确，代码如下：var a

$(document).ready() 里的代码是在页面内容都加载完才执行的，如果把代码直接写到script标签里，当页面加载完这个script标签就会执行里边的代码了，此时如果你标签里执行的代码调用了当前还没加载过来的代码或者dom，那么就会报错，当然如果你把script标签放到页面最后面那么就没问题了，此时和ready效果一样。      $(document).ready(funct

在Javascript 中，页面上的每一对 标记都解析为一个对象，即form 对象。所有的表单元素都支持type、name、form、value属性。如果一个表单对象定义如下：         获得该表单对象的方法：        1>  document.forms["frm1"];   // 根据name属性值

jQuery中的on()函数用于为指定元素的一个或多个事件绑定事件处理函数。此外，你还可以额外传递给事件处理函数一些所需的数据。从jQuery 1.7开始，on()函数提供了绑定事件处理程序所需的所有功能，用于统一取代以前的bind()、delegate()、 live()等事件函数。     on()方法支持直接在目标函数上绑定事件，也支持在目标元素的祖辈元素上委托绑定。在事件委托绑

回顾2016年，真的是“时光荏苒，白驹过隙”。每个人总会在年初立誓旦旦计划这一年来自己想做的事，当然所有的一切期望都是为了让自己更完美，也就是我标题所说的：多花时间修炼不完美的自己。在这一年，我也给自己立下了目标：首先是作为研究生的自己，想发表一篇等级相对较高的学术论文；其次就是想在前端领域多加修炼，学习技术，也为自己以后的就业打下基础。在这里也希望看到这篇的文章的自己都能实现2016年的目标！只

"DOM2级事件"规定的事件流包括三个阶段：事件捕获阶段、处于目标阶段和事件冒泡阶段。首先发生的是事件捕获，为截获事件提供了体会。

在学习的过程中，看到js学习的视频中在讲解模拟短信发送，所以自己也动手写了一下这段代码。     在写一个普通的功能时，首先需要设计页面，也就是html结构，然后用css样式修饰，使其界面更加美观。最后才是开始编写js代码，实现页面的交互。     界面设计如下：html结构如下： //为了先实现界面，所以事先写了对话内容

1、事件传播-冒泡与捕获       DOM事件标准定义了两种事件流，这两种事件流有着显著的不同并且可能对你的应用有着相当大的影响。这两种事件流分别是捕获和冒泡。   　 默认情况下，事件使用冒泡事件流，不使用捕获事件流。然而，在Firefox和Safari里，你可以显式的指定使用捕获事件流，方法是在注册事件时传入useCapture参数，将这个参数设为true。W3C模型是将事件冒泡

1、事件      在浏览器客户端应用平台，基本都是以事件驱动的，即某个事件发生，然后做出相应的动作。2、事件对象     event : 事件对象 , 当一个事件发生的时候，和当前这个对象发生的这个事件有关的一些详细的信息都会被临时保存到一个指定地方-event对象，供我们在需要的调用。3、事件冒泡      在一个对象上触发某类事件（比如单击onclick事件），如果此对象

在写前端代码的过程中，经常会发现有很多功能的代码是重复的，比如说在网易的首页中，有好几个的选项卡，这些选项卡的功能其实是一样的，就是当鼠标点击或者划过去的时候，下面的内容显示会相应的显示对应的内容，区别在于选项卡的个数以及选项卡的文字内容。所以在写这部分代码的过程中，我们尽可能可以重用代码，不会导致过多的冗余代码。       重用代码：            1、尽量保证 HTML 代码

一、Js的数据类型     JavaScript 拥有动态类型。这意味着相同的变量可用作不同的类型。可以通过typeOf来判断数据类型。var x // x 为 undefinedvar x = 6; // x 为数字var x = "Bill"; // x 为字符串     Js的基本数据类型：数字、字符串、布尔、数组、对象

在移动端网站的设计过程中，头像的设置主要存在两个问题，第一个是关于头像显示的——若没人上传头像，你的设计稿看起来会怎样？第二个问题是头像的点击事件是什么，即用户的操作。目前，在各个社交网站中，或者app中，头像的设置基本是有的，简单的看看微信，QQ，微博等社交APP，都有个人头像的栏目，在不同的页面，头像的点击操作也是不一样的。       最近在设计和思考用户个人头像的一个操作。在不同的页面

做前端开发的程序员一定要熟悉各种浏览器的内核，以了解各种浏览器的兼容性，浏览器自带的特性，这样才能做出更好的兼容性设计以及代码撰写。       浏览器的种类，如果按照生产商的品牌分，不说数以万计，起码也有成百上千种了， 如果按浏览器核心分类，它的种类就会少的多。 当今浏览器核心的种类值得一体的大约只有三到四个，它们分别是：Trident、Gecko、WebKit和Presto。 乍一看，似乎

在前面的文章中，我们讲到了js中数组的具体操作，详见（Js对Array的各种操作总结），这里就不再做详细的讲解。今天主要的目的是如何用数组进行图片的简单左右切换。       本文中的图片切换具体步骤如下：       第1步：简单的布局并设计基本的显示样式；       第2步：通过js获取相关元素；       第3步： 通过数组进行图片url和对应文字描述的存

今天刚好学习Js的基础知识部分中的属性读写操作，所以进行了整理，这样也帮助自己总结和归纳。     HTML的属性操作分为读和写操作，基本的操作方法就是属性名.属性值。       1）属性读操作：获取、找到元素        元素. 属性名      2）属性写操作：替换，修改或者添加        元素.属性名 = 属性值注意：    1、js中不允许出现“ - ”

在说明方法之前，先看一下效果图：      在border-radius出现之前，实现圆角效果使用的是滑动门。滑动门是利用背景图像的可层叠性，并允许他们在彼此之上进行滑动，以创造一些特殊的效果。       要想让滑动门适用于多种场合，左右两个角必须透明，以此露出背景颜色，若是左右压中间，左右角的透明部分露出的是中间的颜色，所以只能改成中间压左右，中间部分可以重叠，已达到宽度自适应

我们先来回忆一下float的特征：       1）块在一排显示       2）内联支持宽高       3）默认内容撑开宽度       4）脱离文档流       5）提升层级半层    由于float浮动脱离文档流，那么就很容易产生各种兼容性和由于浮动产生的视觉效果上的差别。接下来我们分析几种主要的解决方法。大家最熟悉的方法应该就是添加空标签，然后利用clear

position 属性规定元素的定位类型，定义建立元素布局所用的定位机制。任何元素都可以定位，不过绝对或固定元素会生成一个块级框，而不论该元素本身是什么类型。相对定位元素会相对于它在正常流中的默认位置偏移。     position一般分为三种，一种是相对定位relative，一种是绝对定位absolute，一种是固定定位fixed，接下来分别说明这三个属性的用法以及相对应的特性，并举例说明。

元素可以分为两种，一种是块元素，一种是内联（行内、内嵌）元素。块元素比如常用的div、p、h1等，内联元素比如常用的span、i、a等。接下来详细说明这两种元素各自的特性、使用方法以及两者之间的相互转化。1、块元素的特性      1）默认独占一行      2）没有宽度时，默认撑满一行      3）支持所有css命令如图所示：代码：

在html中，标签非常多，比如说列表，按钮，图片，文字等等，每一种标签都有自己的使用方法以及相关的约束条件。具体的标签可以直接到w3c的网站上查看，这里就简单了解一下html5的标签。一、HTML5的新结构标签       在之前的HTML页面中，在布局方式中，大家基本上都是用Div+CSS。而搜索引擎去抓取页面的内容的时候，它只能猜测你的某个div内的内容是文章内容容器，或者是导航模块的

之前一直在修改现成的项目，学习的内容也是现学现用，没有很系统的学习，这次决定发一些时间，系统的学习，以便充实自己的前端知识，也想提升自己的前端技术。  今天总结的是HTML5基础的第一部分代码入门，主要涉及样式表、边框、背景设置、文字文本、padding、margin以及盒模型等。一、样式表  层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTM

Array应该是我们在平时写js代码中，使用频率最高的，在平时的项目中，很多数据都是可以通过Array来存储、操作等任务。除了Object之外，Array类型应该是js中最常用的类型了。今天总结一下Array的一些简单和基本的操作，也来巩固下自己的基础知识。一、如何创建Array（下面直接说数组）创建数组主要有两种方法，第一种是使用数组构造函数，第二种是使用数组字面量表示法。1、使

       li标签的使用很广泛，在各种选项卡的制作，导航栏等都用到，那么li标签的横向排列也是经常用到。&lt;ul&gt;标签下的项目&lt;li&gt;默认是纵向排列的，我们需要定义额外的CSS属性让其横向排列，li标签的横向排列有两种实现方法，现总结如下：1、使用float:left      在这里顺便解释几个css样式的使用。       1）list-style:none,这个属性...

无论是注册流程、多页问卷，还是简单的数据录入界面，表单都是数字化产品设计的重要组成部分。我们无时无刻都在使用表单（Form），在网上购物、邮件注册、参与评论等等。不夸张的说，它已经成为了数字信息时代不可分割的一份子。然而，这么多年伴随着一些改进我们发现，表单设计在我们的使用感受中也仅仅停留在“还可以”的程度。不过，现在我们可以使用新的方法设计出更好、更便捷的表单体验。那么，首先来说明一下表单所

众所周知，a标签的最重要功能是实现超链接和锚点。而且，大多数人认为a标签最重要的作用是实现超链接，今天我刚好碰到a标签的一种写法，所以就来整理下a标签中href的几种用法。一、Js的几种调用方法（参考总结的）1、a href="javascript:js_method();"这是常用的方法，但是这种方法在传递this等参数的时候很容易出问题，而且javascript:协议作为a的h

【转载自 机器学习中的相似性度量 http://www.cnblogs.com/heaad/archive/2011/03/08/1977733.html】在做分类时常常需要估算不同样本之间的相似性度量(Similarity Measurement)，这时通常采用的方法就是计算样本间的“距离”(Distance)。采用什么样的方法计算距离是很讲究，甚至关系到分类的正确与否。　　本文

折叠面板或者说折叠列表在移动端的使用非常广泛，不仅可以让页面渲染地更简洁，而且使用起来也是很大方，很实用。在做项目的过程中，我应用到了这个功能，进行了改进并应用，接下来详细讲解。结果展示：html页面代码： Title