![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javascript
文章平均质量分 57
爱吃囍囍丸子
这个作者很懒,什么都没留下…
展开
-
navigator.userAgent获取浏览器信息(类型及系统)判断当前的设备
javascript的navigator对象navigator为Window对象的一个属性,指向了一个包含浏览器相关信息的对象。navigatot中包含了一些常用到的属性,如navigator.appVersion 浏览器的版本号navigator.appName 浏览器的名称navigator.language 浏览器使用的语言navigator.platform 浏览器使用的平台navigator.userAgent 浏览器的user-agent信息其中userAgent 属性是一个只读的转载 2021-09-10 14:15:09 · 4267 阅读 · 0 评论 -
react-redux数据共享 (多组reducer时 采用对象的方式共同存储在store中)(combineReducers方法合并reducer)
combineReducers (合并组件的reducer 实现组件数据共享)汇总所有的reducer 称为一个总的reducer 存储在一个对象中常见报错小案例的效果总结原创 2021-08-16 23:30:03 · 430 阅读 · 0 评论 -
react中样式组件 styled-components
使用styled-component例如: 创建全局样式组件style.js先在styled-component中解构一个createGlobalStyle出来然后直接使用模板字符串在createGlobalStyle后面书写css样式并传值给一个常量 然后抛出然后在入口文件index.js中引入style.js文件并解构出抛出的GlobalStyle然后在下方render内直接引入这个GlobalStyle标签引入局部创建一个home.js作为局部样式组件,同样的,先在原创 2021-08-09 17:42:43 · 713 阅读 · 0 评论 -
react生命周期(旧)+(新)
<!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>生..原创 2021-08-07 20:05:28 · 84 阅读 · 0 评论 -
promise中的all和race方法
promise中的all方法和race方法这两个方法,都是并行执行多个异步操作。而不同的是,all方式遵循“谁跑得慢,以谁为准执行回调”,而race遵循的是“谁跑的快,以谁为准执行回调”以下为两个异步函数function yibu1() { var p1 = new Promise((resolve, reject) => { setTimeout(() => { resolve('第一个异步执行成功'原创 2021-08-06 15:43:51 · 779 阅读 · 0 评论 -
js实现调用摄像头拍照功能
js实现调用摄像头拍照功能<!DOCTYPE html><html lang="en"><head> <!-- 样式部分可以忽略 --> <style> * { padding: 0; margin: 0; } div { width: 100vw; height: 100vh;原创 2021-08-03 11:25:26 · 2945 阅读 · 0 评论 -
对闭包的看法,为什么要用闭包, 闭包的原理以及应用场景以及闭包的 this 指向问题
闭包的作用:在外部访问函数内部的变量让函数内的局部变量可以一直保存下去模块化私有属性和公共属性闭包的原理:全局变量生存周期是永久,局部变量生存周期随着函数的调用介绍而销毁。闭包就是 在函数中定义且成为该函数内部返回的函数的自由变量 的变量,该变量不会随着外部函数调用结束而销毁。(注:不光是变量,函数内声明的函数也可以形成闭包)当函数可以记住并访问所在的词法作用域,即使函数是在当前词法作用域之外执行,这时就产生了闭包。闭包的应用场景:// 1. 返回值 最常见的一种形式var fun原创 2021-07-22 10:43:15 · 293 阅读 · 0 评论 -
谷歌小恐龙更新啦!!!!!!(加入奥运会项目赛马,游泳,体操等)快来体验a哈哈哈哈哈哈哈哈
谷歌小恐龙更新啦!!!(加入奥运会项目赛马,游泳,体操等)快来体验a哈哈哈哈哈哈哈哈还是原来的进入方式 断网 或者直接输入网址 chrome://dino/进入页面摁下空格即可开始游戏吃下火炬就可以变身! 随机参与一个奥运项目本人已变身小水龙本龙啊哈哈哈(粉色滑板引人注目)第一块石头就翻车 小恐龙直接傻眼110米栏!! 我就是恐龙界的刘翔!游泳!! 蓝色头套简直不要太帅此外 还有跳马 , 体操 等 其他的或许还有 大家可以去试一下!!...原创 2021-07-20 14:23:19 · 1624 阅读 · 1 评论 -
js的this指向中 call ,apply 和bind的区别与用法详解加实例
简单说一下bind、call、apply的区别三者都是用于改变函数体内this的指向,但是bind与apply和call的最大的区别是:bind不会立即调用,而是返回一个新函数,称为绑定函数,其内的this指向为创建它时传入bind的第一个参数,而传入bind的第二个及以后的参数作为原函数的参数来调用原函数。var obj = {};function test() { console.log(this === obj);}test(); //falsevar testObj = t原创 2021-07-20 10:13:38 · 191 阅读 · 0 评论 -
js中比较重要的几个对象 -- Date对象属性获取当前的日期+方法详解实例
JavaScript Date(日期) 对象日期对象用于处理日期和时间。如何使用 Date() 方法获得当日的日期。getFullYear()使用 getFullYear() 获取年份。getTime()getTime() 返回从 1970 年 1 月 1 日至今的毫秒数。setFullYear()如何使用 setFullYear() 设置具体的日期。toUTCString()如何使用 toUTCString() 将当日的日期(根据 UTC)转换为字符串。getDay()如何使用 g原创 2021-07-20 09:26:03 · 830 阅读 · 0 评论 -
js中this指向问题
this与其他语言相比,函数的 this 关键字在 JavaScript 中的表现略有不同,此外,在严格模式和非严格模式之间也会有一些差别。在绝大多数情况下,函数的调用方式决定了 this 的值(运行时绑定)。this 不能在执行期间被赋值,并且在每次函数被调用时 this 的值也可能会不同。ES5 引入了 bind 方法来设置函数的 this 值,而不用考虑函数如何被调用的。ES2015 引入了箭头函数,箭头函数不提供自身的 this 绑定(this 的值将保持为闭合词法上下文的值)。语法值当前原创 2021-06-29 08:50:31 · 117 阅读 · 0 评论 -
js中比较重要的几个对象 -- Array对象属性+方法详解实例
什么是Array(数组)对象数组对象的作用是:使用单独的变量名来存储一系列的值。举个栗子????♂️这段代码就是创建一个叫mycars的新数组并且挨个赋值,var mycars = new Array();mycars[0] = "Saab";mycars[1] = "Volvo";mycars[2] = "BMW";什么是数组?数组对象是使用单独的变量名来存储一系列的值。如果你有一组数据(例如:车名字),存在单独变量如下所示:var car1="Saab";var car2=原创 2021-07-01 22:24:03 · 294 阅读 · 0 评论