自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(22)
  • 收藏
  • 关注

原创 自动轮播实现(transition和transform)

自动轮播实现(transition和transform)@TOC<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>轮播</title> <style> .co

2020-08-24 17:43:07 645

转载 java上传文件到服务器读取速度提升

今天项目中用到一个上传下载文件的功能,发现本地文件上传到服务器速度比较慢,用正常的InputStream获取文件流,然后in.read()读取,out.write()写到服务器,这种会比较慢;(可以附上代码)提升方法Java中NIO通道channel然后在博客上发现:借鉴一下FileInputStream fis = new FileInputStream(file) ;FileChannel inChannel = fis.getChannel();FileChannel outChannel

2020-05-28 22:31:06 1635 1

转载 外边距折叠

文章目录外边距折叠问题外边距折叠的概念普通流概念:外边距折叠的产生条件外边距折叠的结果如何避免外边距折叠外边距折叠问题外边距折叠的概念在CSS中,两个或多个毗邻的普通流中的盒子(可能是父子元素,也可能是兄弟元素),在垂直方向上的外边距会发生叠加,这种形成的外边距称为外边距叠加。普通流概念:只要不是float、absolute、root element时就是普通流。外边距折叠的产生条件*都属于普通流的块级盒子且都参与到相同的块级格式化上下文中;*没有被padding、border、clear和

2020-05-27 13:17:23 224

原创 标准模式和混杂模式

首先引入文档模式的概念:通过文档类型DOCTYPE切换实现。最初的文档模式:标准模式和混杂模式。混杂模式:让IE的行为与IE5(非标准行为)相同;标准模式:让IE的行为更接近标准行为;两种模式的影响:虽然这两种模式主要影响CSS内容的呈现,但是某些情况下也会影响到JavaScript的解释执行;具体的差异体现:例1:窗口大小IE、FireFox、Safari、Chrome、Opera中,document.documentElement.clientWidth/clientHeight保存了

2020-05-26 22:50:00 239

原创 scrollLeft、scrollWidth、offsetWidth、clientWidth

scrollLeft生效条件:1.首先元素内容的宽度超过元素的宽度;2.其次元素设置了overflow属性,并且overflow属性值不能为visiable// An highlighted block.father{ width: 200px; height: 200px; //注意这里overflow属性写在外层div上 overflow:hidden;}.son{ width: 2000px; height: 200px;}<div class="father"&gt

2020-05-25 21:34:49 107

原创 javascript

JavaScript基础执行上下文/作用域链/闭包执行上下文作用域链闭包this/call/apply/bind介绍JavaScript中的this如何改变this指向call和apply的区别如何实现call如何实现apply如何实现bind原型/继承JavaScript中的原型原型链是什么如何利用原型实现继承promisepromise是什么如何实现promiseasync/await深浅拷贝...

2020-04-22 20:07:06 93

原创 CSS

1.positionposition属性值:static(默认)、relative相对(top,left相对自身位置),不脱离文档流、absolute绝对(top,left属性相对于最近一个不为static的父元素)脱离文档流、fixed固定布局,相对于屏幕视口,不会随屏幕滚动而改变、sticky粘性布局,可以看成相对定位和固定定位的组合2.行内元素和块状元素块状元素:div 、h...

2020-04-22 16:21:25 100

原创 HTML5

1.HTML5中的内容:(1)视频标签:video(2)音频标签:audio(3)拖放(4)画布canvas(5)地理位置(6)Web存储两种在客户端存储数据的方式localStorage:没有时间限制的数据存储sessionStorage:针对session的数据存储(随着浏览器关闭消失)cookie:在客户端与服务端之间来回传递用来标明用户身份的数据三者区别:前两者不...

2020-04-22 14:56:42 80

原创 闭包、作用域链、原型链(简单概念)

–JavaScript高级程序设计闭包:有权访问另一个函数作用域中的变量的函数。闭包最常见的创建方式是在一个函数里面创建另一个函数,内部函数可以访问外部函数中的变量。用处:读取函数内部的变量,并让变量始终保存在内存中;注意:使用不当可能会导致内存泄露。-作用域链的作用:保证对执行环境的有权访问的左右变量和函数的有序访问,作用域链的变量只能向上访问,到window对象终止。原型链思想:...

2020-03-22 22:48:23 144

原创 垃圾收集

– JavaScript高级程序设计标记清除:(是目前主流的垃圾收集算法,这种算法的思想是给当前不使用的值加上标记,然后再回收其内存)垃圾收集器在运行的时候会给存储在内存中的所有变量都加上标记(当然,可以使用任何标记方式)。然后,它会去掉环境中的变量以及被环境中的变量引用的变量的标记。而在此之后再被加上标记的变量将被视为准备删除的变量,原因是环境中的变量已经无法访问到这些变量了。最后,垃圾...

2020-03-22 20:45:03 55

原创 防抖和节流

防抖:debounce(不停滑动鼠标时,数字不会累加,当停止滑动,1000ms之后数字才会累加) let num = 1; let content = document.getElementById('content'); function count() { content.innerHTML = num++; }; content.on...

