![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
小知识点
爱玩的小屁孩
前端冲冲冲
展开
-
ES6解构赋值
感想实习时间真的过得很快啊,接触到了很多自己在学校根本接触不到的东西,这是我受益匪浅,由于前些日子都在努力学习新东西,几乎没有时间整理文档,趁周六周末把文档拾起来,给自己定个小计划,每天都至少看两大知识点,基础的东西不能忘记。 今天就把一些ES6的东西在巩固一下 学习永无止境。ES6解构赋值数组解构const peopleArr:number[] = [1,2,3]const [arr1, arr2, arr3] = peopleArr//此时arr1=1,arr2=2,arr3=3//命原创 2021-09-05 09:15:01 · 99 阅读 · 0 评论 -
CSS可以继承的属性
1、字体系列属性font-family:字体系列font-weight:字体的粗细font-size:字体的大小font-style:字体的风格2、文本系列属性text-indent:文本缩进text-align:文本水平对齐line-height:行高word-spacing:单词之间的间距letter-spacing:中文或者字母之间的间距text-transform:控制文本大小写(就是uppercase、lowercase、capitalize这三个)color:文本颜色3原创 2021-07-04 16:04:51 · 85 阅读 · 0 评论 -
table合并单元格
合并两行删除多余单元格结果原创 2021-07-02 20:37:33 · 74 阅读 · 0 评论 -
JS中every()和some()的用法
every()与some()方法都是JS中数组的迭代方法。every相当于都得符合条件才可返回True,&&every()是对数组中每一项进行回调函数内的判断,如果该函数对每一项返回true,则返回true。some相当于有一个符合条件就可返回True,||some()是对数组中每一项进行回调函数内的判断,如果该函数对任一项返回true,则返回true。var arr = [ 1, 2, 3, 4, 5, 6 ]; console.log( arr.some( functio原创 2021-07-01 09:50:57 · 213 阅读 · 0 评论 -
手写Jsonp实现
废话少说,直接上代码 var jsonp = function(url,param,callback){ //处理url地址,查找?,如果没有?这个变量就有一个"?",有?这个变量接收一个& var querystring = url.indexOf("?") == -1?"?":"&"; //处理参数{xx:xx} for(var k in param) { querystring += k原创 2021-06-29 12:52:04 · 100 阅读 · 0 评论 -
Cookie、Session以及Storage(浏览器的本地存储)
cookie和session的区别:cookie数据存放在客户的浏览器上,session数据放在服务器上。cookie不是很安全,别人可以分析存放在本地的COOKIE并进行COOKIE欺骗考虑到安全应当使用session。session会在一定时间内保存在服务器上。当访问增多,会比较占用你服务器的性能考虑到减轻服务器性能方面,应当使用COOKIE。单个cookie保存的数据不能超过4K,很多浏览器都限制一个站点最多保存20个cookie。所以个人建议:将登陆信息等重要信息存放为SESSIO原创 2021-06-28 22:02:47 · 1791 阅读 · 0 评论 -
JS的闭包
为什么要有闭包?使用闭包主要是为了设计私有的方法和变量。闭包的优点是可以避免全局变量的污染。缺点是闭包会常驻内存,会增大内存使用量,使用不当很容易造成内存泄露 。为什么我会把内存泄漏加删除线呢???闭包会造成内存泄露?对,但也不完全对。内存泄露是指你用不到(访问不到)的变量,依然占居着内存空间,不能被再次利用起来。闭包里面的变量明明就是我们需要的变量(lives),凭什么说是内存泄露?这个谣言是如何来的?因为 IE。IE 有 bug,IE 在我们使用完闭包之后,依然回收不了闭包里面引原创 2021-06-28 21:52:38 · 59 阅读 · 0 评论 -
ES6新增Map和Set方法
Mapvar myMap = new Map();var keyString = "a string"; myMap.set(keyString, "和键'a string'关联的值"); myMap.get(keyString); // "和键'a string'关联的值"myMap.get("a string"); // "和键'a string'关联的值" // 因为 keyString === 'a string'map原创 2021-06-28 11:37:07 · 128 阅读 · 0 评论 -
BrowserRouter和HashRouter的区别
原理BrowserRouter 使用的是H5的history API方法(不兼容IE9以下)HashRouter 使用的是URL的哈希值UR表现形式不同BrowserRouter :路径中没有#号,例如:localhost:3000/demo/testHashRouter :路径中存在#号,例如:localhost:3000/#/test刷新网页对state参数的影响BrowserRouter :没有任何影响,由于存在history中HashRouter :刷新state参数参数丢失Has原创 2021-06-27 21:26:24 · 128 阅读 · 0 评论 -
withRouter方法的使用
首先withRouter是“react-router-dom”的一个方法。其作用就是传入一个一般组件,返回一个路由组件所有属性(history.location,match)的组件import {withRouter} from "react-router-dom"import Header from "./Header"export default withRouter(Header)一般组件Header此时props属性获得了路由组件才有的history、location、match属性原创 2021-06-27 21:04:25 · 265 阅读 · 0 评论 -
路由跳转方式push和replace传参方式
params参数相应的router需要设置参数形式<Router path="/home/:name/:age" component={Home} />"push:this.props.history.push("/home/zhangsan/18")replace:this.props.history.replace("/home/zhangsan/18")query参数push:this.props.history.push("/home/?name=zhangsan&原创 2021-06-27 20:59:04 · 1388 阅读 · 0 评论 -
React跳转路由传参3种方法和区别
params传参特点:路由表配置:参数地址栏显示传入参数:<Link to="/home/001/zhangsan/18" />声明传参形式:<Router path="/home/:id/:name/:age" component={Home} />"接收参数:在组件Home中接收使用this.props.match.params即可query传参特点:query方法:参数地址栏不显示,刷新地址栏,参数丢失传入参数:<Link to="/home/原创 2021-06-27 20:51:46 · 649 阅读 · 0 评论 -
React父子间通信
父组件与子组件间的通信子组件获取父组件的信息父组件:<div className="father"> <Child age={this.state.age} name={this.state.name}></Child></div>子组件:出入的值存在this.props中this.props.agethis.props.name父组件获取子组件的信息1、回调函数的方式子组件:可直接调用子组件的propsthis.props原创 2021-06-27 17:00:17 · 94 阅读 · 0 评论