- 博客(38)
- 收藏
- 关注
RSS订阅原创 项目中的icon中的svg点击变颜色，下载的iconfont的svg不变颜色
项目的菜单栏使用icon，项目中的icon中的svg点击变颜色，下载的iconfont的svg点击不变颜色
2023-01-04 10:13:26
378
原创 screenfull的You may need an appropriate loader to handle this file type, currently no loaders are con
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
2022-12-08 16:20:36
1072
4
原创 vue使用screenfull全屏指定容器，页码、日期等下拉框不显示的问题解决
vue使用screenfull插件全屏指定容器，页码、日期等下拉框不显示的问题解决
2022-12-08 15:06:07
2079
原创 js的let、const关键字
<script> /* let const 定义变量 升级版 var ， *****常用 1-不能重复定义 2-没有声明提升，变量只能先定义 后使用 3-新增块级作用域（局部作用域） 使用let 定义id变量 在代码内 就是局部 变量，不是全局变量 */ </script> <scr...
2022-03-31 11:20:47
457
1
原创 js的symbol基本数据类型
<script> /* 数据类型6种:基本数据类型:数字/字符串/布尔值/null/undefined 复杂数据类型:对象 es6新增的一种 symbol 类型:是基本数据类型 每个定义出来都是唯一的,一样 也是唯一的,结果是不相等的 */ // 定义一个symbol var s1 = Symb...
2022-03-31 11:19:43
519
原创 改变this指向的三种方法
<!-- <script> // 如果函数的内部的this跟我们想要的不一样，我们就可以改变函数内部的this var obj = {username : 'zhangsan'} function fn(a,b){ console.log(this) console.log(a,b) } // 这里的this指向window f...
2022-03-31 11:18:16
529
原创 js基础的this指向
<script> // 函数内部this指向谁，取决于函数的调用方式 </script> <!-- <script> // 普通函数，内部this指向window function fn(){ console.log(this) } // 指向window // Window{window: Window, ...
2022-03-31 11:16:54
95
原创 js的JSON的JOSN.parse和JSON.stringify
<!-- <script> // JSON.parse方法将字符串对象转换为对象。将字符串数组对象转化为数组对象 var jsonObj = '{ "name": "Jack", "age": 18, "gender": "男" }' var jsonArr = '[{ "name": "Jack", "age": 18, "gender": "男" }, { "name": "Jack", "age": 18, "gender":...
2022-03-31 11:14:47
1008
原创 js的正则
正则的创建：<script> // 正则表达式 RegExp (Regular Expression)规则表达式 是一个复杂数据类型 /* 作用：1.专门用来验证字符串是否符合规则 2.从字符串里面获取一部分符合规则的内容 语法： 使用一些特定的符合，来组合成一个表达式 使用这个表达式去验证字符串，或者从字符串里面获取一些内...
2022-03-25 09:52:47
393
原创 js的事件下
事件对象的属性：<!-- <button id="btn">按钮</button> <script> var btn = document.querySelector('#btn') btn.onmousedown = function (){ // 事件源:<button id="btn">按钮</button> // console.lo...
2022-03-25 09:37:12
1672
原创 js的常见事件总结
<!-- <script> // 事件：用户操作页面产生的行为叫做事件。 // 事件处理函数：一旦触发事件，事件函数就会自动执行 </script> --> <!-- <div id="btn">点击div</div> <script> // onclick 点击事件 var btn= document.querySelec...
2022-03-21 19:57:55
765
原创 js通过dom遍历标签选项卡
// 通过老师讲解<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">...
2022-03-20 11:11:15
202
原创 js的DOM剩余
<!-- innerHTML与innerText的区别 --> <!-- <div class="box lala">11111</div> --> <!-- <script> var _box = document.querySelector(".box") //innerHTML是写入html代码文本 _box.innerHTML = "<h1>显示的是...
2022-03-19 22:39:03
116
原创 js的DOM获取标签对象
/* js的组成:ECMAJavaScript BOM(Browser Object Model)浏览对象模型 DOM(Document Object Model) 文档对象模型 */ // DOM // 获取标签的方法 // 通过id获取 // _box = document.getElementById("box")...
2022-03-19 22:28:55
809
原创 js的倒计时定时器
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <titl...
2022-03-18 16:24:05
320
原创 js的Date对象方法及定时器
<!-- <script> // 日期的创建 var d1 = new Date() // 得到的结果是：Thu Mar 17 2022 16:58:47 GMT+0800 (中国标准时间) console.log(d1) // 得到的是：object。会隐式转换为字符串的东八区时间。北京时间 console.log(typeof d1) </script&g...
2022-03-18 08:49:25
154
原创 js的Math对象方法
<script> // Math是内置的对象，不需要创建，直接使用 // 数组的对象方法 // 1.random() 得到一个0-1的随机数，包前不包后 console.log(Math.random()) // 2.round() 四舍五入 // 得到的结果是：3 console.log(Math.round(3.4)) // 3.floor()...
2022-03-18 08:32:17
210
原创 js字符串对象的常见方法
<!-- <script> // 1.字符串方法 indexOf("内容")，得到的是第一个出现相同字符串的下标 var str = 'huitailang' // 得到的结果是：2 console.log(str.indexOf('i')) // 2.lastIndexOf("内容")，得到的是最后面开始出现的第一个相同字符串的下标 // 得到的结果是：5 c...
2022-03-17 17:57:02
577
2
原创 js的栈和堆的基础认识
<!-- <script> // 堆和栈 /* 变量占用内存 栈内存：基础数据类型：数字、字符串、布尔值、null、undefined，栈中每次开辟 空间大小都一样 */ // var a = 1; // var b = 2; /* 堆内存：复杂数据类型，对象定义的地址存入栈中，真...
2022-03-17 09:10:56
114
原创 js数组对象方法详细总结
<!-- <script> // 1.数组.push("追加的内容1","追加的内容2","追加的内容3"...),把追加的内容在数组的最后开始，按顺序追加， // 返回值是追加以后的数组长度，直接操作原始数组 var arr = ["hello","world","你好","世界"] var res = arr.push("追加的内容1","灰太狼") // 得到的结果是6 con...
2022-03-16 13:10:24
2596
原创 js的数组介绍
<!-- <script> /* 利用递归求100的阶乘 f(n)=f(n-1)*n */ function jiecheng(n){ if(n == 1){ return 1 } return jiecheng(n-1)*n } var res = j...
2022-03-15 16:11:45
65
原创 js对象的简单了解
<script> // 创建对象的方法: /* // 1.json方法创建.name为属性(键),中间用 : 连接,值为数字时,不用引号,为字符串就要引起来 // 当有多个属性时,中间用逗号隔开 var obj = { name:"zhang", age:18, sex:"man" } // 得到的结果是:{na...
2022-03-14 17:27:39
1191
原创 js的递归及常见事件
<!-- <script> // 递归函数：在函数中调用自身。就会变成死循环，死递归(爆栈)。因此要给一个终止条件 // 这个就是爆栈：Uncaught RangeError: Maximum call stack size exceeded /* function fn(){ fn() } fn() */ // 1-100的和 ...
2022-03-14 17:26:52
234
原创 js的作用域
根据老师讲的总结：<!-- <script> // 作用域：全局作用域，局部作用域 // 在JS中只有函数能生成一个局部作用域。 // 全局作用域可以在任何地方使用，全局变量可以在局部变量中使用 // var a = 10 // function fn(){ // console.log(a) // } // fn() ...
2022-03-14 17:25:58
38
原创 js的预解析
根据哔哩哔哩视频总结：<!-- <script> // 预解析：在代码执行之前做的事情 // 变量的预解析 // 得到的结果是：undefined console.log(a) var a = 10; // 得到的结果是:10 console.log(a) /* 分析： 先进行预解...
2022-03-14 17:24:31
117
原创 js函数小案例
<!-- <script> /* 编写任意个第一个数字为1的数字的求和、差、积、商的函数 sum(1,2,3,4,5,6,'-') function sum() {} // 1-2-3 sum(1, 2, 3, "-"); // 1+2 sum(1, 2, "+"); */ /* 分析： ...
2022-03-14 12:46:10
550
原创 前端js函数
<script> // 函数：函数就是一个容器里面装的代码，用的时候调用它 // 函数分为：声明式函数、赋值式函数 // 声明式函数：function声明函数的关键字，fn函数名，（）：括号里面是形参（变量） // {}：括号里面是代码段 // function fn(){ // // 代码段 // } // 赋值式函数：fun函数名，f...
2022-03-11 18:23:27
868
1
原创 for循环案列
<!-- <script> // 100-200判断质数 for(var i=100;i<=200;i++){ var flag = true for(var j=2;j<i;j++){ if(i%j ==0 ){ flag = false } } ...
2022-03-11 16:06:19
386
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人