weixin_43163281的博客

原创 let和var初始化循环配合定时器使用时的区别

let，var

原创 html标签总结

下标上标 name的值可以为keywords description &nvbsp; < > &块元素不能嵌套在行内元素中。

原创 css中的几种居中的原理和实现方式（margin：0 auto）

文本水平居中 text-align：center块级元素在父元素中水平居中****** margin：0 auto绝对定位后的居中leftt：50%margin-left：负宽度的一半top：50%margin-top：负高度的一半行内块元素或行内元素的对齐的方式包括垂直居中vertical-align的方式、行内元素和行内元素分为topline middleline baseline bottomline在莫仍情况下，行内元素和行内块元素默认按照baseline基线对齐，当设置为v

原创 css中清除浮动的几种方法汇总好方法坏方法都有

浮动的最初目的是让文字可以环绕在图片周围，后来浮动才被用到了布局当中，当使用福东时，往往会产生一些副作用，如父元素塌陷，元素重叠等，清除浮动就是为了消除这些副作用。首先我们来了解浮动的原理，通过设置浮动，元素脱离文档流，其父元素如果没设置宽高就会塌陷，其他文本和行内元素会环绕它，浮动后的display属性也会发生变化，他不在是一个行内元素，可以对其设置宽高，浮动类型分为左浮动left 有浮动right，第一种方法 额外标签法利用float：left/right/both来清除浮动原理就是添加该属性的

原创 绝对定位后，利用margin进行水平或垂直居中的方式以及原理

在使用绝对定位后，我们经常会利用绝对定位和Margin进行水平居中。假设盒子宽80px，高100px1绝对定位后的水平居中方法：{position：absolute；top：50%；left：50￥；margin-top：-50px；margin-left：-40px；}定位方法是使用绝对定位让盒子在父元素中下移父盒子高度的一半，再利用margin方法将盒子上移负的自己宽度一半。注意，由于绝对定位后的盒子脱离文档流，对其使用margin是相对自身进行移动。假设盒子宽度为width，高度为

原创 CSS中塌陷问题的产生原理及解决办法

塌陷问题的产生主要分为两种情况1 两个兄弟元素之间的margin塌陷2父子元素间的margin塌陷兄弟元素margin’塌陷为文档流中居于上下排列的两个兄弟盒子分别设置为margin-bottom：50px；，下面盒子为margin-top：40px；我们的初衷是把俩两个盒子的之间的间隙设置为40+50=90px但是系统默认把取间隙最大的显示，这就导致了下方的盒子Margi**塌陷。父子元素margin塌陷**给子元素设置margin后，初衷是让子元素在父元素中有一定的margin。运行结果

原创 js语法与DOM初级简介小结

在js初级语法中我们介绍了js的数据类型，语法，条件语句（if），循环语句（while，dowhile，for），变量 函数 对象 ，操作符，赋值符，比较操作符。变量包含 数字 字符串 布尔值 数组 null undefined 函数 对象。初级DOM中，介绍了五个DOM操作getElementByIdgetElementByTagNamegetElementByClassgetAttributesetAttributeDOM还有其他属性和方法如：odeName、nodeValue、child

原创 jsDOM简介初级

D：指document，文档，当创建了一个网页并把它加载到Web浏览器中时，DOM就在幕后悄然而生。它把你编写的网页文档转换为一个文档对象。O :对象”是一种自足的数据集合。与某个特定对象相关联的变量被称为这个对象的属性；只能通过某个特定对象去调用的函数被称为这个对象的方法。用户定义对象（user-defined object）：由程序员自行创建的对象。内建对象（native object）：内建在JavaScript语言里的对象，如:Array、Math和Date等。宿主对象（host objec

原创 js对象初级

对象（object）是一种非常重要的数据类型，但此前我们还没有认真对待它。对象是自包含的数据集合，包含在对象里的数据可以通过两种形式访问——属性（property）和方法（method）属性是隶属于某个特定对象的变量；**方法**是只有某个特定对象才能调用的函数。var journey=new personjourney是一个对象实体，而person代表一类对象。例如 var Beatles= new Array（），beatles是一个对象实体，而Array是一类对象。对象分为内置对象和自定义

原创 js函数初级

/function shout() {var twins = Array(“aa”, “bb”, “cc”)for (i = 0; i < 3; i++) {alert(twins[i]);}}///函数的作用，重复做一件事时，利用函数避免重复输入大量内容。可以给函数提供参数，根据不同参数进行不同参数。//js里也存在很多内建函数，alert就是典型的内建函数。function jiafa(a, b) {var total = a + b;alert(total);}funct

原创 js初级循环语句

/if(condition){statement;}/ //条件语句，条件的求值结果永远是一个布尔值，只能是true和false。/if(1>2){alert(“The world is gine mad!”)}///1>2返回的是false，该语句不会执行。花括号可以提升脚本可读性，有利于文本压缩。var a = 8;if (1 > 2) {alert(“The world is gone mad”)}else { “All is well with the worl

