- 博客(14)
- 收藏
- 关注
原创 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
313
原创 滚动条相关事件
<!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
427
原创 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
269
原创 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
282
原创 简述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
145
原创 浅谈冒泡事件和捕获事件
冒泡事件:是从当前事件一层一层的向外延伸,子事件触发会触发父事件再到上级,我们可以使用e.stopPropagation()来阻止事件,注意这里有兼容性window.event? window.event.cancelBubble = true : event.stopPropagation();window.event.cancelBubble = true是ie的阻止冒泡事件捕获事件:是从...
2019-01-04 11:26:13
130
原创 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
100
原创 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
98
原创 CSS3写过渡动画
过渡动画定义:通过CSS3,是一个元素的样式转为另一个样式时为该元素添加效果语法:transition:[transition-property] || [transition-duration] || [transition-timing-function] || [transition-delay];属性值:[transition-property]:设置对象中的参与过渡的属性[tr...
2018-10-12 17:38:49
129
原创 浏览器内核及其前缀
Firefox(火狐):mozilla内核,前缀为 -mozChrome(谷歌)、Safari(苹果):webkit内核,前缀为 -webkitOpera(欧鹏):opera内核,前缀为 -oIE(微软):trident内核,前缀为 -ms...
2018-10-08 15:21:21
896
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人