![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 56
_Root___
这个作者很懒,什么都没留下…
展开
-
Ajax基础
AjaxAjax从服务器获取,用componentDidMount(调用数据)设置Ajax请求成功,再用setState重新渲染(1)(this)获取组件(2)(this)获取组件(2)(this)获取组件(2)(e.target)获取数据jQuery:(1)ajax-get()方法(2)远程HTTP GET请求载入信息(3)请求成功时可调用回调函数(4)$ajax较复杂,出错时...原创 2018-09-25 09:49:17 · 170 阅读 · 0 评论 -
面试相关问题
TCP和UDP的区别路由器是OSI模型的哪一层?为什么?css的动画类型有哪些?你知道canvas吗?有哪些api?TCP的连接和断开的过程?(三次握手和四次挥手)有让我直接描述过程的,也有让我说详细一点儿的TCP的状态位你知道吗?TCP连接的过程中,服务器获得请求后,怎样才算是准备好了?(其实没有特别明白这个问题)url输入之后有哪些操作?promise、async/awai...原创 2019-04-14 23:02:03 · 137 阅读 · 0 评论 -
前端面试-react
一. connectconnect是一个科里化的函数,接受两个参数:mapStateToProps数据绑定、mapDispatchToProps事件绑定connect(mapStateToProps,mapDispatchToProps)(component)mapStateToProps添加redux时,自动初始化, 用来建立和store的state之间的关系。(如果写了第二个参...原创 2019-09-20 19:01:10 · 409 阅读 · 0 评论 -
原型链闭包相关
一.判断数据类型的方法typeof:[]、null、{}都会返回object;undefined返回undefined;function(){}返回function只能说对[]和null的判断不够精确instanceof:用来测试一个对象object在其原型链中是否存在一个构造函数constructor的prototype属性只能判断对象,不能判断基本类型格式:object inst...原创 2019-09-24 15:48:30 · 122 阅读 · 0 评论 -
css
选择器-css权重问题css的主要选择器|类型|权重 ||–|--|| ! important | 无穷 || 行间样式 | 1000 || id | 100 || class/属性选择器/伪类 | 10 || 标签选择器 | 1 || 通配符 | 0 |...原创 2019-09-24 16:00:24 · 146 阅读 · 0 评论 -
ajax
状态readyState0 - (未初始化)还没有调用send()方法1 - (载入)已调用send()方法,正在发送请求2 - (载入完成)send()方法执行完成,3 - (交互)正在解析响应内容4 - (完成)响应内容解析完成,可以在客户端调用了具体状态100——客户必须继续发出请求101——客户要求服务器根据请求转换HTTP协议版本200——交易成功201——...原创 2019-09-24 21:25:41 · 153 阅读 · 0 评论 -
事件循环Event Loop
一. 单线程1. 单线程首先,js是一个非阻塞的单线程脚本语言;非阻塞即执行异步任务,主线程会挂起任务,等待异步任务执行完成后按照一定的规则执行回调函数2. 堆和栈js的变量存放于堆或者栈中;堆中存放对象,栈中存放基本变量和对象的指针二. 执行栈和事件队列方法调用(1)脚本第一次执行,js引擎解析代码,将同步代码依次排列在执行栈中;(2)一系列方法依次调用,一次只能执行一个方法;...原创 2019-09-28 16:56:02 · 162 阅读 · 0 评论 -
this
改变this:call、apply、bindbind和call、apply:call和apply:this指向this对象是在运行时基于函数的执行环境绑定的;在全局环境中,this等于window;定义对象时,this等于那个对象;匿名函数的执行环境具有全局性,因此其this对象通常指向window// 定义一个全局变量var type = "全局"; // 定义函...原创 2019-09-29 21:26:28 · 190 阅读 · 0 评论 -
CSS背景颜色性质研究
一. repeating-linear-gradient:创建线性渐变图像语法:background: repeating-linear-gradient(angle | to side-or-corner, color-stop1, color-stop2, …);background: repeating-linear-gradient(right bottom,deepskybl...原创 2018-12-10 16:05:03 · 280 阅读 · 0 评论 -
ackage.json中库的版本号详解(~和^)
1. 使用npm install --save XXX2. 会优先考虑使用插入符号^而不是~3. ~:更新到当前minor version(中间那位数字)中最新的版本e.g body-parser:~1.15.2 会匹配1.15.x的最新版本出现1.16.0,不会自动升级4. 把当前库的版本更新到当前major version也就是第一位的最新版本e.g bluebird:^3.3....原创 2018-09-26 15:55:16 · 330 阅读 · 0 评论 -
this的用法
一.(1)javascript的宿主环境是web浏览器,浏览器环境需要提供一些接口javascript引擎才是真正执行代码的地方,e.g V8,Javascript core(2)Javascript的宿主环境是nodejs,对应引擎是V8二.global thisthis == window对象(1)声明变量没有var/let -> 给全局的this添加或改改变属性值(2)n...原创 2018-09-26 15:57:09 · 349 阅读 · 0 评论 -
前端进阶之路(三)React组件重新渲染之shouldComponentUpdate和React.PureComponent
state作为react的一个重要的部分,固然自动渲染给我们省了很多的麻烦,然而并不是我们想让他不渲染就很容易做到的一些时候,state的重新渲染机制导致了不必要的渲染,所以研究一下用来一些特定的情况下也是很有必要的一. shouldComponentUpdate(shouldComponentUpdate可能会导致bug,并不建议使用)关于shouldComponentUpdate,R...原创 2018-10-19 15:05:27 · 4513 阅读 · 3 评论 -
前端成长之路(一)react中setState需要注意的几点及嵌套state的更新
一直没有对setState有什么很深入的了解,最近阅读了一些文章,深感setState的运用并不简单setState的使用不当,很有可能会导致一些莫名其妙的bug首先:setState并不保证同步执行调用setState后,并不会直接改变state的值,而是会产生一个即将处理的state改变。在调用setState之后立即查看,有可能值并没有改变。所以,setState并没有办法保持同步,r...原创 2018-10-17 17:11:09 · 2336 阅读 · 0 评论 -
前端成长之路之(四)React Hook
探秘React v16.7.0-alpha HooksHooks的本意是“钩子”,在React里就是表示一系列的特殊函数。主要阅读了React的官网React Hook,另外还有一些其他的资料。Hook并没有提出一些突破性的改变,并不需要对已有的代码进行重构。Hook提出了一个更好的方法来结合props, state, context, refs和lifecycle。首先,从为什么使用Ho...原创 2018-11-06 16:39:05 · 278 阅读 · 0 评论 -
前端成长之路(五) React高阶组件HOC
用React官网的解释来说,就是获取一个组件,然后返回一个新的组件一.高阶组件常用于解决交叉问题高阶组件可以使我们一个地方定义逻辑,之后在所有的组件处使用。For example:withSubscription 封装订阅高阶组件的基本定义方法:function withSubscription(WrappedComponent,passData){ ....... re...原创 2018-11-18 17:02:08 · 670 阅读 · 0 评论 -
前端成长之路(二)令人崩溃的static
前一段帮人解决一个bug,用了static,出现了this is undefined的错误,所以特地纠结了一下static的具体用法原创 2018-11-18 17:59:46 · 936 阅读 · 0 评论 -
前端bug:如何关闭所有的console.log,保证console.log只在测试环境下
方案一:(感觉莫名的有点儿emmm)使用text编辑器将所有的console.log()替换成//console.log()覆盖console.logconsole.log = function() {} // Firefox 8,IE8下运行成功,在Firefox 7的情况下并不能成功运行下面的例子取自stackOverflow,权当自己做个记录:https://stackov...原创 2018-11-18 21:24:50 · 6482 阅读 · 0 评论 -
关于Chrome下的video文件currentTime无效问题
前段时间查到的bug:记录关于Chrome下video文件设置的currentTime没有效果,这里有详细的解释和解决方案https://stackoverflow.com/questions/53053444/cant-seek-through-video-from-rails-active-storage-with-rails-webpacker-react-fr/53242215#5324...原创 2018-11-18 21:32:07 · 3227 阅读 · 0 评论