原创 js条件语句基础

/if(condition){statement;}/ //条件语句，条件的求值结果永远是一个布尔值，只能是true和false。/if(1>2){alert(“The world is gine mad!”)}///1>2返回的是false，该语句不会执行。花括号可以提升脚本可读性，有利于文本压缩。var a = 8;if (1 > 2) {alert(“The world is gone mad”)}else { “All is well with the worl

原创 CSS图片在父元素内部浮动，为什么文字会环绕而不是被覆盖，原理分析

既然浮动元素脱离了文档流，为什么文字会环绕在浮动元素的周边而不是跟浮动元素重合？第一，绝对定位与浮动的区别。绝对定位是将元素彻底从文档流删除，并相对于其包含块定位（包含块可能是文档中的另一个元素或者是初始包含块），元素原先在正常文档流中所占的空间会关闭，就好像该元素原来不存在一样，该元素再也不会影响其他元素的布局了。如果对元素A使用绝对定位的话，元素B占据元素A之前的位置，与元素A重合在一起，并被元素A覆盖。如图所示。而浮动，会以某种方式将浮动元素从文档的正常流中删除，并把浮动元素向左边和右边浮动，不过

原创 js初级操作符

//js操作,变量可以包含操作也可以进行操作。var mood = “happy”;var message = “I am feeling” + " " + mood;//字符串的拼接//alert(message)var year = 1999 + mood;//js是弱类型语言，可以将字符串和数字拼在一起。数值被自动转换为字符串//alert(year);var juzi = “this year is”juzi += year;//拼接与赋值语句//alert(juzi);//if语

原创 js初级语法

document.getElementById(“head1”)//这是一条单行js注释/*这是一条多行注释有注释是好事这种注释方式在需要插入大段注释时很有用，它可以提高整个脚本的可读性。*/var mood = “happy”, age = 22;//变量名只语序包含字母、数字、美元符号和下划线，第一个字符只能是数字。alert(mood);alert(age);var myMood = “sad”; //这是驼峰命名法。happy是一个字面量（literal）。myMood是变量名。va

原创 CSS复合选择器和css变量

属性选择器[type=”checkbox”] { }后代选择器div .box {}子代选择器div>.box{}并集选择器P1，p2 {}伪类选择器a:linka:visteda:hovera:focusa:active伪元素选择器p::first–line{ }(块级元素p::first-letterp.intro::first-letterP::before{}前面插入p::after {}后入行内元素不能选择宽高可以CSS设置变量在css选择

原创 js学习路径以及疑虑

js的三种引入方式1内部引入（最理想）2内部引入3元素时间javascriptcss的三种引入方式1行内样式表2内部样式表3外部样式表外部css只能在中引入，而外部js既可以在中引入，也可以在中引入。引入css时使用的是标签，引入js时使用的是...

原创 html学习重难点(20211217更新）

HTML 使用标签 (“bold”) 与 (“italic”) 对输出的文本进行格式化, 如：粗体 or 斜体这些HTML标签被称为格式化标签（请查看底部完整标签参考手册）。通常标签 替换加粗标签 来使用, 替换 标签使用。然而，这些标签的含义是不同的： 与 定义粗体或斜体文本。 或者 意味着你要呈现的文本是重要的，所以要突出显示。现今所有主要浏览器都能渲染各种效果的字体。不过，未来浏览器可能会支持更好的渲染效果。...

原创 2021年12月15日前端学习进度总结

时间12月5日--------12月15日学习进度，1、看完了从零到一html和css，对两者有了初步的了解2、在慕课网刷完了js入门（两小时），和htm和scc入门（七小时）目标这周刷完headfirst和css进阶之旅看了一下慕课网的js进阶（实际上很基础）对函数 操作符 逻辑语句之类的还不大熟悉，回头学完css认真回顾一下。下周刷完css权威指南和微信读书的js入门。拿出期末考试复习补考的劲头。总结与反思*一定要对自己有信心，不要到学js了就失去信心，一定要把原生js学好，

原创 三种css格式的优先级

一般来说css的三种格式 内联式 嵌套式 外部式遵循就近原则，一般是哪个距离标记元素最近有优先采用哪个，所以 内联式大于嵌套式大于外部式。

原创 互联网后端学习路径

原创 互联网前端入门准备

互联网前端知识脉络互联网前端的学习脉络什么是互联网 什么是网络互联网是如何工作的Dns http url urls 分别是什么域名网站和网页的区别绝对url 相对url互联网前端最重要的三个概念：html css JavaScript h5Html超文本语言 css负责web架构的 JavaScript:负责web内的互动及功能Web1.0 web2.0 web3.0 平台相关知识前端知识需要不断学习积累。这个行业知识更新很快，需要不断学习 学习node入门阶段需要学习的东西：认识互