- 博客(16)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 JS执行上下文
执行上下文简写：EC，全称：execution context。分类：-全局上下文：打开一个窗口，就会创建一个全局上下文（关闭即销毁）-局部上下文：调用函数时就会创建局部上下文（函数执行完，销毁）-eval上下文（了解）：会解析字符中的JS代码功能：代码执行之前的准备工作，确定当前环境下变量的取值作用域和执行上下文的区别：作用域：-静态；执行上下文：-动态；-执行才有EC提升1、变量提升：var 声明的变量（除函数内），只提升变量的声明。2、函数提升：提升整个函数体执行上下文
2020-12-03 11:23:21
173
1
原创 JavaScript中的各种坐标和距离
距离/宽高：screen.width：屏幕的宽度screen.height：屏幕的高度element.style.width：当前对象的宽度。element.style.height：当前对象的高度。element.style.left：当前对象的left值。element.style.top：当前对象的top值。element.offsetParent：当前对象的最近的定位父级元素element.offsetWidth：当前对象的宽度（width+padding+border）eleme
2020-11-23 23:55:33
427
原创 JS中数组的增删改查
在数组中添加内容array.push(data)在数组后添加数据，返回添加后的数组长度array.unshift(data)在数组前添加数据，返回添加后的数组长度在数组中删除内容array.pop()在数组后删除数据，并返回删除的数据array.shift()在数组前删除数据，并返回删除的数据在数组中查找内容array.includes(data)查找内容是否存在，存在返回true，反之返回falsearray.indexOf(data)从前往后查找内容是否存在，存在返
2020-11-17 22:28:52
662
原创 JavaScript的基本数据类型和引用数据类型
数据类型基本数据类型1、undefined：没有返回值的变量，值是undefined，typeof也返回undefined。2、null：空，值是null，typeof返回Object。3、Boolean：布尔类型，有两个值，真为true，假为false。4、Number：数值其中：NaN(is not a Number)，isNaN可以用于判断是否为纯数字，true为非数字，false为纯数字5、String：字符型，字符串。引用数据类型Object：对象注：在JS中除了基本数据类型以
2020-11-08 18:53:23
210
原创 var和let的区别
ES5 创建变量：eg：var drink = “milk”;ES6 创建变量：eg： let food = “meat”;区别：1、var声明的变量，可以是重复的，let不行2、var声明的变量，可以先使用后声明
2020-11-02 13:38:33
95
原创 Grid网格布局
概述网格布局是最强大的CSS布局方案，主要用于页面的整体布局。可以将一个网页分成一个个网格，作出任意的组合。容器：采用网格布局的区域，就是容器。项目：容器内的子元素，就是项目。容器属性display: grid指定一个容器采用网格布局。grid-template-columns属性定义每一列的列宽，grid-template-rows属性定义每一行的行高。rid-row-gap属性设置行与行的间隔（行间距），grid-column-gap属性设置列与列的间隔（列间距）。gri
2020-10-25 20:32:36
295
原创 form表单的简单介绍
form表单的适用场景1、注册 2、登录 3、搜素书写格式：form 父元素、input 子元素<form action = " " method = " "><input></input></form>其中：action属性表示提交地址，method属性表示提交方式（get/post）,get为默认值input标签中type的取值text：单行文本输入框设置默认值，添加（value）number：数字输入框password：密码输入
2020-10-18 21:58:11
884
3
原创 ES6箭头函数的使用
箭头函数箭头函数，是ES6 新增的一种函数。箭头函数相当于匿名函数，并且简化了函数定义。x=>x*x相当于：function (x){ return x*x;}箭头函数的使用规则省略function关键字如果只有一个参数，可以省略小括号如果函数只有一条语句，可以省略大括号如果函数只有一条语句，并且需要返回这条语句的结果，则可以省略return关键字不可以使用arguments不可以把自己的this绑定在函数上不可以用作构造函数...
2020-09-26 21:06:34
257
原创 HTML+CSS+JS制作一个简单的计算器
用HTML+CSS+JS制作了一个简单的计算器，它的使用类似于生活中使用的计算器。暂时未发现有任何计算上的错误，有问题请联系我，谢谢。最终成果图：HTML代码块：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
2020-09-19 16:35:12
1712
原创 CSS简单动画的制作
transition过渡简单动画通常称之为“过渡transition”。transition是CSS属性，通常表示为在一定时间内，从一个值变化为另一个值。transition-property：需要过渡的属性transition-duration：需要过渡的时间transition-timing-function：过渡的效果（快、慢）transition：是transition-property、transition-duration和transition-timing-function属性的缩写
2020-09-13 17:46:18
363
原创 CSS雪碧图的使用场景及操作步骤
雪碧图雪碧图即CSS Sprite，是把多个小图标合并在一张图片上，然后通过CSS背景定位来显示需要显示的图片部分。通过使用这种方法，可以减少加载网页图片时对服务器的请求次数，提高网页的加载速度。雪碧图的使用场景静态图片，不随用户信息的变化而变化。页面中的图标图片加载量比较大。雪碧图的操作步骤step1：设置标签的尺寸（宽、高），即雪碧图引用图片的尺寸step2：引用图片（以背景图方式）step3：设置背景图片的位置...
2020-09-06 19:23:11
1176
1
原创 Flex 弹性布局
FlexFlex，全称Flexible Box，意为**“弹性布局”**，用来为盒状模型提供最大灵活性。Flex布局需要在一个容器中实现，容器中的元素就是项目。其中，主轴一般默认是x轴，交叉轴一般默认是y轴。设置“弹性布局”，让所有的子元素在一行显示，给display设置为flex，当前标签就为容器，其中的子元素为项目。容器的属性flex-direction 设置主轴方向取值：row 项目从左到右依次摆放(默认值)row-reverse 项目从右到左依次摆放column 项目从上到下依次摆放
2020-08-30 21:55:48
184
原创 BFC块级格式化上下文
BFC的解释BFC，全称Block Formatting Context，块级格式化上下文。它是一块独立渲染的区域，它规定了在该区域中，常规流块盒的布局。常规流块盒在水平方向上，必须撑满包含块，在垂直方向上依次摆放。BFC渲染区域1、根元素（html）2、浮动和绝对定位元素3、overflow不等于visible的块盒不同的BFC区域，它们进行渲染时，互不干扰。创建BFC的元素，隔绝了它内部和外部的联系，内部的渲染不会影响到外部。具体规则：创建BFC元素，它的自动高度需要计算浮动元素。创
2020-08-24 22:53:08
111
原创 盒模型
盒子的分类不同的元素产生的盒子类型可能不同。一个元素，产生什么样的盒子取决于它的display。属性：display是否能继承：否默认值：inlinedisplay: none 不生成盒子display: block 块盒display: inline 行盒盒模型的组成部分margin：外边距，与其他盒子之间的距离。border：边框padding：内边距，边框与内容之间的距离。content：内容content可以设置尺寸width宽度、height高度min-width/
2020-08-16 11:03:26
170
原创 CSS基础知识
CSS简介CSS：Cascading Style Sheets，层叠样式表。用于定义网页的样式，该语言书写的代码通常会被浏览器解析执行。引用CSS1、引用外部样式表：引用独立的css文件，结构与样式相分离，便于复用和维护。格式：格式：2、引用内部样式表：将css所要写的代码写在HTML文档中。提高了浏览器解析效率，但是不利于程序员和搜索引擎阅读。3、引用行内样式表：css代码写在元素的style属性中。...
2020-08-09 10:41:59
199
原创 HTML基础知识
HTML简介HTML：HyperText Markup Language，超文本标记语言。用于定义页面的结构。该文本书写的代码通常会被浏览器解析执行。HyprText：超文本，不只包括文本，还可以包括图片、链接、音乐、视频等非文本元素。Markup Language：标记语言，是一套标记标签，HTML使用标记标签来描述网页。HTML注释和HTML元素HTML注释：书写格式：<!--注释内容-->HTML注释主要用于描述代码功能，是给开发者和维护者看的。浏览器解析HTML代码是会自动
2020-08-02 20:25:32
176
HTML+CSS+JS制作一个简单的计算器
2020-09-19
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人