前端笔面常问【自用笔记】

不足

代码规范

usememo

笔面

笔试选填题_参宿7的博客-CSDN博客

前端通信（渲染、http、缓存、异步、跨域）自用笔记_参宿7的博客-CSDN博客

三大件

HTML5+CSS3自用笔记_参宿7的博客-CSDN博客

ES6自用笔记_参宿7的博客-CSDN博客

框架

React和Vue生命周期、渲染顺序_参宿7的博客-CSDN博客

vue和React路由_参宿7的博客-CSDN博客

React函数与类组件_参宿7的博客-CSDN博客

React之state详解_参宿7的博客-CSDN博客

编程​​​​​​​

笔试编程题常用框架/方法_参宿7的博客-CSDN博客

面试

项目

React中数据可视化库的选择，ListChart示例（列表切换echarts图表，同类数据为x轴的bar）_参宿7的博客-CSDN博客

前端开发中的ajax请求、ts封装axios_前端ajax请求封装_参宿7的博客-CSDN博客

CustomeG6-canvas_参宿7的博客-CSDN博客

vue upload 下载_参宿7的博客-CSDN博客

封装上传组件（axios，进度条onUploadProgress，取消请求）_参宿7的博客-CSDN博客

前端先行模拟接口（mock+expres+json）_参宿7的博客-CSDN博客

上传

大文件传输

Blob.prototype.slice 切片

web-worker 在 worker 线程中用spark-md5 根据文件内容算hash

promise.allSettled()并发请求

原生 XMLHttpRequest 的 upload.onprogress 对切片上传进度的

监听axios的 onUploadProgress

axios.post(this.uploadPath, formData, {
            headers: {
                "X-Requested-With": "XMLHttpRequest",
            },
            onUploadProgress: (progressEvent: ProgressEvent) => {
                console.log("onUploadProgress");
                if (progressEvent.lengthComputable) {
                    this.progress = Math.round(
                        (progressEvent.loaded / progressEvent.total) * 100
                    );
                    console.log(this.progress);
                }

优化

测试常见前端bug_参宿7的博客-CSDN博客

前端开发中的常见优化_参宿7的博客-CSDN博客