自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(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

原创 vue中列表标签中key的作用和使用

vue的列表属性key的作用及使用说明

2022-01-14 11:22:10 1001

原创 递归解决深拷贝

递归解决深拷贝

2022-01-13 10:35:10 147

原创 简述var和let的概念

ES5没有块级作用域的概念,var声明的变量为全局变量,例如:for(var i = 0; i &lt; 5; i++){console.log(i)}console.log(i)会打印0,1,2,3,4,5ES6引入了块级作用于,let和const声明的变量为块级变量,例如:for(let i = 0; i &lt; 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关注的人

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