自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(12)
  • 收藏
  • 关注

原创 内置对象 事件

js替换class名时如果不想覆盖之前的class名,需要className时同时带上之前的class名。unshift是在数组前添加一个或多个数组的元素 添加之后的数组的索引也会改变长度也会改变。indexOf()通过元素查找索引 如果数组内有两个相同的只能返回第一个元素的索引。shift()删除数组中的第一个元素每次只能删除一个返回值是删除的那个元素。push是在数组的末尾添加一个或多个数组的元素添加后会改变数组的长度。pop() 删除数组中最后一个元素不需要写任何的参数一次只能删除一个。

2023-06-03 09:27:37 53

原创 dom节点

children 获取所有的子节点的元素不包含空格 i9以上才支持 获取的伪数组。需要插入的内容.appendChild(需要插入的节点) 插入新的子节点。etElementById(id) - 获取带有指定 id 的节点(元素)appendChild(node) - 插入新的子节点(元素)childNodes - 节点(元素)的子节点。attributes - 节点(元素)的属性节点。replaceChild(新的节点,老的节点)parentNode - 节点(元素)的父节点。

2023-06-03 09:02:48 57

原创 wab apl 事件 自定义属性

js替换class名时如果不想覆盖之前的class名,需要className时同时带上之前的class名。innerText 改变元素内容 还可以获取元素内容 会去掉空格和换行 不会去识别html标签。innerHTML 改变元素内容 也可以获取元素内容 会保留空格和换行 会识别html标签。this.className=‘ 新的class名 旧的class名’节点:网页中所有的内容,在dom树中都是节点,使用node表示。通过这个拿到的元素即使只有一个也是以伪数组的方式返回。

2023-06-03 08:53:56 64

原创 作用域 对象 基本数据类型 构造函数

栈里直接通过地址指向url地址指向的堆里赋值给其它的引用数据类型的值也会随之改变。内部函数可以访问外部函数的函数外部函数不能访问内部函数的函数。对象需要属性名和属性值(键值对,键是neme 值是内容,对)如果函数内套用函数时两个函数都需要调用否则不调用的不会运行。每一个函数都有独立的作用域但是内部函数属于外部函数。通过属性点属性值给对象添加 数据时属性名不能是数字。可以通过对象名【‘属性名’】来给对象添加数据。对象就是把相关的属性和方法放在一起的集合。引用数据类型的值是存在堆内的。

2023-06-03 08:52:51 33

原创 if判断和for循环

特点:先执行条件表达式如果结果是true则会执行循环体内容,如果是false则退出循环。操作表达式确保每一次循环是否能执行如果是true就继续循环否则就退出循环。条件表达式:确定每一次循环时能执行,如果是true就继续循环,否则退出。初始化变量就是使用var声明变量并赋值作为整个循环的初始值。for(初始化变量;终止条件(如果没有终止条件就会死循环)for循环用于重复运行相同的代码。do while 当....时。使用场景在固定的数值进行判断。whie(条件表达式){

2023-05-25 16:50:57 90 1

原创 js运算符号

有一个是true就会返回true两个都是false时才会返回false。当有多个表达式时左边的表达式的值可以确定结果时,右边的就不再继续运算了。数字跟NaN相加的结果都是NaN,字符串和nan相加就是拼接。减法运算符会把字符串中的字符串变成数字。如果第一个值为假就会返回第一个表达式。如果第一个值为假就会返回第二个表达式。表达式2 : 表达式3。如果第一个值为真就返回第一个表达式。非数字型的字符串返回的是NaN。非数字型的字符串返回的是NaN。如果表达式1为真会返回表达式2。如果表达式1为假会返回表达式3。

2023-05-25 16:38:49 35 1

原创 js的基本组成

在JS中一共有九种数据类型,基本数据类型和复杂数据类型,有六种基本数据类型,分别是:String (字符串)、Number (数值)、Boolean (布尔值)、Null (空值)、Undefined (未定义)、Object(对象)parseInt(对象)把数值变成整数 可以把字符串转换成数字型(必须是开头就算数字)console.log(13+‘true’)结果是13true。console.log(Number(变量))console.log(isNaN(变量))布尔值转换 Boolean()

2023-05-25 16:38:31 41 1

原创 axios,与vue x 安装

axios第一步打开已经创建好的vue文件cmd 输入 npm install js-file-download第二步注册一下组件vue x安装第一步通过CDN安装 :https://unpkg.com/vuex 第二步使用npm安装:npm install vuex --save或者使用Yarn安装:yarn add vuex......

2022-06-28 11:30:29 348 2

原创 v-on的基本使用,参数传递以及修饰词

v-on是事件绑定也可以直接写@v-on:click=""@click="" <body> <div id="app"> <h2>{{count}}</h2> <button type="button" @click="add()">+</button> <button type="button" @click="sub()">-</button> &l

2022-05-25 09:32:12 157

原创 vue中计算机属性相加的7种使用写法

for循环computed:{totalprcie(){ let arr=0; for (let i = 0; i < this.books.length; i++) { arr += this.books[i].price; } return arr; } }for incomputer:{totalPrcie(){ let arr=0; for(let i in

2022-05-23 18:53:00 558

原创 v-bind 与v-for的结合

v-bind动态class的写法 对象的写法如何去反如何封装对象v-bind动态绑定class对象<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .active{ color: red; } </style> &l...

2022-05-19 19:35:13 140

原创 认识vue

vue的特点:简洁,组件化,轻量,快速,简单可拓展的数据绑定机制,原生对象即模型,简洁明了的API,组件化ul,多个轻量库搭配使用<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div id="app"> <div>{{msg}}<

2022-05-19 16:50:56 201

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除