- 博客(18)
- 收藏
- 关注
RSS订阅原创 节点操作方法
创建元素var body = document.body;var div = document.createElement('div');body.appendChild(div);var firstEle = body.children[0];body.insertBefore(div, firstEle);body.removeChild(firstEle);var text = document.createElement('p');body.replaceChild(text,
2021-06-20 21:19:51
173
原创 预编译概论
一 预编译什么时候发生预编译到底什么时候发生? 误以为预编译仅仅发生在script内代码块执行前 这倒并没有错 预编译确确实实在script代码内执行前发生了 但是它大部分会发生在函数执行前二实例分析先区分理解概念：变量声明var …函数声明 function () {}<script>var a = 1;console.log(a);function test(a) { console.log(a); var a = 123; console.log(a);
2021-06-20 20:27:52
157
原创 初识构造函数
构造函数使用构造函数创建对象:构造函数：是一种特殊的函数，主要是用来初始化对象的，即为对象成员变量附初始值.构造函数一般和new关键字一起使用。我们可以把对象中一些公共属性和方法进行提取放置在构造函数中 function Fn(a,b,c){ this.uname=a; this.age=b; this.sing=function(){
2021-06-10 20:48:54
139
原创 初识DOM
DOM 创建DOM节点（Node）通常对应于一个标签，一个文本，或者一个HTML属性。DOM节点有一个nodeType属性用来表示当前元素的类型，它是一个整数：1.Element，元素2.Attribute，属性3.Text，文本DOM节点创建最常用的便是document.createElement和document.createTextNode方法：var el1 = document.createElement('div');var el2 = document.createElement
2021-06-09 19:17:27
99
原创 闭包和作用域
一.闭包通俗的得讲就是函数 a的内部函数b，被函数a外部的一个变量引用的时候，就创建了一个闭包。在函数封装，使用定时器的时候用到。例一 ：function a(){ var i=0; function b(){ alert(++i); } return b;}var c = a();c();//外部的变量原理：i是函数a中的一个变量，它的值在函数b中被改变，函数b每执行一次，i的值就在原来的基础上累加 1 。因此，函数a中的i变量
2021-04-24 21:26:28
143
原创 函数的概念
函数大量的代码重复使用什么的时候想用就什么时候用概念： 封装了一段可重复执行调用的一个代码块，可以通过此代码块可以实现大量代码的重复使用。关键字 ： function 函数名(){要执行的代码}特点：不调用时不执行 碰见 函数名() 才执行例题一 /*判断101-200之间有多少个素数，并输出所有素数。 */ for i = 101 i<=200 //1.除了1和它自身外,不能被其他自然数
2021-04-22 20:37:28
84
原创 JavaScript循环结构
一、for循环for关键字 for语法：for(声明自增量;判断条件;自增量的自增方式){循环体}注意 ：for括号里面可以什么值都不写（死循环）但是不写内容可以必须要写两个分号continue break跳出循环区别：continue 跳过本次循环break 跳出循环注意：不管是跳过本次循环 跳出循环 只会对当前的循环起作用打印九九乘法表var a = parseInt(prompt("请输入第一个数")); var b = parseIn
2021-04-18 17:23:02
82
原创 javascript中基本类型和引用类型
一.基本类型和引用类型基本类型值和引用类型值。基本类型值指的是简单的数据段，而引用类型值指那些可能由多个值构成的对象。基本类型var num1 = 5;var num2 = num1;num1中保存的值是5。当使用num1的值来初始化num2时，num2中也保存了值5。但num2中的5与num1中的5是完全独立的。这两个变量可以参与任何操作而不会相互影响。引用类型var person = new Object();person.name = "Aike";alert(person.nam
2021-04-18 16:06:43
131
原创 什么是JavaScript对象？
一.什么是对象？对象是事物，在现实世界中，一个球，一张桌子，一辆汽车都是对象。对象就是具有可描述特征的事物，我们可以用某种特定的方式去影响和操作它。二.关于js 对象JavaScript 对象是拥有属性和方法的数据。在 JavaScript中，几乎所有的事物都是对象。在 JavaScript 中，对象是非常重要的，当你理解了对象，就可以了解 JavaScript 。下面的代码中变量person就是一个对象，你可以理解为对象是变量的容器。对象的写法是用括号括起来实例： var person
2021-04-14 20:49:22
602
原创 Javascript的输出方式
JS的输出方式1.alert()弹出一个对话框，并显示输入的信息，信息都是String形式。该对话框包含一个确定按钮，点击后浏览器才会继续解析执行。 <script> alert("弹出一个alert()"); //输出指定内容 var mag = "输出一个变量"; alert(mag); //输出变量中的内容 </script>2.document.write()，直接在页面上输出内容<script&
2021-04-14 20:43:48
127
1
原创 什么是JavaScript对象？
一.什么是对象？对象是事物，在现实世界中，一个球，一张桌子，一辆汽车都是对象。对象就是具有可描述特征的事物，我们可以用某种特定的方式去影响和操作它。在JS中或者说在面向对象的编程语言中，对象是一系列属性和方法的组合一个属性包含属性名和属性值，这个值可以是任意类型的数据，也可以是个函数，这种情况下函数也被称为方法。除了字符串、数字、true、false、null和undifined之外，JavaScript中的值都是对象。二.对象的特征？对象有属性，也就是对象的特征，可以通过点符号来访问一个对象
2021-04-10 15:29:21
236
原创 JS的引入方式介绍
JavaScript引入方式1.外部JavaScript（1）语法格式<script scr="js文件路径"></script>使用script标签引入外部JavaScript文件，且只需要src属性。Ⅰ.script标签位置在之前我们引入外部CSS文件时，只能在head标签内引入。但对于JavaScript，引入外部JavaScript文件时，不仅可以在head标签内引入还可以在body标签内引入。此外，引入外部CSS文件使用的是link标签，引入外部JavaS
2021-03-31 18:45:46
1933
原创 使用 CSS 变形笔记
CSS transforms 通过一系列 CSS 属性实现，通过使用这些属性，可以对 HTML 元素进行线性仿射变形（affine linear transformations）。可以进行的变形包括旋转，倾斜，缩放以及位移，这些变形同时适用于平面与三维空间。只有使用盒模型（Box Model）来定位的元素可以被变换（transformed）。，拥有 display: block 的元素是由盒模型定位的。CSS transforms 属性有两个主要的属性被用来定义 CSS transforms：tra
2021-03-23 18:12:26
144
原创 CSS中的弹性盒子总结
一、弹性盒布局相关词汇图中是一个 flex-direction 属性为 row的弹性容器，意味着其内的弹性项目将根据既定书写模式沿主轴水平排列，其方向为元素的文本流方向，在这个例子里，为从左到右。1.弹性容器(Flex container)包含着弹性项目的父元素。通过设置 display属性的值为 flex或 inline-fle来定义弹性容器。2.弹性项目(Flex item)弹性容器的每个子元素都称为弹性项目。弹性容器直接包含的文本将被包覆成匿名弹性单元。3.轴(Axis)每个弹性框布局
2021-03-23 17:24:50
705
原创 css浮动、绝对定位脱离文档流的区别
准确的说，float浮动属于半脱离文档流，1、float浮动跟position:absolute一样拥有脱离文档流的功能，但是float虽然脱离了文档流但是仍然会占据位置，其他的文本内容会按照顺序继续排列——如果你对所有的元素都设置了浮动，你会看到这几个div并不会重叠，而是会顺序排列。可以参考设置display:none,跟visible:hidden的效果。...
2021-03-20 21:09:03
360
原创 总结伪类与伪元素
1.伪类与伪元素.先说一说为什么 css 要引入伪元素和伪类，以下是 章节中伪类和伪元素的描述：CSS introduces the concepts of pseudo-elements and pseudo-classes to permit formatting based on information that lies outside the document tree.css 引入伪类和伪元素概念是为了格式化文档树以外的信息。也就是说，伪类和伪元素是用来修饰不在文档树中的部分，比如，一句
2021-03-18 16:19:27
239
原创 CSS入门教学
CSS1. CSS简介 层叠样式表(Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。 CSS自1994年CSS1发展至今到CSS3。1998年5月W3C发表了CSS2，紧接着2001年微软发布了IE6，很大程度推动了CSS发展。CSS2 的规范是基于 CSS1 设计的，包含了 CSS1 所有的功能，并扩充和改进了很多更加强大的属性。包括选择器、
2021-03-13 11:04:38
474
原创 HTML用心就行！初级教学
HTML1. 初识HTMLHTML（Hyper Text Markup Language），超文本标记语言。超文本：文字、图片、音频、视频、动画等。1.1 W3C标准结构(Structure)化标准语言（HTML、XML）表现(Presentation)标准语言（CSS）行为(Behavior)标准（JAVASCRIPT）1.3 元素HTML规范是W3C制定的，开发者只要按照规范来开发HTML代码，就能在游览器中得到正确的显示。HTML语法中是基于元素的，也叫标签或者标记。元素 =
2021-03-11 11:03:48
433
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人