live_upward-CSDN博客

原创字节前端面经

一面1、垂直居中的方法2、登录注册模块的用户信息怎么存储的3、cookie怎么样可以不被用户访问到4、cookie可以跨域传值吗5、tcp是怎么样来保证它是可靠的6、tcp和udp的区别7、http和https的区别8、https的加密9、0.1+0.2=0.3吗10、实现0.1+0.2=0.311、手撕promise.all12、写一个快排13、抛硬币等概率事件...

2020-12-18 13:53:28 243

一面1、自我介绍2、从输入url到渲染页面经历了什么3、tcp为什么要三次握手4、http缓存5、http状态码6、403知道吗，是什么意思7、强缓存和协商缓存8、http2.0有哪些改进9、多路复用的原理10、二叉树中从根节点到叶子节点存不存在一条路径的和加起来等于一个树。11、将url中的query部分提取出来以键值对的方式放到一个对象中去。二面1、响应式原理2、vuex原理3、原型链4、事件循环说输出5、实现一个sleep函数还有的忘了三面1、nextTick原

2020-12-10 21:07:18 281

原创 DOCTYPE的作用和类型详解

DOCTYPE的作用和类型详解首先，介绍两个概念（SGML、DTD）SGML是一种定义电子文档结构和描述其内容的国际标准语言，是所有电子文档标记语言的起源。它规定了在文档中嵌入描述标记的标准格式，指定了描述文档结构的标准方法，HTML格式就是使用固定标签集的以重SGML文档。DTD（Document Type Definition 文档类型定义）是一组机器可读的规则，它定义XML或HTML元素及它们的属性和层次关系。浏览器根据你定义的DTD来解释你页面的表示，并展现出来。什么是DOCTYPE？声明

2020-10-22 12:01:56 618

原创彻底理解原型和原型链

彻底理解原型和原型链原型是什么？先来说一下构造函数，构造函数的作用就是创建和初始化一个对象。通过new来创建一个实例，由构造函数创建的实例与实例之间是相互独立的。每个构造函数都会有一个prototype属性，它相当于一个指针，指向另外一个对象，这个对象就可以给所有实例共享它的属性和方法，所以说，原型对象就是用来给实例共享自己的属性和方法的。每个实例内部都会有一个指向原型对象的指针(proto)。而原型对象的constructor也会指向构造函数。 function Person() {

2020-07-21 12:34:51 316

原创虚拟DOM是怎么进行比对的

虚拟DOM步骤1、state数据2、JSX模板3、数据+模板生成虚拟DOM (虚拟DOM就是一个JS对象，用它来描述真实DOM) (损耗了性能)['div',{id:'abc'},['span',{},'hello world']]4、用虚拟DOM的结构生成真实DOM来显示<div id='abc'><span>hello world</span></div>在render()中：JSX->createElement->

2020-07-15 20:38:59 446

原创 react性能提升

react常用性能提升1、在constructor中修改函数的作用域2、setState是个异步操作，可以把数次对数据的修改结合成一个，提高性能3、虚拟DOM（同层比对、key）4、shouldComponentUpdate 减少子组件的渲染频率，props发生变化时返回true重新渲染，否则返回false不进行渲染5、在componentDidMount里发送ajax请求，而不是在render中（反复渲染）...

2020-07-15 17:06:36 89

原创 react生命周期函数

生命周期函数指在某一时刻会自动调用执行的函数Initialization(初始化阶段初始化数据比如说props state)1、setup props and stateMounting(挂载阶段)1、componentWillMount()在组件即将被挂载到页面的时候自动执行(只会在第一次挂载时执行)2、render()3、componentDidMount（）组件被挂载到页面之后执行(只会在第一次挂载时执行)Updation(组件的更新流程)props发生变化时： 1

2020-07-15 16:47:37 93

原创前端跨域解决方案

跨域解决方案跨域：只要协议、域名、端口有任何一个不同，都被当作是不同的域。1、通过document.domain跨域用于主域相同，子域不同的跨域场景eg:1）父窗口（http://www.domain.com/a.html）<iframe id="iframe" src="http://child.domain.com/b.html"></iframe><script>document.domain = 'domain.com';var user = '

2020-07-14 17:24:45 309

原创 html css常见面试题

1、对标签语义化的理解？a. 去掉或者丢失样式的时候能够让页面呈现出清晰的结构b. 有利于SEO：和搜索引擎建立良好沟通，有助于爬虫抓取更多的有效信息：爬虫依赖于标签来确定上下文和各个关键字的权重；c. 方便其他设备解析（如屏幕阅读器、盲人阅读器、移动设备）以意义的方式来渲染网页；d. 便于团队开发和维护，语义化更具可读性，遵循W3C标准的团队都遵循这个标准，可以减少差异化。2、src与href的区别src用于替换当前元素；href用于在当前文档和引用资源之间确立联系。src指向外部资源的位置

2020-07-14 10:21:42 192

原创关于html里的一些特殊标签的含义及理解

关于一些特殊的html标签的含义及理解1、<!DOCTYPE>是标签吗？它有什么作用？是 DOCTYPE标签是一种标准通用标记语言的文档类型声明，它的目的是要告诉标准通用标记语言解析器，声明文档的解析类型(document.compatMode)，避免浏览器的怪异模式。document.compatMode：BackCompat：怪异模式，浏览器使用自己的怪异模式解析渲染页面。CSS1Compat：标准模式，浏览器使用W3C的标准解析渲染页面。**2、**head标签作用？它可

2020-06-14 15:32:16 807

原创 MongoError: E11000 duplicate key error collection: miaomiao.users index: username_1 dup key: { usern

MongoError: E11000 duplicate key error collection: miaomiao.users index: username_1 dup key: { username: "admin" }项目中，写后台注册的接口时遇到了这个问题，想往数据库里增加一条数据，然后就报了错，刚开始很懵，最后才知道是因为mongodb数据库有多个主键存在导致的（只默认有一个）。...

2020-04-10 20:01:37 667

weixin_44033422的博客