web前端知识
关注
分享
扫一扫
文章平均质量分 66
枫叶在飘呀
学无止境
展开
-
js面向对象的几种创建方式
面向对象的几种创建方式字面量创建 //字面量创建 var obj = { name:"李四", age:21, hoddy:function() { console.log("学习"); } } var obj2 = { name:"张三", age:12, hobby:function() { console.log("唱歌"); } } console.log(ob原创 2021-10-21 15:29:10 · 228 阅读 · 1 评论 -
ES6新增语法
ES6新增语法let 和 constlet//let定义的变量不能重名 let a = 19; let a ="张三"; console.log(a);//Uncaught SyntaxError: Identifier 'a' has already been declared //let没有变量提升也就是预解析必须先定义才能使用 console.log(name);//Uncaught ReferenceError: name is not defined原创 2021-09-25 21:44:14 · 390 阅读 · 0 评论 -
js中的深浅拷贝
浅拷贝在介绍浅拷贝之前，先了解一下，数据类型的分类，我们知道共用六大类，其中有5中基本数据类型和一种引用类型五大基本数据类型：1.Number2.String3.Boolean4.undefined5.null引用类型（Object）1.object2.array3.function注意：基本数据类型式存储在栈当中，而引用类型存储在堆当中。1.基本数据类型的数据存储在栈中，就好比我们使用var 声明变量是开辟了一块儿空间，把数值存储在里面，用的时候取到的也是里面的值。原创 2021-09-08 23:08:38 · 121 阅读 · 0 评论 -
js拖拽事件
js的拖拽首先，在了解拖拽的原理之前，我们需要认识几个知识点（BOM三大系列），获取鼠标的位置，获取元素的位置offset系列：获取元素的占位宽高(content + padding + border)名称解释offsetWidth获取元素的宽度，使用语法 : 标签.offsetWidthoffsetHeight获取元素的高度，使用语法 : 标签.offsetWidthoffsetTop获取当前元素的顶部到定为父元素的距离，没有定位父元素到body的距原创 2021-08-28 11:24:02 · 386 阅读 · 0 评论 -
js中的迭代
js迭代器1.什么是迭代器？迭代就是重复执行一个重复的过程，每一次的迭代结果作为下一次开始的初始值，其实学过for循环，知道for循环的执行流程，就不难理解。js中的迭代主要有every()、map()、fliter()（过滤器）some(),下面一一介绍1every() 只有数组中的每一个数都满足才返回true,否则返回false语法是：数组.every(function(item,index,array){return 条件})//比如:判断这个数组是不是都是大于60的原创 2021-08-24 22:01:12 · 2540 阅读 · 0 评论 -
js中的数据隐式转化和强制转化
js中的隐式转化和强制转化js中数据之间存在着隐式转化和强制转化，下面简单介绍一下。原创 2021-08-15 16:05:15 · 289 阅读 · 0 评论 -
js中的数据类型
js中的基本数据类型和特殊类型（对象类型、引入类型）js中的数据类型有 number(数字类型）、string(字符串类型)、boolean(布尔类型)、undefined（未定义）、null(空对象)特殊类型 ： 包括 object(对象) 、Array（数组）、function(函数)1.先说一下数值类型（number）number 它包括整数、小数、八进制、十六进制、NaN、infinity（无穷大）下面一次进行举例<!DOCTYPE html><ht原创 2021-08-15 14:58:02 · 252 阅读 · 0 评论 -
css使容器实现垂直水平居中的几种方法
使子容器在父容器中垂直居中的六种方法.第一种，使用定位来实现 .wrap1 { width: 200px; height: 200px; background-color: #00FFFF; position: relative; } .index1 { width: 50px; height: 50px; background-color: #008000; position: absolute; le原创 2021-08-06 20:18:12 · 838 阅读 · 0 评论 -
图片懒加载
图片懒加载首先说一下懒加载的原理，我们知道浏览器在加载图片是通过src的地址进行访问的，如果加载图片数量少了还可以，如果是图片类型的网站，加载多个图片这无不是给浏览器请求增加了负担，所以我们通过用户浏览的情况来加载一定的数量，比如说,用户刚打开网页浏览时，看到的是整个浏览器窗口的大小，我们就先加载一定数量的图片信息，这样就给浏览器请求有了一定的缓解时间，当用户下拉页面时触发再次请求图片信息，这样缓解了浏览器的压力，还给用户一种在请求数据的体验。原理1.先写html,我们将src的请求地址给到空，原创 2021-07-27 21:17:33 · 110 阅读 · 0 评论 -
rem和em的区别
rem和em区别在介绍两者区别前，先说一下rem具体是什么？有什么含义。首先：rem全称（font size of the root element）（根元素的字体大小）它是css3新增的尺寸（度量单位），根节点（html）的font-size决定了rem的尺寸单位，也就是所它是一个相对的单位。rem是一个相对长度单位。相对于父元素的倍数来计算。浏览器默认字体大小是16px,1rem就是16px.rem可以应用到什么场景？可以用来做web app屏幕适配，因为不同手机型号的屏原创 2021-07-25 10:57:23 · 4354 阅读 · 0 评论 -
CSS浮动问题
CSS元素浮动问题概述：网页中有很多布局效果。标准流是无法完成的，可以利用浮动改变元素默认排列方式浮动的概念浮动可以使元素【脱离文档流】，【按照指定方向排列】（float：left和float：right），直到遇到父元素的边界或另一个浮动元素才会停止。浮动属性float– left 左浮动【从左向右浮动】– right 右浮动 【从右向左排列】– none 不浮动 (默认值)浮动的基本特性可以使块儿元素在一行排列脱离文档流【不在占用文档的空间】提升层级【浮动元素会覆原创 2021-07-21 21:26:23 · 340 阅读 · 0 评论 -
外边距问题
外边距问题典型例子典型案例一结构关系：嵌套块儿元素的垂直外边距塌陷问题描述：当父元素没有padding，border时子元素与父元素直接相邻时，子元素的margin值会传递给父元素并且再次与父元素的margin值发生合并，最终结果是正值取结果较大的值，负值取绝对值较大的值。表现：父子元素共同使用一个外边距（由于父类未定义border或者padding导致父类直接相邻的子元素设置外边距时，比如说设置margin-top:20px,此时刷新看到子元素并没有距离父类10px个像素，（如果父原创 2021-07-19 20:06:53 · 245 阅读 · 1 评论 -
flex布局
flex布局我们知道要想让块儿级元素按照从左到右的顺序排列，通常会设置元素的float，而设置float会是元素脱离文档流结构，从而改变父级元素的高度，并且还要考虑左右的清除浮动的影响。针对块儿级元素的排列方式，所以我们引入了flex布局，flex布局是给父级容器设置display属性为flex,让父级容器具备flex属性，然后来控制容器中的子容器的排列顺序flex布局分为容器属性和项目属性，容器属性指的是在父级容器中写入的css样式属性，项目属性则是给容器内部子容器的写的css样式属性。原创 2021-07-17 15:54:29 · 321 阅读 · 0 评论 -
HTML中的文档流
文档流什么是文档流？文档流：页面从上往下一行一行，其中每行从左至右的顺序，这种排列方式成为文档流。什么是脱离了文档流？脱离文档流意味着 它的排列顺序不遵循正常情况下文档的排列顺序，已经脱离了文档流，它不占用空间，处于浮动状态，脱离了文档流的元素的定位相对于其正常情况下的文档流，所以处于正常文档流的元素会占用原先的空间。脱离文档流的几种情况？首先是float1.先说一下，float使得元素脱离文档流，该元素也可以理解为不占用空间了，那么处于正常情况下的元素就占用了它的空间，所以通过下面的例子演原创 2021-07-17 10:50:25 · 1439 阅读 · 0 评论 -
谈一谈对web标准的理解
谈一谈对web标准的理解首先，什么是web标准？web标准不是一方面的标准，而是多个标准的集合，网页标准主要有三个标准，分别是结构标准、表现标准、行为标准。结构标准 :文档的结构与组织，对应了XHTML和XML表现标准：是文档的表现效果，对应的是css行为标准：是对网页的信息结构进行逻辑操作，网页的交互。 对应的是（W3c DOM 和ECMA Script）web标准有哪些优点？1.浏览器开发商和web程序开发人员遵循制定标准更有利于发展（相互依赖共同遵循才能有更好的发展）2.遵循we原创 2021-07-16 09:39:56 · 534 阅读 · 0 评论