hu_baobao-优快云博客

原创 Loading chunk failed问题处理

import React from 'react'import { observer, inject } from 'mobx-react'import Component from 'edt-components/Component'import { sessionStorage } from 'utils/storage'import FullLoading from 'edt-components/FullLoading'import _ from 'lodash'@observerc.

2020-10-16 17:16:54 19909 2

原创 Three.js快速入门学习总结

Three表示3D的意思，js表示javascript的意思。那么合起来，Three.js就是使用javascript 来写3D程序的意思。一.三大要素在Three.js中，要渲染物体到网页中，我们需要3个要素：场景（scene）、相机（camera）和渲染器（renderer）1.场景var scene=new THREE.Scene();2.相机 ...

2019-08-08 15:17:25 509

原创 provisional headers are shown 请求返回数据为null

问题描述：请求返回数据为null,但是url在地址栏中输入后有数据返回请求头出现provisional headers are shown 字样解决：chrome插件安装拦截了请求导致上述情况具体关于provisional headers are shown的描述可以参考文章：https://juejin.im/post/5c00980751882518805add83...

2019-07-08 10:02:38 852

原创制作网页生日礼物送男朋友

1.页面预览链接：https://huyuan111.github.io/happy-birthday/背景为白色循环上升浮动的气球，这个是在网上看到一个网友的网页参考的为了让我男友打赏我，我还用antd的抽屉做了打赏功能哈哈~2.项目代码技术栈：react+redux+react-router+sass+antdgithub...

2019-05-20 19:37:00 4068 6

原创 React学习记录（持续更新）

以前做项目主要用的是Vue,现在5月份加入React项目，记录平时项目中的踩坑点和接触到的注意事项。1.遍历数组渲染dom需要设置key值，习惯使用数组索引做key,这样很容易出现bug。key值应该使用唯一值，比如id等。react监测差异时会根据key值来判断是否需要进行更新，当数组前几项被删除，后几项就会占用原来前几项的key值，key值没有发生改变，react不会对对应相...

2019-05-13 16:40:33 184

原创 2019前端面试社招经验分享（网易，酷狗）

不到三年的前端网易和酷狗面试经验分享酷狗面试题：（面试过程大概50分钟）1.div垂直居中的方法（要求答出至少三种）2.function fn(){ for(var i = 0;i<5;i++){ setTimeout(function(){ console.log(i) },0); }}这个方法输出什么，为什么，...

2019-05-13 10:57:24 3287 1

原创跨域详解

面试必然会出现的问题---跨域。1.什么是跨域不同域之间相互请求资源，即为跨域。受到浏览器同源策略的影响，不同域的页面不允许调用对方的对象或资源。其中，协议，域名，端口号任意一个不相同，都算作不同域。跨域并不是请求发不出去，请求可以发出去，服务端能接收到请求并正常返回结果，只是结果被浏览器拦截了。2.同源策略同源策略是一种约定，由Netscape公司1995年引...

2019-03-13 23:03:53 296

原创 HTML5 WebSocket

WebSocket是HTML5开始提供的一种在单个TCP连接上进行全双工通讯的协议。WebSocket是客户端和服务器之间的数据交换变得更简单，允许服务端主动向客户端推送数据。弥补了HTTP协议只能由客户端发起通信的缺陷。在WebSocket API中，浏览器和服务器只需要完成一次握手，两者之间就直接可以创建持久性的连接，形成一条快速通道。两者之间就可以直接数据传送，进行双向数据传输。...

2019-03-12 22:25:29 677

原创 javascript各种方法的原理及原生实现

1.Object.create()实现 Object.create = function(obj){ var F = function(){}; F.prototype = obj; return new F(); } var newObj = Object.create(obj); 原型链的关系如下：...

2019-02-26 23:36:40 514

hu_baobao的博客