- 博客(12)
- 收藏
- 关注
RSS订阅原创 Vue学习笔记 --- 模板编译原理
Vue学习笔记 — 模板编译原理 Vue.js提供了模板语法，允许我们声明式地描述状态和DOM之间地绑定关系，然后通过模板来生成真实DOM并将其呈现在用户界面上 一、渲染步骤 将模板编译成渲染函数可以分为两个步骤，先将模板解析成AST(Abstract Syntax Tree，抽象语法树)，然后再使用AST生成渲染函数 由于静态节点不需要总是重新渲染，因此在生成AST之后与生成渲染函数之前会需要一个操作->遍历一遍AST，给所有静态节点做一个标记，这样在虚拟DOM更新节点时就会发现这个标记，也就不会重
2020-08-01 09:56:32
310
原创 Vue学习笔记 ---- 虚拟DOM
Vue学习笔记 ---- 虚拟DOM 什么是虚拟DOM 随着时代的发展，页面上的功能越来越多，程序中需要维护的状态越来越多，DOM操作也越来越频繁 我们发现像之前那样使用jQuery或原生js来开发页面，那么操作DOM的代码占据大多数，程序中的状态也难以进行管理，这被称为命令式操作DOM，虽然简单实用，但是却难以进行维护。 当我们开始使用三大主流框架Vue.js、Angular和React时，他们都是声明式地操作DOM，我们通过描述状态与DOM之间的映射关系，就可以将状态转换为视图，甚至我们根本不需要手动操
2020-06-30 10:03:44
369
原创 Vue学习笔记 -- Vue的响应式原理
Vue学习笔记 – Vue的响应式原理 今天通过王红元老师的教学视频和一些博主的技术分享，学习了Vue的响应式原理，话不多说直接进入正题 这是Vue官网中提供的响应式原理示意图，总结起来我们最常见到的响应式原理的答案就是： 使用Object.defineProperty将所有属性使用setter和getter进行劫持，在读取数据和写入数据时进行拦截处理 这是我自己总结的响应式流程： 然而这只是响应式原理中的一小部分，下面时是我用自己的话总结的响应式原理： Vue的响应式原理是通过使用订阅者-发布者模式，
2020-06-30 10:02:09
287
原创 浏览器的重绘和回流
浏览器的重绘与回流 我的博客 这是我在之前面试中遇到的一个问题，今天回想起来正好做一个总结 浏览器在将页面展示给我们之前都做了什么（渲染机制） 这其实也是我遇到的一道面试题，与重绘和回流息息相关 用户输入网址 浏览器通过DNS获取网站的IP地址 浏览器尝试与服务器建立连接 服务器发送永久重定向 浏览器跟踪重定向地址 服务器处理请求 服务器发送HTML响应 浏览器接收响应，开始解析 解析html文件，处理并创建DOM树 解析css样式表， 构建CSSOM树 将DOM与CSSOM进行结合，构建渲染树(Rend
2020-06-30 09:57:30
214
原创 防抖与节流
防抖与节流 我的博客 第一次接触防抖与节流的概念是在一次面试中，但是当时并没有觉得防抖与节流很重要，知道后来学习vue做项目的时候才明白，防抖与节流能够有效地节省浏览器资源，因此更加深入地学习了防抖与节流的知识 函数防抖 当持续触发事件时，一定时间段内没有再触发事件，事件处理函数才会执行一次，如果设定的时间到来之前，又一次触发了事件，就重新开始延时。 在一个页面中我们会发现点击一次↓键会触发很多次scroll事件，如果我们在scroll事件中添加对是否显示回到顶部按钮条件的判定，那么这时会消耗大量的浏览
2020-06-30 09:55:37
314
原创 javaScript的深浅拷贝
我所理解的JavaScript的深浅拷贝 幻尘の屋 这并不是我第一次接触这个话题，但是这是我第一次深入地对javaScript的深浅拷贝机制进行学习 数据类型 我们都知道javaScript拥有很多数据类型我们将他们分为两种： 基本数据类型 引用数据类型 基本数据类型包括： String, Number, Boolean, undefined, null, symbol(Es6专属) 引用数据类型包括： Object（对象）、Array（数组）、Function（函数） 对于基本数据类型来说，变量直接按
2020-06-14 11:01:16
115
原创 我所理解的Event-loop
javaScript的执行机制（Event-Loop） 详细内容请关注我的博客地址 理解js的执行机制是一件至关重要的事情 var a = 10; var b = 20; console.log(a); console.log(b); //输出： 10 20 当我们接触到这样的代码，我们心情舒畅，因为一眼就可以看出我们应该先执行那个步骤，再执行哪个步骤，随后我们根据需求添加了定时器 var a = 10; var b = 20; setTimeout(() => { console.log(a
2020-06-13 17:34:22
134
原创 JavaScript -- this的使用
JavaScript – this的使用 详细内容请关注我的博客地址 通过阅读MDN和各类博客复习了一下javascript中this的使用方法 什么是this 在传统的面向对象语言中this关键字指代了当前对象本身，或者是当前对象的一个实例，通过使用this可以对其中方法与属性进行调用 在javascript中this的指向是临时决定的，而不是在创建时决定的，大多数情况下函数的调用方式决定了this的指向 全局环境中的this 无论是否处于严格模式下，在全局环境中this都唯一指向全局对象window
2020-06-13 17:32:20
84
原创 HTTP协议和HTTP1.01.12.0的区别
HTTP协议和HTTP1.0/1.1/2.0的区别 详细内容请关注我的博客地址 一、什么是HTTP协议 HTTP协议，全称超文本传输协议，属于网络结构OSI参考模型的“最上层”应用层，由请求与响应构成，是无状态的协议。 HTTP占用默认端口号为80，可承载在TLS和SSL之上，通过加密、认证的方式实现数据传输，即HTTPS协议，默认端口443 二、HTTP1.0，HTTP1.1，HTTP2.0的特性与区别 HTTP1.1使用长连接，有效减少三次握手的开销 HTTP1.1允许只发送header信
2020-06-13 17:30:50
768
原创 美团前端实习面试
美团前端实习 我的博客地址 面试开始比较戏剧性，我在调整设备时发现聊天室显示对方已经进入房间，我就点了接受面试邀请，面试官小哥哥也还没准备好，商量了一下，面试就这样开始了 面试官问我我先手写两个代码可以吗，当然同意了！ 数据结构 二叉树的中序遍历 class Node{ constructor(value){ this.value = value, this.left = this.right = null } } class BiTree{
2020-06-13 17:27:53
643
原创 腾讯前端实习生（视频面试）
腾讯前端实习生（视频面试） 修改简历之后本以为无望，结果9号突然收到了腾讯的面试邀请函，经过询问了解到，腾讯的简历机制是一个部门对你进行面试时会锁定你的简历，然后如果面试没通过就会放开简历，投入简历库，等其他部门来捞 废话少说，直接进入正题，下面列举我记下的面试时被问到的问题及之后查到的正确答案 计算机网络 简述一下OSI参考模型 物理层，数据链路层，网络层，传输层，会话层，表示层，应用层 http与https各自时属于哪一层的协议 http是应用层协议，https因为进过ssl加密所以是网络层协议
2020-06-13 17:25:57
890
1
原创 腾讯暑期实习生提前批面试（一面）
title: 腾讯Web前端开发暑期实习生 date: 2020.03.11 第一次面试 3号下午六点突然接到了一个电话，显示微应用的号码，电话里，腾讯的面试官告诉我晚上7点进行电话面试 心情瞬间开始变得兴奋和紧张 紧张的是没有什么准备很突然，兴奋是因为这是第一次专业的面试 虽然总体表现不是很好，但是通过这次面试也给自己找到了很多不足的地方，面试之后总结了题目，发出来共勉一下 1、面试开始是简单的自我介绍 我说了自己的学习历程，说了些参与过的小项目，然后就进入了正式的面试环节 JS 2、Java.
2020-05-12 16:49:27
617
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人