- 博客(14)
- 收藏
- 关注
RSS订阅原创 js数据类型判断
let str1 = "string";let str2 = false;let str3 = 12;let str4;function checkType(val) { let type = Object.prototype.toString.call(val).slice(8, -1); return type}console.log(checkType(str1)); // Stringconsole.log(checkType(str2));//Booleancon
2022-01-24 09:16:28
314
原创 滚动条相关事件
<!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"> <title>Do
2022-01-21 14:56:44
93
原创 js数组排序
let arr = [3, 6, 2, 5, 14, 5, 6];function sortArr(arr) { if (Object.prototype.toString.call(arr).slice(8, -1) !== 'Array') { throw new Error("参数不是数组") } let arrTmp = Array.prototype.concat.apply([], arr); for (let i = 0; i < ar
2022-01-21 14:03:48
428
原创 Object.values和Object.keys的说明及其使用场景
Object.values的说明及其使用场景let obj = { name: "小明", age: 18, sex: "man"}let arr = [1, 2, 3, 4, 5];let objValueArr = [];let arrValueArr = [];// 获取对象的值value，并返回新数组 [ '小明', 18, 'man' ]objValueArr = Object.values(obj);// 获取数组的元素，并返回新数组 [ 1, 2,
2022-01-18 10:23:43
274
原创 js数组去重
简单数组循环去重一、for循环let arr = [1, 2, 3, 4, 5, 1, 2, 4];let arrNew = [];for (let i = 0; i < arr.length; i++) { if (!arrNew.includes(arr[i])) { arrNew.push(arr[i]); }}console.log(arrNew); //[1, 2, 3, 4, 5]二、for···of···let arr = [1, 2,
2022-01-15 10:27:51
402
原创 单位时间内，点击事件执行一次（按钮点击事件节流）
<!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"> <title>Do
2022-01-14 15:36:23
284
原创 简述var和let的概念
ES5没有块级作用域的概念，var声明的变量为全局变量，例如：for(var i = 0; i < 5; i++){console.log(i)}console.log(i)会打印0，1，2，3，4，5ES6引入了块级作用于，let和const声明的变量为块级变量，例如：for(let i = 0; i < 5; i++){console.log(i)}consol...
2019-02-28 20:48:19
147
原创 浅谈冒泡事件和捕获事件
冒泡事件：是从当前事件一层一层的向外延伸，子事件触发会触发父事件再到上级，我们可以使用e.stopPropagation()来阻止事件，注意这里有兼容性window.event? window.event.cancelBubble = true : event.stopPropagation();window.event.cancelBubble = true是ie的阻止冒泡事件捕获事件：是从...
2019-01-04 11:26:13
131
原创 react-router基础知识
react-router基础下载安装：yarn add react-router-dom@4.3.0 -D (一定要带上版本，匹配react使用，目的是为了稳定)引入路由：import { BrowserRouter,HashRouter } from ‘react-router-dom’两者区别使用browserRouter,浏览器的url是这样的：localhost:xxxx/u...
2018-11-17 10:06:16
101
原创 react基础知识
react搭建环境1. 全局安装脚手架：yarn global add create-react-app2. 创建项目：crate-react-app xxx(项目名)3. 启动项目：yarn startreact的特点：1.具有较高性能，代码逻辑简单2.数据流，从父节点传递到子节点3.适合大型项目react的声明函数1.挂在阶段constructor构造函数，用于初始化：获...
2018-11-17 09:44:24
99
原创 CSS3写过渡动画
过渡动画定义：通过CSS3，是一个元素的样式转为另一个样式时为该元素添加效果语法：transition:[transition-property] || [transition-duration] || [transition-timing-function] || [transition-delay];属性值：[transition-property]：设置对象中的参与过渡的属性[tr...
2018-10-12 17:38:49
130
原创 浏览器内核及其前缀
Firefox（火狐）：mozilla内核，前缀为 -mozChrome（谷歌）、Safari（苹果）：webkit内核，前缀为 -webkitOpera（欧鹏）：opera内核，前缀为 -oIE（微软）：trident内核，前缀为 -ms...
2018-10-08 15:21:21
897
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人