- 博客(48)
- 收藏
- 关注
RSS订阅转载 body{width:100%}但窗口出现滚动条&body的子元素height：100%实际高度未填满整个页面
参考文章：http://t.csdn.cn/lKQvQ。
2023-02-15 10:17:54
1300
原创 盒子模型的边框属性
一、盒子边框（border）设置边框样式：border-stylenone：没有边框即忽略所有边框的宽度（默认值）solid：边框为单实线(最为常用的)dashed：边框为虚线dotted：边框为点线double：边框为双实线
2022-05-17 11:05:05
2668
原创 刷算法题常用的 JS 基础扫盲
介绍此篇属于前端算法入门系列的第一篇，主要介绍常用的数组方法、字符串方法、遍历方法、高阶函数、正则表达式以及相关数学知识。文章主要包含以下内容：1.数组常用方法2.字符串常用方法3.常用遍历方法&高阶函数4.常用正则表达式5.数学知识一、数组常用方法1.push()在尾部追加，类似于压栈，原数组会变。const arr = [1, 2, 3]arr.push(8)console.log(arr) // [1, 2, 3, 8]2.pop()在尾部弹出，类似于出栈，原数
2022-05-07 10:05:17
311
原创 推荐一些VSCode 很好用的插件
一、推荐安装的插件插件作用Chinese (Simplified) Language Pack for VS Code中文（简体）语言包Open in Browser右击选择浏览器打开html文件JS-CSS-HTML Formatter每次保存，都会自动格式化js css 和html 代码Auto Rename Tag自动重命名配对的HTML / XML标签CSS Peek追踪至样式Image preview代码中hov
2021-12-13 15:03:20
167
原创 Fiddler教程
一、什么是抓包？ 抓包就是将网络传输发送与接收的数据包进行截获、重发、编辑、转存等操作，也用来检查网络安全。抓包也经常被用来进行数据截取等。黑客常常会用抓包软件获取你非加密的上网数据，然后通过分析，结合社会工程学进行攻击。我们做接口测试的时候，经常需要验证发送的消息是否正确，或者在出现问题的时候，查看客户端发送给服务端的包内容是否正确，就需要用到抓包工具。二、协议简介 HTTP是超文本传输协议，信息是明文传输的，而HTTPS是安全超文本传输协议，需要证书和提供安全连接，换句话说，HTTPS是嵌套
2021-01-23 16:45:11
2458
1
原创 xmind 使用教程
1.这是刚刚打开xmind后的界面，在中央有一个中心主题，你可以把它替换成你自己的主题，比如图形推理。2、把光标定位到中心主题上，然后连续按3次 Tab键，你会看到上面效果。tab键可以帮助你迅速的建立某个主题的子主题 。3、下面你在连续按3次 回车键，你就可以看到上面的效果，你可以通过回车键，建立同级主题 。4、你自己在试一试，玩一玩者两个键吧！（tab键 和 enter回车键）5、如何改变主题的分布方式，你还要学习使用“右键”，选择一个主题，然后点击“右键”，你会发现有很多选择。6、选
2021-01-04 10:58:46
8850
2
原创 元素的显示与隐藏
在CSS中有三个显示和隐藏的单词比较常见，我们要区分开，他们分别是 display visibility 和 overflow。他们的主要目的是让一个元素在页面中消失，但是不在文档源码中删除。 最常见的是网站广告，当我们点击类似关闭不见了，但是我们重新刷新页面，它们又会出现和你玩躲猫猫！！一、display 显示display 设置或检索对象是否及如何显示。display : none 隐藏对象display:block 除了转换为块级元素之外，同时还有显示元素的意思。特点： 隐藏之后，不再保留
2020-12-18 11:41:39
145
原创 jQuery 事件
一、什么是事件？页面对不同访问者的响应叫做事件。事件处理程序指的是当 HTML 中发生某些事件时所调用的方法。二、一些常用的事件语法语法描述click()单击dblclick()双击mouseenter()穿过mouseleave()离开mousedown()移动到元素上方，并按下鼠标mouseup()在元素上松开鼠标按钮hover()悬停focus()获得焦点blur()失去焦点...
2020-09-09 17:28:23
62
原创 JQuery 选择器
一、jQuery 中所有选择器都以美元符号开头：$()；选择器语法元素选择器$("p")#id 选择器$("#test").class 选择器$(".test")二、备注一些不怎么常用的
2020-09-09 17:15:16
136
原创 jQuery 语法
一、基础语法：通过 jQuery，可以选取（查询，query） HTML 元素，并对它们执行"操作"（actions）。 $(selector).action()美元符号定义 jQuery选择符（selector）“查询"和"查找” HTML 元素jQuery 的 action() 执行对元素的操作二、文档就绪事件为了防止文档在完全加载（就绪）之前运行 jQuery 代码，即在 DOM 加载完成后才可以对 DOM 进行操作。写法一： $(document).ready(func
2020-08-13 10:32:26
112
原创 了解与安装jQuery
一、什么是 jQuery ？jQuery是一个JavaScript函数库。jQuery是一个轻量级的"写的少，做的多"的JavaScript库。二、安装 jQuery1.可以通过多种方法在网页中添加 jQuery：从 jquery.com 下载 jQuery 库从 CDN 中载入 jQuery, 如从 Google 中加载 jQuery2.有两个版本的 jQuery 可供下载：Production version - 用于实际的网站中，已被精简和压缩。Development ve
2020-08-13 10:22:09
173
原创 浮动(float)
一、普通流(normal flow)这个单词很多人翻译为文档流 ， 字面翻译： 普通流或者标准流都可以。前面我们说过，网页布局的核心，就是用CSS来摆放盒子位置。如何把盒子摆放到合适的位置？CSS的定位机制有3种：普通流（标准流）、浮动和定位。html语言当中另外一个相当重要的概念----------标准流！或者普通流。普通流实际上就是一个网页内标签元素正常从上到下，从左到右排列顺序的意思，比如块级元素会独占一行，行内元素会按顺序依次前后排列；按照这种大前提的布局排列之下绝对不会出现例外的情况叫做
2020-08-12 15:58:42
425
原创 盒模型
一、盒子模型布局稳定性开始学习盒子模型，最大的困惑就是， 分不清内外边距的使用，什么情况下使用内边距？什么情况下使用外边距？答案是： 其实他们大部分情况下是可以混用的。 就是说，你用内边距也可以，用外边距也可以。 你觉得哪个方便，就用哪个。但是，总有一个最好用的吧，我们根据稳定性来分，建议如下：按照 优先使用 宽度 （width） 其次 使用内边距（padding） 再次 外边距（margin）。 width > padding > margin 原因
2020-08-12 15:42:59
81
原创 content宽度和高度
使用宽度属性width和高度属性height可以对盒子的大小进行控制。width和height的属性值可以为不同单位的数值或相对于父元素的百分比%，实际工作中最常用的是像素值。大多数浏览器，如Firefox、IE6及以上版本都采用了W3C规范，符合CSS规范的盒子模型的总宽度和总高度的计算原则是：一、外盒尺寸计算（元素空间尺寸） Element空间高度 = content height + padding + border + margin Element 空间宽度 = content w.
2020-08-12 15:32:02
763
原创 外边距合并
一、清除元素的默认内外边距为了更方便地控制网页中的元素，制作网页时，可使用如下代码清除元素的默认内外边距： { padding:0; /* 清除内边距 */ margin:0; /* 清除外边距 */ }注意： 行内元素是只有左右外边距的，是没有上下外边距的。 内边距，在ie6等低版本浏览器也会有问题。我们尽量不要给行内元素指定上下的内外边距就好了。二、外边距合并使用margin定义块元素的垂直外边距时，可能
2020-08-12 15:22:44
393
原创 Array对象
一、创建数组对象的两种方式字面量方式 new Array() // 1. 使用构造函数创建数组对象 // 创建了一个空数组 var arr = new Array(); // 创建了一个数组，里面存放了3个字符串 var arr = new Array('zs', 'ls', 'ww'); // 创建了一个数组，里面存放了4个数字 var arr = new Array(1, 2, 3, 4);使用字面量创建数
2020-07-10 16:07:52
107
原创 通过MDN自学方法（Math对象、Date对象）
内置对象JavaScript中的对象分为3种：内置对象、自定义对象、浏览器对象JavaScript 提供多个内置对象：Math/Array/Date....对象只是带有属性和方法的特殊数据类型。学习一个内置对象的使用，只要学会其常用的成员的使用（通过查文档学习）可以通过MDN / W3C来查询内置对象的方法很多，我们只需要知道内置对象提供的常用方法，使用的时候查询文档。MDNMozilla 开发者网络（MDN）提供有关开放网络技术（Open Web）的信息，包括 HTML、CSS 和万维网及
2020-07-10 14:15:23
731
原创 简单类型和复杂类型的区别
简单类型和复杂类型的区别简单类型又叫做值类型，复杂类型又叫做引用类型。值类型：简单数据类型，基本数据类型，在存储时，变量中存储的是值本身，因此叫做值类型。引用类型：复杂数据类型，在存储是，变量中存储的仅仅是地址（引用），因此叫做引用数据类型。堆和栈堆栈空间分配区别： 1、栈（操作系统）：由操作系统自动分配释放 ，存放函数的参数值，局部变量的值等。 2、堆（操作系统）： 存储复杂类型(对象)，一般由程序员分配释放， 若程序员不释放，由垃圾回收机制回收。注意：JavaScript中没
2020-07-09 17:07:41
632
原创 对象的使用
一、遍历对象的属性通过for..in语法可以遍历一个对象 var obj = {}; for (var i = 0; i < 10; i++) { obj[i] = i * 2; } for(var key in obj) { console.log(key + "==" + obj[key]); }二、删除对象的属性 function fun() { this.name =
2020-07-09 16:18:54
126
原创 对象
为什么要有对象？如果函数参数很多的时候，可以使用对象进行简化。事物的特征在对象中用属性来表示。事物的行为在对象中用方法来表示。对象创建方式一、对象字面量 var o = { name: 'zs, age: 18, sex: true, sayHi: function () { console.log(this.name); } };二、 new Ob
2020-07-09 16:12:46
108
原创 预解析
JavaScript代码的执行是由浏览器中的JavaScript解析器来执行的。JavaScript解析器执行JavaScript代码的时候，分为两个过程：预解析过程和代码执行过程预解析过程：把变量的声明提升到当前作用域的最前面，只会提升声明，不会提升赋值。把函数的声明提升到当前作用域的最前面，只会提升声明，不会提升调用。先提升var，在提升function。...
2020-07-09 15:25:53
96
原创 作用域
作用域：变量可以起作用的范围全局变量和局部变量全局变量：在任何地方都可以访问到的变量就是全局变量，对应全局作用域局部变量：只在固定的代码片段内可访问到的变量，最常见的例如函数内部。对应局部作用域(函数作用域)不使用var声明的变量是全局变量，不推荐使用。变量退出作用域之后会销毁，全局变量关闭网页或浏览器才会销毁。块级作用域任何一对花括号（｛和｝）中的语句集都属于一个块，在这之中定义的所有变量在代码块外都是不可见的，我们称之为块级作用域。在es5之前没有块级作用域的的概念,只有
2020-06-30 18:13:43
66
原创 函数
什么是函数把一段相对独立的具有特定功能的代码块封装起来，形成一个独立实体，就是函数，起个名字（函数名），在后续开发中可以反复调用函数的作用就是封装一段代码，将来可以重复使用一、函数的定义1.函数声明 function 函数名() { // 函数体 }2.函数表达式 var fn = function () { // 函数体 }特点：函数声明的时候，函数体并不会执行，只要当函数被调用的时候才会执行。函数一般都用来干
2020-06-30 17:58:50
118
原创 调试
过去调试JavaScript的方式alert()console.log()断点调试断点调试是指自己在程序的某一行设置一个断点，调试时，程序运行到这一行就会停住，然后你可以一步一步往下调试，调试过程中可以看各个变量当前的值，出错的话，调试到出错的代码行即显示错误，停下。调试步骤浏览器中按F12-->sources-->找到需要调试的文件-->在程序的某一行设置断点调试中的相关操作Watch: 监视，通过watch可以监视变量的值的变化，非常的常用。F10: 程
2020-06-29 18:05:23
129
原创 代码规范
1.命名规范 变量、函数 的命名 必须要有意义 变量 的名称一般用名词 函数 的名称一般用动词2.变量规范 操作符的前后要有空格 var name = 'zs'; 5 + 63.注释规范 // 这里是注释4.空格规范 if (true) { } for (var i = 0; i <= 100; i++) { }5.换行规范 var arr = [1, 2, 3, 4]; if (a > b) { } fo
2020-06-29 17:57:05
94
原创 数组
为什么要学习数组之前学习的数据类型，只能存储一个值(比如：Number/String。我们想存储班级中所有学生的姓名，此时就要用数组存储。数组的概念所谓数组，就是将多个元素（通常是同一类型）按一定顺序排列放到一个集合中，那么这个集合我们就称之为数组。一、数组的定义数组是一个有序的列表，可以在数组中存放任意的数据，并且数组的长度可以动态的调整。通过数组字面量创建数组： // 创建一个空数组 var arr1 = []; // 创建一个包含3个数值的数组，多个数组
2020-06-29 17:50:01
68
原创 continue和break
break : 立即跳出整个循环，即循环结束，开始执行循环后面的内容（直接跳到大括号）continue : 立即跳出当前循环，继续下一次循环（跳到i++的地方）案例：求整数1～100的累加值，但要求碰到个位为3的数则停止累加（break） var sum = 0; for (var i = 1; i <= 100; i++) { if (i % 10 === 3) { // 如果找到个位为3的数字.
2020-06-29 17:09:13
359
原创 循环结构中的while、do ... while、for 语句
一、while语句基础语法：while (循环条件) {//循环体}当循环条件为true时，执行循环体，当循环条件为false时，结束循环。案例： 计算1-100之间所有数的和 // 初始化变量 var i = 1; var sum = 0; // 判断条件 while (i <= 100) { // 循环体 sum += i; // 自增 i++;
2020-06-29 15:13:17
401
原创 表达式和语句的简单理解
一、表达式一个表达式可以产生一个值，有可能是运算、函数调用、有可能是字面量。表达式可以放在任何需要值的地方。二、语句语句可以理解为一个行为，循环语句和判断语句就是典型的语句。一个程序有很多个语句组成，一般情况下;分割一个一个的语句。三、流程控制程序的三种基本结构顺序结构从上到下执行的代码就是顺序结构程序默认就是由上到下顺序执行的分支结构根据不同的情况，执行对应代码循环结构重复做一件事情...
2020-06-24 17:25:23
921
原创 算术运算符
一、一元运算符只有一个操作数的运算符；++ 自身加1；- - 自身减1；前置++：先加一，再返回值后置++：先返回值，后加一二、逻辑运算符(布尔运算符)&& 与： 两个操作数同时为true，结果为true，否则都是false|| 或 ：两个操作数有一个为true，结果为true，否则为false! 非 ： 取反三、关系运算符(比较运算符)< > >= <= == != === !====与===的区别：==只进行值得比较，===
2020-06-24 17:18:47
270
原创 内边距与外边距
一、内边距（padding）padding:内边距， 是指 ：边框与内容之间的距离。padding-top:上内边距padding-right:右内边距padding-bottom:下内边距padding-left:左内边距后面跟几个数值表示的意思是不一样的；值的个数表达意思1个值padding: 3px;上下左右都是3像素2个值padding: 3px 5px; 表示 上下3像素 左右 5像素3个值padding: 3px 5px 10px; 表示
2020-06-24 16:18:22
15130
原创 CSS书写规范
一、空格规范【强制】 选择器 与 { 之间必须包含空格。示例： .selector { }【强制】 属性名 与之后的 : 之间不允许包含空格， : 与 属性值 之间必须包含空格。示例：font-size: 12px;二、选择器规范【强制】 当一个 rule 包含多个 selector 时，每个选择器声明必须独占一行。【建议】 选择器的嵌套层级应不大于 3级，位置靠后的限定条件应尽可能精确。三、属性规范【强制】 属性定义必须另起一行。【强制】 属性定义后必须以分号结尾。
2020-06-24 14:44:58
222
原创 数据类型转换
快速查看数据类型：黑色：字符串蓝色：数值类型、布尔类型灰色：undefined 和 null一、转换成字符串类型1. toString() var num = 5; console.log(num.toString());2. String()String()函数存在的意义：有些值没有toString()，这个时候可以使用String()。比如：undefined和null3. 拼接字符串方式num + ""，当 + 两边一个操作符是字符串类型，一个操作符是其它类型的时候，会先
2020-05-25 14:27:48
154
原创 简单数据类型
一、Number类型数值字面量：数值的固定值的表示法进制十进制 var num = 9; 进行算数计算时，八进制和十六进制表示的数值最终都将被转换成十进制数值。十六进制 var num = 0xA; 数字序列范围：0~9以及A~F八进制 var num1 = 07; // 对应十进制的7 var num2 = 019; // 对应十进制的19 var num3 = 08; // 对应十进制的8 数字序列范围：0~7 如果字面值中的数值超
2020-05-25 11:40:38
319
原创 变量
一、通过var 声明变量二、变量的命名规则和规范规则 - 必须遵守的，不遵守会报错由字母、数字、下划线、$符号组成，不能以数字开头不能是关键字和保留字，例如：for、while。区分大小写规范 - 建议遵守的，不遵守不会报错变量名必须有意义遵守驼峰命名法。首字母小写，后面单词的首字母需要大写。例如：userName、userPassword...
2020-05-25 11:10:36
293
原创 JavaScript的书写位置
一、 写在行内<input type="button" value="按钮" onclick="alert('Hello World')" />二、写在script标签中<head> <script> alert('Hello World!'); </script></head>三、 写在外部js文件中，在页面引入<script src="main.js"></script>注意点引
2020-05-25 10:37:10
239
2
原创 文本的装饰
text-decoration 通常我们用于给链接修改装饰效果值描述none默认。定义标准的文本。underline定义文本下的一条线。下划线 也是我们链接自带的overline定义文本上的一条线。line-through定义穿过文本下的一条线。使用技巧：在一行内的盒子内，我们设定行高等于盒子的高度，就可以使文字垂直居中。<head> <meta charset="utf-8"> <st
2020-05-14 15:15:35
240
原创 CSS 背景(background)
一、概括属性含义background-color背景颜色background-image背景图片地址background-repeat是否平铺background-position背景位置background-attachment背景固定还是滚动background:背景颜色 背景图片地址 背景平铺 背景滚动 背景位置背景的合写（复合属性）二、详细了解背景图片(image) background-image : none | ur
2020-05-14 14:51:36
373
原创 CSS 三大特性
一、CSS层叠性指多种CSS样式的叠加样式冲突，遵循的原则是就近原则。 哪个样式离着结构近，就执行哪个样式。样式不冲突，不会层叠。二、CSS继承性子标签会继承父标签的某些样式；恰当地使用继承可以简化代码，降低CSS样式的复杂性。子元素可以继承父元素的样式（text-，font-，line-这些元素开头的都可以继承，以及color属性）三、CSS优先级定义CSS样式时，经常出现两个或更多规则应用在同一元素上，这时就会出现优先级的问题。继承样式的权重为0。行内样式优先。权重相同时，C
2020-05-13 21:29:04
169
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人