详解原型与原型链其实，刚开始学 JavaScript 时，就有学过原型与原型链的相关知识了，只是当时还没有养成写笔记的习惯，导致现在已经忘的七七八八了。这边文章真是花了很多心思，写了两天，看了很多篇篇博文，其中有小参考的，有解决一点疑惑的，但是最后只标注了一篇帮助最大的。构造函数实例的构造函数属性( constructor)指向其构造函数function P
......
337
0
0
2023-03-13
前端动画实现笔记参加字节跳动的青训营时个人写的笔记。这部分是蒋翔老师讲的课。动画：动画是通过快速连续排列彼此差异极小的连续图像来制造运动错觉和变化错觉的过程。快速连续排列彼此差异极小制造错觉动画都需要定义两个基本状态，即起始状态和结束状态，然后填补两者之间的空白，让动画连贯。空白的补全方法有两种：补间动画：传统动画。主画师绘制关键帧，补间动画师补充关键帧。(
......
415
0
0
2023-03-13
Webpack 笔记参加字节跳动的青训营时写的笔记。这部分是范文杰老师讲的课。插一嘴：范文杰老师的公众号Tecvan有很多干活，可以关注一下。(下面的部分有好多都有很有用的扩展链接，偷懒，就直接把老师的公众号贴出来)1. 简介Webpack 本质上是一种前端资源编译、打包工具。功能：多份资源文件打包成一个 Bundle支持 Less、Babel、Eslint
......
456
0
0
2023-03-13
Node.js 笔记参加字节跳动的青训营时写的笔记。这部分是欧阳亚东老师讲的课。1. 应用场景前端工程化Web 服务端应用运行效率接近常见的编译语言社区生态丰富、工具链成熟(npm，V8 inspector)与前端结合的场景有优势(服务端渲染 SSR)Electron 跨端桌面应用商业应用：vscode, slack, discord大型公司内的效率工具2.
......
428
0
0
2023-03-13
Express(一) ——简单入门背景：参加的青训营项目，使用 Express 来实现后端，个人被分配到后端去。于是，简单速通了下 Express。项目结束，回头写下笔记，沉淀一下。Express 是基于 Node.js 平台，快速、开放、极简的 Web 开发框架。开始前可以先安装Postman，很好用的接口测试工具。1. Hello World首先，安装
......
331
0
0
2023-03-13
JavaScript 生成验证码和 32 位随机码1.使用 canvas 实现生成验证码功能本文的 html 文件如下图所示，实现验证码的 js 文件为 verify.js<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" /&
......
388
0
0
2023-03-13
前端开发调试知识参加字节跳动的青训营时写的笔记。这部分是秃头披风侠老师讲的课。1. 前端 Debug 特点多平台：浏览器、NodeJs、小程序多环境：本地开发环境、线上环境多工具：Chrome devTools、Whistle多技巧：Console、BreakPoint、sourceMap、代理2. Chrome DevTools2.1 动态修改元素和样式点
......
393
0
0
2023-03-13
JS 数组常用的方法(个人感觉)1. forEach()循环，无法在中间停止2. some()循环，找到符合条件的之后，可以通过 return true 退出循环3. every()测试数组中的所有元素是否都能通过某个指定函数的测试。返回一个布尔值。const arr = [-1, 3, 4, 5, 6];
let result = arr.every
......
393
0
0
2023-03-13
前端工程化和 webpack前端开发四大要点：模块化：js、css、资源的模块化组件化：UI 结构、样式、行为可复用规范化：目录结构、编码、接口、文档规范化、git 分支管理自动化：自动化构建、自动部署、自动化测试1. 前端工程化前端工程化：在企业级的前端项目开发中，把前端开发所需的工具、技术、经验等进行规范化、标准化。早期的前端工程化解决方案：gruntg
......
347
0
0
2023-03-13
元素三大系列这里讲的三大系列的属性返回的是数值，不带单位元素偏移量 offset 系列使用 offset 系列相关属性可以动态得到该元素的位置（偏移）、大小等。作用：获得元素距离定位父元素的位置（如果没有父元素或者父元素都没有定位，则是距离 body 的位置）获得元素自身宽度高度返回的是数值，不带单位offset 系列常用属性:offset 系列属性作用el
......
301
0
0
2023-03-13
目录文件下载1.通过a标签点击直接下载2.open或location.href3.Blob和Base64文件上传文件上传思路File文件上传单个文件-客户端上传文件-服务端多文件上传-客户端大文件上传-客户端大文件上传-服务端文件下载1.通过a标签点击直接下载<a href="https:xxx.xlsx" rel="external nofollow
......
358
0
0
2023-03-12
JavaScript 流程控制 - 分支和循环文章目录JavaScript 流程控制 - 分支和循环1. 什么是流程控制2. 顺序流程控制3. 分支流程控制 之 if语句3.1 什么是分支结构3.2 if 语句3.2.1 if 语句基本理解3.2.2 if 语句执行流程3.2.3 if 语句案例3.3 if else语句（双分支语句）3.3.1 引言3.3.
......
364
0
0
2023-03-12
解析 URL Params 为对象let url = 'http://www.domain.com/?user=anonymous&id=123&id=456&city=%E5%8C%97%E4%BA%AC&enabled';
parseParam(url)
/* 结果
{ user: 'anonymous',
i
......
318
0
0
2023-03-12
高阶函数实现AOP（面向切面编程） Function.prototype.before = function (beforefn) {
let _self = this; // 缓存原函数的引用
returnfunction () { // 代理函数
beforefn.apply(this,
......
283
0
0
2023-03-12
循环打印红黄绿下面来看一道比较典型的问题，通过这个问题来对比几种异步编程方法：红灯 3s 亮一次，绿灯 1s 亮一次，黄灯 2s 亮一次；如何让三个灯不断交替重复亮灯？三个亮灯函数：function red() {
console.log('red');
}
function green() {
console.log('green'
......
294
0
0
2023-03-12