qq_36507046的博客

JS中存在两种变量的作用域，一种是全局变量，一种是局部变量。函数内部可以直接读取全局变量，但是在函数外部无法读取函数内部的局部变量。闭包是指有权访问另外一个函数作用域中的局部变量的函数。被访问的局部变量所在的函数就是闭包函数。

什么是盒子模型？IE盒模型与Chrome盒模型的区别？box-sizing的用法

1、html的语义化标签有哪些2、基本数据类有哪些3、讲一下Symbol4、什么是盒子模型？IE盒模型与Chrome盒模型的区别？box-sizing的用法5、行内元素和块级元素的区别，行内元素怎么转化为块级元素6、position的几个属性7、怎么清除浮动8、instance of的用法9、判断数组类型10、几种CSS元素定位方法11、讲一下http12、伪元素和伪类的区别13、如何实现斑马线14、箭头函数与普通函数的区别15、如何实现懒加载，怎样具体实现懒加载的16、html如何添加自定义属性

display属性值很多，但在开发中比较常用的属性值一般是none、block、inline、inline-block。

1. z-index只有在节点设置了position属性后，才能发挥作用，在有positon的情况下，z-index:n，n越大，层级越高，此时依赖 z-index 的层叠上下文元素的层叠顺序取决于 z-index 值。3. 父子元素在不设置 z-index 的情况下，默认子元素的层级会比父元素层级高，即使父元素的 z-index 设置的比子元素的大，子元素的层级依然比父元素的层级高。元素处于不同的层叠上下文中，根据父级的z-index大小来确定层级，与自身的层叠级别无关。...

本节主要介绍了几种常见的CSS设置div水平垂直居中的方法

当我们滚动窗口的时候想让盒子是固定在屏幕的某个位置，或者是让盒子自由的在某个盒子内移动位置或者固定屏幕中的某个位置，并且可以压住其它盒子，这时候我们就需要用定位来实现了。在CSS中有一个很重要的属性position然而使用CSS进行定位操作不仅仅是通过这个position属性来实现的。...

当容器未设置高度，且容器的内容中有浮动（float为left或right）的元素，在这种情况下，容器的高度不能自动伸长以适应内容的高度，使得内容溢出到容器外面而影响（甚至破坏）布局的现象。这个现象叫浮动溢出，为了防止这个现象的出现而进行的CSS处理，就叫CSS清除浮动。本节介绍了几种常见的清除浮动的方法。......

Symbol内置属性

Java求数组中的重复数字的三种解题思路

trim()该方法会从一个字符串的两端删除空白字符，但字符串中间的空格不会被祛除。方法并不影响字符串本身，它返回的是一个新的字符串。

input获取焦点边框 outline属性

利用es6的数组方法实现了一个可以实现商品价格区间查询，商品名称查询的界面

ES6 数组方法：forEach() 、 map() 、filter() 、some() 、every() 、include()的用法

Js面向对象动态添加标签页综合案例，可以实现tab栏的动态切换、添加、删除、编辑。

join()方法就是将array数据中每个元素都转为字符串，用自定义的连接符分割。

nodemon : 无法加载文件 D:\Program Files\nodejs\node_global\nodemon.ps1已解决

css+js新用户注册界面实现

html5推出了专门的data-自定义属性自定义属性一律以data-开头。得到该元素某个自定义属性值，语法：元素.dataset.某个属性名。获取该元素所有的自定义属性，语法：元素.dataset。

JS本地存储（附实例）

JS执行机制，同步和异步，事件循环。

setTimeout仅仅只执行一次，所有可以理解为就是把一段代码延迟执行，平时省略window。结合递归函数可以使用setTimeout实现setInterval（间歇函数）一样的功能。JavaScript内置的一个用来让代码延缓执行的函数叫setTimeout()lettimer=setTimeout(回调函数，等待的毫秒数)间歇setInterval的特征是重复执行，首次执行会延迟。setTimeout的特征是延时执行，只执行一次。...

BOM？window是浏览器内置中的全局对象，所有的WebAPIs的知识内容都是基于window对象实现的。window对象下包含了 navigator、location、 document、 history、screen5个属性，即所谓的BOM（Browser Object Model）浏览器对象模型。而document是实现DOM的基础，它是依附于window的属性。BOM包含了DOM。...

使用Swiper外部插件写一个轮播图的详细教程

css+javascript轮播图案例

当页面进行滚动时触发的事件，常用于网页需要检测用户把页面滚动到某个区域后做一些处理，比如固定导航栏，比如返回顶部。1、监听整个页面滚动语法给window或者document添加scroll事件若要监听其他元素滚动元素.addEventListener('scroll',function(){})2、获取宽高scrollWidth和scrollHeight获取元素内容的宽高（不包含滚动条）包含padding，不包含边框，返回值不带单位。用法1、使用场景元素的，同样不带单位。...

js电梯导航基础案例，附详细代码。

加载外部资源（如：图片、外联CSS、JavaScript等）加载完毕时触发的事件。

scroll滚动事件，当页面进行滚动时触发的事件，常用于网页需要检测用户把页面滚动到某个区域后做一些处理，比如固定导航栏，比如返回顶部。offset事件，通过js的方式，得到元素在页面中的位置。.........

方法1：每个div的css样式里都加上 float:left; /float:right;方法2： 每个div的css样式里都加上display:inline-block;方法3：flex布局 父元素display: flex; 子元素flex: 1; 这里注意父元素要设定盒子宽度等于所有子元素盒子宽度之和。方法4：绝对定位 父绝子相 ，从而达到绝对定位的目的。......

手风琴动态效果实现过程：这里主要用到了鼠标经过和鼠标离开事件：mouseover和mouseenter。当鼠标经过时当前的li 宽度变大 700px 其余li 变为100px(排他思想)，鼠标离开所有的li 复原。

事件对象，事件流（事件冒泡和事件捕获）、事件委托、L0和L2注册等相关概念及用法

本文主要实现：通过获取input框value值，并将数据渲染到表格中，自动生成对应的学生信息表，同时可以删除相应的信息。

有关ul和li的一些用法

增加节点分为两个步骤：1、创建元素节点语法：元素.creatElement('标签名')2、追加节点创建的元素节点不会显示在页面中，要想在界面看到，还得插入到某个父元素中。有两种追加给父元素的方法。（一定是追加给元素所以需要先获取父元素） 插入到父元素的最后一个子元素语法：父元素.appendChild(子元素) 插入到父元素中某个子元素的前面语法：父元素.InsertBefore(要插入的元素，在哪个元素前插入).........

新版的解决方法为：直接在html页面输入html选择html:5即可自动布局

VSCode中有一些快捷编辑HTML的方法，能提高编程的效率节约时间。

1、利用事件对象的pageX/pageY属性，不断得到当前的鼠标坐标event.pageXevent.pageY。把坐标给图片，默认鼠标在左上角，使得鼠标在正中间获得的鼠标横纵坐标均减去图片的一半。2、如何让鼠标停留在图片正中央？把坐标给图片，默认鼠标在左上角，使得鼠标在正中间获得的鼠标横纵坐标均减去图片的一半...

今天做了一个tab栏切换案例，在此将代码以及实现的过程记录下来，希望与小伙伴们一起交流学习。案例整体框架和效果图展示如下：

CSS实现鼠标悬停图片向上浮动，放大，翻转