全部文章
共 1306 篇文章
useState和useRef的区别
的坑: 修改state后,如果直接调用此state,会发现state的值未发生改变。 当调用setState时,react是 异步更新state 的,如果setState后立即获取state的值,此时state尚未更新,因此为旧的状态。 总共有两种用法: 1、获取子组件的实例 2、在函数组件中的一个 全局变量 ,不会因为重复 重复申明, 类似于类组件的 有些情况下,我们需要保证函数组件每次 render 之后,某些变量不会被重复申明,比...
什么是Async await,和Promise有什么区别
Async/await:是一个用同步思维解决异步问题的方案 1. 会自动将常规函数转换成Promise,返回值也是一个Promise对象 2. 只有async函数内部的异步操作执行完,才会执行then方法指定的回调函数 3. 异步函数内部可以使用await 4. await 放置在Promise调用之前,await 强制后面点代码等待,直到Promise对象resolve,得到resolve的值作为await表达式的运算结果 5. aw...
CSS之Display、Visibility和Opactity的区别
1\. display:none; DOM结构:浏览器不会渲染display属性为none的元素,不占据空间,意思就是页面上没有它的一席之地,你在开发者模式中选不中那个元素。 事件监听:无法进行DOM事件监听。点击事件无法触发,但是可以通过ref获取节点触发点击事件 性能:动态改变此属性时会引起重排,性能较差。 继承:不会被子元素继承,因为子元素也不被渲染。 transtion过渡不支持display。 2\. visibility:h...
es6箭头函数
1\. 相比普通函数,箭头函数有更加简洁的语法。 普通函数 箭头函数 2\. 箭头函数不绑定this,会捕获其所在上下文的this,作为自己的this。 这句话需要注意的是,箭头函数的外层如果有普通函数,那么箭头函数的this就是这个外层的普通函数的this,箭头函数的外层如果没有普通函数,那么箭头函数的this就是全局变量。 下面这个例子是箭头函数的外层有普通函数。 下面这个例子是箭头函数的外层没有普通函数。 3\. 箭头函数是匿名函...
JS数组中改变原数组和不改变原数组的方法
1、首先我们来聊聊数组中有哪些方法是改变原数组的 1.1、push 是往数组的末尾添加数据,返回值是数组的长度,同时原数组会改变 1.2、pop 是删除数组最后一个元素,这次返回的可是被删除的元素数组,同时原数组改变 1.3、 是向数组开头添加一个或者多个的元素,返回值是数组的长度,同时原数组会改变 1.4、shift 是删除数组的第一个元素 并且返回被删除的元素 同时原数组改变 1.5、splice 向数组中插入、删除或者替换元素 例...
JavaScript的ES6、ES7、ES8、ES9、ES10新特性
ES6新特性(2015) ES6的特性比较多,在这里列举几个常用的: 类 模块化 箭头函数 函数参数默认值 模板字符串 解构赋值 延展操作符 对象属性简写 Promise Let与Const 1.类(class) 2.模块化(Module) ES5不支持原生的模快化,在ES6中模块作为重要的组成部分被添加进来。模块的功能主要有export和import组成。每个模块都有自己的独立的作用域,模块之间的相互调用关系是通过export来规定模...
前端路由hash和history的区别
1\. 前端路由的由来 说前端路由由来之前,先看下后端路由: 后端路由:在前后端不分离的时代,路由都是通过服务端指定的,服务端根据客户端发来的HTTP请求,将返回的数据于模板引擎响应结果结合后进行渲染,将渲染完毕的页面发送给客户端。 优点:SEO友好,爬虫爬取到的页面就是最终的渲染结果。 缺点:每次发起请求都要刷新页面,用户体验不好,服务器压力大。 SPA SPA是单页面应用Single Page web Application的简写。...
解决screen状态为Attached连上不的问题
当你挂起 ,下次想连上screen的时候,有时候会出现screen 的状态为Attached而怎么连也连不上的情况。下面给出解决方法。 列出状态为Attached的session id。 1. screen ls 2. screen D r <session id 解释: D r 先踢掉前一用户,再登陆。
scss八大特性
前言 众所周知css并不能算是一门真正意义上的“编程”语言,它本身无法未完成像其它编程语言一样的嵌套、继承、设置变量等工作。为了解决css的不足,开发者们想到了编写一种对css进行预处理的“中间语言”,可以实现一些“编程”语言才有的功能,然后自动编译成css供浏览识别,这样既一定程度上弥补了css的不足,也无需一种新的语言来代替css以供浏览器识别。于是css预处理语言 就应运而生了。 sass是最早的css预处理语言,有比less更为...