![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
学习笔记
MoonLight_dR
不忘初心、继续前行
展开
-
css盒模型
css盒模型:标准盒模型:宽度=内容的宽度(content)+ border + padding + marginIE盒模型(低版本):宽度=内容宽度(content + border + padding)+marginbox-sizing属性用来控制盒子模型的解析模式,默认为content-boxcontent-box:标准的盒子模型,设置的height/width属性,指的是content部分的宽高border-box:IE传统盒子模型,设置的height/width属性,指的是原创 2020-11-18 17:07:03 · 67 阅读 · 0 评论 -
Vue中的动态加载组件
Vue中动态组件加载背景:在vue中,内容过多,需要采用分解成不同的组件,在父组件中引入子组件,常见的有静态引入(在某一个组件中指定引入某一个子组件)以及动态引入(在组件中根据不同的场景需要使用不同的子组件),通常使用于对话框的封装中。用法1:通常在vue项目中,需要在组件中引入子组件,常见的方法: 在html中直接引入,此时子组件是写死的,不能改变<div> <my-component/></div>在js中引入一个my-compon...原创 2020-10-26 16:17:49 · 2180 阅读 · 0 评论 -
Angular程序建构
Angular程序架构:组件(component):是Angular应用的基本构建块,可以把一个组件理解为一段有业务逻辑和数据的html;指令:允许你向html元素添加自定义行为;服务:用来封装可重用的业务逻辑;模块:用来将应用中不同的部分组织成一个Angular框架可以理解的单元。组件、服务、指令用来完成功能;模块:打包进行发送;原创 2018-02-04 15:19:20 · 185 阅读 · 0 评论 -
Servlet的配置及执行过程
1.Servlet基本配置: 中是Servlet的类的配置含义如下: 红色箭头:Servlet类的名称,具有唯一性; 橙色箭头:Servlet在项目中的路径; 中是Servlet类的虚拟路径的配置, 即映射含义如下: 蓝色箭头:Servlet类的名字与注册时一致; 绿色箭头:访问路径,原创 2018-01-20 20:24:10 · 503 阅读 · 0 评论 -
Cookie简介
Cookie简介一、cookie简单介绍1.cookie的作用 cookie是存储再客户端上的一小段数据,浏览器(即客户端)通过HTTP协议和服务器端进行cookie交互,通常用来存储一些不敏感信息。2.cookie的清除方式 1)通过浏览器工具清除cookie; 2)通过设置cookie的有效期来清除cookie:删除cookie可能会导致某些页面不能用。3.cookie存在类型...原创 2018-03-01 15:49:04 · 385 阅读 · 0 评论 -
reflow(回流)与repaint(重绘)
reflow(回流)与repaint(重绘)reflow:当render树中的一部分或者全部因为大小边距等问题发生改变而需重建的过程叫回流; 理解:会影响排版的情况下。repaint:当元素的一部分属性发生变化,如外观背景色不会引起布局变化而需要重新渲染的过程叫做重绘; 理解:浏览器得知元素产生了不影响排版的情况下后对这个元素进行重新绘制的过程。例如改变...原创 2018-03-22 15:56:26 · 374 阅读 · 0 评论 -
网络基础
一、GET和POST的区别1.get可以被浏览器缓存,post不能;2.对于get的请求,浏览器会把http header和data一并发送出去,服务器响应200(返回数据);3.对于post请求,浏览器会先发送header,服务器响应100 continue,浏览器再发送data,服务器响应200;二、websocket1.与http协议一样,同属于应用层协议。最重要的用途时实现客户端与服务端之...原创 2018-03-13 16:40:10 · 157 阅读 · 0 评论 -
从输入URL到页面加载发生了什么
从输入URL到页面加载发生了什么总体来说可以分为以下几个过程:1.DNS解析;2.TCP连接;3.发送HTTP请求;4.服务器处理请求并返回HTTP报文;5.浏览器解析渲染页面;6.连接结束;具体过程分析:DNS解析DNS解析的过程就是寻找哪台机器上有你需要资源的过程,实现了由网址都ip地址的转换。互联网上每一台计算机都有唯一的标识:ip地址,但是ip地址记忆并不方便,用户更喜欢去根据网址来寻找,...原创 2018-03-14 15:26:34 · 409 阅读 · 0 评论 -
浏览器兼容性
浏览器兼容性问题html部分ul标签内外边距问题ul标签在IE6、7中有个默认的外边距,但是在IE以上及其他浏览器中有个默认的内边距;解决办法:统一设置ul的内外边距为0;css样式的兼容性1.IE6双边距问题:IE6在浮动后,又有横向的margin,此时,该元素的外边距是其值的2倍; 解决办法:display:block;2.IE6图片的下方有空隙; 解决办法:给img设置display...原创 2018-03-14 16:17:31 · 227 阅读 · 0 评论 -
前端性能优化
前端性能优化的方法1.减少HTTP请求次数 基本原理:在浏览器和服务器之间发生信息交换时,需要耗费大量时间,而一个正常的http请求是比较复杂的,平凡的发送http请求会大大降低运行速度;而当我们请求的网页中有多个图片、css、js时会频繁的与服务器建立连接,释放连接,会造成资源的浪费,所以减少http请求次数会提高性能; 具体方法:尽量和并图片、css、js。 ...原创 2018-03-21 13:08:17 · 248 阅读 · 0 评论 -
Typescript常见表达式
Typescript常见表达式一、析构表达式:(destructuring)1.数组析构表达式 用中括号括起来:var array1 = [1, 2, 3, 4];function doSomething([number1,number2, ...others]) { console.log(number1); console.log(number2);原创 2018-02-04 13:31:10 · 2411 阅读 · 0 评论 -
Typescript参数
Typescript参数:1.参数类型: 使用规则:在参数名称后面使用冒号来指定参数类型。 常见的类型:string、number、any、boolean;var myname:string = "zhangming";var alias: any = "xixi";var age: number = 13;var man: boolean = true;2.函数原创 2018-02-04 12:53:22 · 588 阅读 · 0 评论 -
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 · 755 阅读 · 0 评论 -
margin与padding
margin与padding的区分 1. margin与padding都是指边距,有上下左右四个边距,之前一值分不清有什么区别 首先如下图直观感受: 将整个界面看作一个大的容器,而里面有很多个小容器组成: border:边框: margin:外边距(可以理解为小容器到边框的距离); padding:内边距(可以理解为小容器内部的文字到该容器的边距)。 可以更改不同的margi原创 2018-01-23 12:45:08 · 208 阅读 · 0 评论 -
BootStrap
Bootstrap 1.Bootstrap指定行宽度 Bootstrap使用响应式栅格系统,这使得把元素放入行内并为每个元素指定宽度变得很容易,可以使多个div位于同一行,Bootstrap 的12栏栅格布局如下图所示: **注意**:在此图示中,我们使用了 col-md-* class 。此处 md 代表中等,* 指定了元素宽度应该占用的栏数(一行总栏数为12)原创 2018-01-23 14:25:42 · 200 阅读 · 0 评论 -
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 · 1333 阅读 · 0 评论 -
JS数组数据删除与添加
JS 中数组的数据移入与删除: 1 移入数据: push()函数: 从后移入,即在原始数据后添加一个数据,具体如下所示: 显示结果: unshift()函数: 从头移入,在数组数据的开头添加数据,具体操作如下所示: 显示结果: 2 删除数据 pop()函数: 删除数组中的最后原创 2018-01-23 16:29:38 · 25834 阅读 · 0 评论 -
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 · 1730 阅读 · 1 评论 -
Servlet学习笔记
Servlet的API(生命周期)1 Servlet接口中的方法 1)init(ServletConfig config) 何时执行:servlet对象创建的时候执行 ServletConfig:代表的是该servlet对象的配置对象 2)service(ServletRequestrian reqest,ServietResponse response) 何时执行:原创 2018-01-17 21:32:31 · 169 阅读 · 0 评论 -
url-pattern配置
url-pattern的配置方式: 1)完全匹配:访问的资源与配置的资源完全相同才能访问到 /quickStratSevlet 2)目录匹配:格式:/虚拟的目录.../* *代表任意 /aaa/bbb/ccc/* 3)扩展名匹配:格式:*.扩展名 *.abc 注:第二种与第三种不要混用/aaa/bbb/*.ccc(错误的)原创 2018-01-17 21:52:37 · 600 阅读 · 0 评论 -
JDK配置环境Win10
JDK环境变量配置——Win10系统总:Jdk环境变量配置win10,需要配置三个变量: JAVA_HOME;CLASSPATH;Path。 具体操作如下所示:第一步:打开系统环境配置页。操作如下:右击“我的电脑”,进入属性,如下图所示:第二步:在上图弹出的页面中选择“高级选项设置”,显示的界面如下所示: 第三步:选择“环境变量”开始进行变量配置环境变量有用户变量和系统变量原创 2018-01-19 13:24:32 · 1150 阅读 · 0 评论 -
图片设置边框
* *图片边框设置**图片边框设置一般有三种,可以给img标签添加相应的样式: 1.正方形: 样式如上图所示: border-color:边框颜重点内容色; border-width:边框宽度; border-style:边框样式; 显示效果: 2.圆角正方形: 样式设置: 效果显示: 3.圆形边框: 样式设置: 显示效果: 注意第二原创 2018-01-22 09:44:54 · 849 阅读 · 0 评论