图画房改房

前端学习笔记

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

/ 注册

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

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

CDN

CDN 基本概念 CDN（Content Delivery Network, 内容分发网络）是构建在现有互联网基础之上的一层智能虚拟网络，通过在网络各处部署节点服务器，实现将源站内容网络分发至所有CDN节点，使用户可以就近获得所需的内容。CDN服务缩短了用户查看内容的访问延迟，提高了用户访问网站的...

面试笔记前端 CDN

2020-09-08

1 479

React 生命周期

常用简化版 Mounting constructor() -> render() -> componentDidMount(); Updating render() -> componentDidUpdate(); Unmounting componentWillUnmo...

面试前端 React

2020-09-08

1 405

正则表达式

例一 // 使用正则表达式实现删除字符串前面和后面多余的空格 function trim(str){ var re = /^\s+|\s+$/g; return str.replace(re, ''); } 例二 // 验证邮箱的正则表达式 var re = /^\w+@\w+\.\...

面试笔记前端正则表达式

2020-09-08

1 400

峰华前端的每日一题合集

1. 题目 let a = 10; function test(a) { a = 15; } test(12); console.log(a); 答案 10 2. 题目下列哪个不是 CSS 的合法单位？A px;B pt;C lh;D eh; 答案 D eh 3. 题目...

面试笔记前端

2020-09-07

1 502

虚拟节点与 DOM Diff 算法

DOM Diff 只会平级去对比，不会去跨级对比; 深度优先遍历; 源码地址获取源码地址

面试笔记前端

2020-09-07

1 415

性能优化

网络优化方案合并资源文件，减少 HTTP请求浏览器并发的HTTP请求是由数量限制的(桌面浏览器并发请求是8个，手机浏览器是6个)，如果一下子并发的几十个请求那么会有很多请求会停下来等，等前面的请求好了下一个再进去，这样就延长了整个页面的加载时间。压缩资源文件减小请求大小可对代码进行压缩、...

笔记前端性能优化

2020-09-06

1 449