图画房改房

前端学习笔记

计算机基础(6) 读书笔记(1) 面经(10)

/ 注册

全部文章 / 前端学习笔记（共31篇）

浏览器/html/css 面试题

1. 什么是盒模型在 CSS 中，所有的元素都被一个个的“盒子（box）”包围着，理解这些“盒子”的基本原理，是我们使用CSS实现准确布局、处理元素排列的关键。完整的 CSS 盒模型应用于块级盒子，内联盒子只使用盒模型中定义的部分内容。模型定义了盒的每个部分 —— margin, bord...

面试笔记前端

2020-10-13

1 478

ES6编程题

使用解构，实现两个变量的值的交换 // 在一个解构表达式中可以交换两个变量的值 var a = 3; var b = 2; [a, b] = [b, a]; console.log("a = ", a); // a = 2 console.log("b = &quo...

面试笔记前端

2020-10-13

1 832

webpack

webpack 的作用把你的应用拆分成多个文件；可以构建打包 css、预处理css、编译js和图片等；它支持 AMD 和 CommonJS，以及其他的模块系统(Angular， ES6)。起步 webpack.config.js 文件 module.exports = { ...

笔记 webpack 前端

2020-10-10

1 426

Object.create() 简介

官方描述 Object.create()方法创建一个新对象，使用现有的对象来提供新创建的对象的__proto__。例子 var arr = new Array(3); var p = Object.create(arr); // p.__proto__ = arr console.log(p ...

面试笔记前端

2020-09-25

2 511

call、apply、bind 的 Polyfill

call 的 polyfill Function.prototype.call = function(obj){ // 判断甲方是不是一个函数，不是函数抛出错误 if(typeof this !== 'function'){ throw new Error('当前调用...

面试笔记前端

2020-09-25

1 462

React Context

概述 Context 提供了一个无需为每层组件手动添加 props，就能在组件树间进行数据传递的方法。在一个典型的 React 应用中，数据是通过 props 属性自上而下(由父及子)进行传递的，但这种做法对于某些类型的属性而言是极其繁琐的，这些属性是应用程序中许多组件都需要的。Context 提...

笔记前端 React

2020-09-15

1 434

React 哲学

1. 将设计好的 UI 划分为组件层级 2. 用 React 创建一个静态版本确定了组件层级，可以编写对应的应用了。最容易的方式，是先用已有的数据模型渲染一个不包含交互功能的 U。最好将渲染 UI 和添加交互两个过程分开。小型项目自上而下的编写方式更加方便；但是对于大型的项目来说，自下而上...

笔记前端 React

2020-09-15

1 569

Redux 入门

你可能不需要 Redux 如果：用户的使用方式非常简单用户之间没有协作不需要与服务器大量交互, 也没有使用 Websocket 视图层只从单一来源获取数据那么你不需要使用 Redux 如果你的应用有以下场景，可以考虑使用 Redux 某个组件的状态，需要共享；某个状态需要在任何地...

笔记 Redux 前端 React

2020-09-12

1 549

React Hooks

为什么要有 React Hooks ？类组件的几个缺点大型组件难以拆分；业务逻辑分散在组件的各个方法中，导致重复逻辑或关联逻辑；组件类引入了复杂的编程模式，比如 render props 和高阶组件；类组件的代码太“重”了，所以 React 团队希望组件不要变成复杂的容器，最好只...

笔记 Raect

2020-09-10

1 600

从一个 url 地址到最终页面渲染完成，发生了什么？

1. DNS 解析：将域名地址解析为 ip 地址浏览器 DNS 缓存系统 DNS 缓存路由器 DNS 缓存网络运营商 DNS 缓存递归搜索 2. TCP 连接，TCP 三次握手 3. 发送请求 —— http 报文 4. 接收响应 5. 渲染页面遇见 HTML 标记，浏览器调...

面试笔记前端

2020-09-08

1 472