2021前端社招面试总结之编程篇
这是前端社招面试总结的第二篇编程篇，没看过第一篇算法篇的可以看一下。
前言前端社招面试，考工程编程题的比例要比纯算法要高。因为编程题中很多问题是实际工作中经常会遇到的，可以实际考察对javascript知识的理解和掌握程度。
面试过程中遇到的编程题科里化
自定义加法，a, b 两数相加，a、b 有可
...
2021前端社招面试总结之算法篇
首次前端社招经验总结，大概分算法篇、编程篇、前端技术篇三部分。本次是算法篇的内容。前言对于前端来说，算法在面试中所占比例不是很高，题目难度也不是特别大，大部分属于 leetcode 简单题、中等题偏简单题目。对于社招前端而言，手写代码还是以考察实际项目编程为主，这个我们后续再讲。
考察范围也主要以数
...
《webpack 实战（入门、进阶与调优）》笔记
《webpack 实战（入门、进阶与调优）》笔记第 2 章 模块打包2.3 commonJs 和 es6 module 的区别
commonjs、在代码执行阶段加载；es6 module 在代码编译阶段加载
可以用 if 来判断是否加载某个 commonJs
es6 module 的导入、导出都是
...
useState和setState
先来思考一个老生常谈的问题，setState是同步还是异步?
再深入思考一下，useState是同步还是异步呢？
我们来写几个 demo 试验一下。
先看 useState同步和异步情况下，连续执行两个 useState 示例1234567891011121314151617181920212223
...
canvas生成base64图片失败的问题
bug最近在做需求的时候，需要自行把生成图片，自然而然的用到了canvas.toDataURL这个api来生成base64的图片。
但是在实际测试过程中，却发现在某些ios手机中，无论是safari还是微信环境，都无法正常生成base64内容，而只是生成”data:,”就结束了。但出问题的设备环境，
...
webpack中contenthash和chunkhash的区别
背景最近遇到一个问题，把一个 6 个月前在git ci上重新打包后，发现打包后的文件名的 hash 值跟之前不一样了，明明代码也没改啊，怎么回事？
分析1分析一下，肯定是 webpack 打包的问题，我们的项目中用的是 contenthash，是不是换成 chunkhash 就好了呢？
hash,
...
认识http referrer
Referer 是一个请求头参数，提供访问来源的信息前端通过document.referrer来获取，document.referrer 只读。
发送 referrer 的场景：
用户点击网页上的链接
用户发送表单
网页加载静态资源，比如加载图片、脚本、样式
referrer 值为空的场景：有时候
...
react16源码学习
基于这篇文章，自己实现了一个简单的react，记录笔记如下：
1. 定义 react.createElement(type, props, …children)
注：2020.10.25 使用最新的 create react app，自定义的 react.createElement 无效。
原因：
...
react组件全局变量写在Component前面和用Ref的区别
在 react hook 中，因为闭包陷阱的问题，我们不能使用 useState 来进行处理。比如下面这段代码，不管怎么setCount，console输出的还是最初的值。
123456789101112131415161718192021import React, {useEffect,
...
面试系列:防抖和节流
今天听到关于防抖和节流最容易理解的解释，记录一下。
防抖
就是发动技能的吟唱（战术前摇），需要一定时间，而且会被打断。打断之后只能重新吟唱。所以手写出来就是：
12345678910111213function debounce(fn, time) { let timer = nul
...