2020-03-19 12:51:16 83

原创 事件委托

事件委托概念:利用事件冒泡,只指定一个事件处理程序,就可以管理某一类型的所有事件。首先封装好EventUtil以便兼容IE var EventUtil = { addHandler: function(element,type,handler){ if(element.addEventListener){//DOM2级事件,支持DOM事件流 ...

2020-03-13 16:51:14 59

原创 setTimeout和setInterval

概念:超时调用概念:setTimeout(func,ms)等待ms时间之后执行回调函数func,只执行一次,调用setTimeout会返回一个ID,表示超时调用,超时调用ID是计划执行代码的唯一标识,可以通过它来取消超时调用clearTimeout(ID)。间歇调用概念:setInterval(func,ms)按指定的时间间隔执行代码,间歇调用ID比较重要,clearInterval(ID...

2020-03-13 13:50:38 106

原创 鼠标事件

–鼠标事件click:单击dbclick:双击mousedown:用户按下任何鼠标按钮触发;冒泡mouseup:用户释放鼠标按钮时触发;冒泡mouseenter:在鼠标光标从元素外部首次移动到元素范围之内触发,而且光标移到后代元素不触发,不冒泡。mouseleave:在位于元素上面的鼠标光标移动到元素范围之外触发,光标移动到后代元素上不触发,不冒泡。mousemove:鼠标在元素内部...

2020-03-12 23:04:20 107

原创 事件

首先说明:IE的事件流是事件冒泡流。–事件冒泡:事件开始时由由最具体的元素接收,然后逐级向上传播到较为不具体的节点。–事件捕获:不太具体的节点更早接收到,最具体的节点最后接收到事件。–DOM事件流:DOM2级事件流包括三个阶段:1.事件捕获阶段,2.目标阶段,3.事件冒泡阶段(前到后顺序)IE8及更早版本不支持DOM事件流。–事件处理程序:**-HTML事件处理程序:**直接在butt...

2020-03-12 16:40:56 108

原创 HTML5 Web存储

HTML提供了两种在客户端存储数据的新方法:(W3C)localStorage——没有时间限制的数据存储sessionStorage——针对一个session的数据存储之前这些都是有cookie完成的,但是cookie不适合大量的数据存储,因为它们由每个对于服务器的请求来传递,使得cookie的速度很慢,效率也不高。在HTML5中,数据不是由每个服务器请求传递的,而是只有在请求时使用数...

2020-03-05 21:56:54 64

原创 轮播图的两种实现方法

//基本思想:假设有3张图片500X313,将图片横向排成一列,将第一张图片拼接在最后一张后面(放置最后一张图片左移时出现空白)//图片所在的ul指定宽度为(3+1)X500 = 2000//首先通过定时器实现图片向左移动 var imgs = document.getElementById("imglist"); var left = 0; var iconlis = ...

2020-03-05 20:55:44 522

原创 异步

宏任务队列与微任务队列执行顺序例子例如:定时器属于宏任务,Promise中then将任务加入微任务队列。执行顺序:微任务优先级>宏任务下面代码: new Promise((resolve,reject)=>{ resolve(555); console.log('Promise'); }).then(value=>consol...

2020-03-02 21:26:01 88

原创 flex弹性布局基础

阮一峰的flex布局一:flex布局Flexible Box:弹性布局,用来为盒状模型提供最大的灵活性。二:概念采用flex布局的元素成为flex容器,它的左右子元素称为项目。容器默认两根轴:水平轴和垂直的交叉轴。三:属性flex-direction:决定主轴的方向。(flex-direction: row | row-reverse | column | column-rev...

2020-03-01 20:17:49 159

原创 JavaScript中的this、call、apply和bind

1.w3c中关于this的定义:this 是什么?JavaScript this 关键词指的是它所属的对象。它拥有不同的值,具体取决于它的使用位置:在方法中,this 指的是所有者对象。单独的情况下,this 指的是全局对象。在函数中,this 指的是全局对象。在函数中,严格模式下,this 是 undefined。在事件中,this 指的是接收事件的元素。这里需要注意的是:方法...

2020-02-27 10:44:56 191 2

原创 JavaScript中的基本数据类型和引用类型

(1)值类型(基本类型):字符串(string)、数值(number)、布尔值(boolean)、undefined、null (这5种基本数据类型是按值访问的,因为可以操作保存在变量中的实际的值)(ECMAScript 2016新增了一种基本数据类型:symbol )(2)引用类型:对象(Object)、数组(Array)、函数(Function)、Date、 RegExp。–访问变量时,...

2020-02-25 11:57:21 113 1

转载 JavaScript中的同步和异步

阮一峰的同步,异步解释“同步模式”就是上一段的模式,后一个任务等待前一个任务结束,然后再执行,程序的执行顺序与任务的排列顺序是一致的、同步地;“异步模式”任务:每一个任务有一个或多个回调函数,前一个任务结束后不是执行后一个任务,而是执行回调函数,后一个任务不等前一个任务结束执行,程序的执行顺序与任务的排列顺序是不一致的,异步的。...

2020-02-21 16:14:57 143 2

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除