图画房改房

前端学习笔记

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

/ 注册

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

React 面试题

JSX JSX 是 JS 的一种语法扩展，JSX 可以生成 React 元素。 // 实际上 Babel 会把 JSX 转译为 React.createElement() 函数调用 const element = ( <h1 className="greeting&quo...

笔记前端 React

2020-10-21

1 943

图片懒加载

<img src="default.jpg" data-src="http://www.xxx.com/target.jpg" /></img> 1. IntersectionObserver 这是浏览器内置的一个 API，实现了监听...

笔记性能优化前端

2020-10-19

2 560

Promise 实现异步加载图片

function loadImageAsync(url){ return new Promise((resolve, reject) => { let image = new Image(); image.onload = function(){ ...

面试笔记前端

2020-10-16

1 514

浏览器/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