2018年01月_MoonLight_dR

原创 JS实现跳转到指定的div

JS实现跳转到指定的div：portf.onclick=function(){ window.location.hash = "#porft-me";}点击porft按钮即可自动跳转至指定的div。注意：在js函数中双引号必须是id值，不可以是class的值，因为id是唯一的而class不是。

2018-01-30 20:28:34 4849

原创将div控制在指定位置

div位置的限定：在实际效果中有时会需要将某一部分内容限定在指定位置，不随滑轮的滚动而滚动：.title{ background-color:pink; height:90px; width:1400px; margin-top:-8px; margin-left:-8px; margin-right:-8px; position: fixed;}

2018-01-30 20:24:46 4353

原创 JS中的数组排序函数-sort()与revsrse()

JS中的数组排序函数:sort()与reverse()一：sort()函数排序常见的排序有冒泡排序，而js中直接使用函数sort即可：具体原理及解释如下：var array = [1, 12, 21, 2];array.sort(function(a,b){ return b-a;}); array = [21, 12, 2, 1];理解：1. 对于function（

2018-01-26 10:25:47 801

原创 JS中的数组遍历函数

JS的数组迭代函数：1-map():则是对原数组的加工，映射成一一映射的新数组:var oldArray = [1,2,3,4,5];var newArray = oldArray.map(function(val){ return val+3;}); 经过map()函数处理后，原数组中的每个值都加3，然后存在一个新数组中。此函数可以遍历oldArray数

2018-01-25 21:19:43 792

原创 JS中的split(）函数

split()函数： split(“”)与split(” “)的区别： split(” “)：函数展示：使用split(” “)后的字符串的结果：可以看作是将一句话分成了一个单词，分隔符是空格。 split(“”) 函数展示：使用split(“”)的结果：可以看作将单词分成了单个的字符》在

2018-01-25 10:44:32 7485

原创 JSON中的Record Collection

JSON 要求：边有一个JSON对象，代表着你的专辑集。每一张专辑由一个唯一的id标识，并具有多种属性。但并非所有的专辑都有完整的信息。（1）写一个函数，它有个三个参数，id、prop、 value。（2）如果 value !=” 而且prop != ‘tracks’ ，collectionCopy[id][prop]=value;。（3）如果 value !=”

2018-01-24 13:47:17 1782 1

原创 IntelliJ IDEA 2017部署Tomact

IntelliJ IDEA 2017部署Tomact： 1 打开IDEA，如下所示： 2 点击右下角的Configure，如下所示： 3 选中下拉列表中的settings，点击进入，如下所示： 4 找到左侧的Application Servers点击使之变蓝，然后找到中间上面的绿色”+“。点击加号，如下所示： 5 找到Tomcat Server双击

2018-01-23 21:58:49 1345

原创 JS数组数据删除与添加

JS 中数组的数据移入与删除： 1 移入数据： push（）函数：从后移入，即在原始数据后添加一个数据，具体如下所示：显示结果： unshift()函数：从头移入，在数组数据的开头添加数据，具体操作如下所示：显示结果： 2 删除数据 pop（）函数：删除数组中的最后

2018-01-23 16:29:38 25864

原创 BootStrap

Bootstrap 1.Bootstrap指定行宽度 Bootstrap使用响应式栅格系统，这使得把元素放入行内并为每个元素指定宽度变得很容易，可以使多个div位于同一行，Bootstrap 的12栏栅格布局如下图所示： **注意**：在此图示中，我们使用了 col-md-* class 。此处 md 代表中等，* 指定了元素宽度应该占用的栏数（一行总栏数为12）

2018-01-23 14:25:42 225

原创 margin与padding

margin与padding的区分 1. margin与padding都是指边距，有上下左右四个边距,之前一值分不清有什么区别首先如下图直观感受：将整个界面看作一个大的容器，而里面有很多个小容器组成： border：边框： margin：外边距（可以理解为小容器到边框的距离）； padding：内边距（可以理解为小容器内部的文字到该容器的边距）。可以更改不同的margi

2018-01-23 12:45:08 223

原创图片设置边框

* *图片边框设置**图片边框设置一般有三种，可以给img标签添加相应的样式： 1.正方形：样式如上图所示： border-color:边框颜重点内容色； border-width:边框宽度； border-style：边框样式；显示效果： 2.圆角正方形：样式设置：效果显示： 3.圆形边框：样式设置：显示效果：注意第二

2018-01-22 09:44:54 888

原创 Servlet的配置及执行过程

1.Servlet基本配置：中是Servlet的类的配置含义如下：红色箭头：Servlet类的名称，具有唯一性；橙色箭头：Servlet在项目中的路径；中是Servlet类的虚拟路径的配置，即映射含义如下：蓝色箭头：Servlet类的名字与注册时一致；绿色箭头：访问路径，

2018-01-20 20:24:10 527

原创 Tomcat点击运行闪退

tomcat环境配置： 1.在系统变量中配置CATALINA_BASE：变量名：CATALINA_BASE；变量值：E:\apache9.0（tomact的解压路径，名字尽可能全英文简短） 2.在系统变量中配置CATALINA_HOME：变量名：CATALINA_HOME；变量值：E:\apache9.0（toma

2018-01-19 15:03:52 783

原创 JDK配置环境Win10

JDK环境变量配置——Win10系统总：Jdk环境变量配置win10，需要配置三个变量： JAVA_HOME；CLASSPATH；Path。具体操作如下所示：第一步：打开系统环境配置页。操作如下：右击“我的电脑”，进入属性，如下图所示：第二步：在上图弹出的页面中选择“高级选项设置”，显示的界面如下所示：第三步：选择“环境变量”开始进行变量配置环境变量有用户变量和系统变量

2018-01-19 13:24:32 1179

原创 url-pattern配置

url-pattern的配置方式： 1）完全匹配：访问的资源与配置的资源完全相同才能访问到 /quickStratSevlet 2）目录匹配：格式：/虚拟的目录.../* *代表任意 /aaa/bbb/ccc/* 3）扩展名匹配：格式：*.扩展名 *.abc 注：第二种与第三种不要混用/aaa/bbb/*.ccc（错误的）

2018-01-17 21:52:37 609

原创 Servlet学习笔记

Servlet的API（生命周期）1 Servlet接口中的方法 1）init（ServletConfig config）何时执行：servlet对象创建的时候执行 ServletConfig：代表的是该servlet对象的配置对象 2）service（ServletRequestrian reqest，ServietResponse response）何时执行：

2018-01-17 21:32:31 176

MoonLight_dR的博客