前端知识梳理-浏览器篇
一、什么是进程，什么是线程
进程是cpu资源分配最小单位，线程是进程最小调度单位。 在我们的操作系统中，有许多许多的进程，操作系统每干一件事儿就会交给一个进程去做，比如打开音乐就是一个进程。而每个进程里又包含了许多的线程，例如打开了音乐播放器，放一首歌，就是一个新的线程，切换下一首，可能又是另外一个线程。总之他俩之间的关系就是一个进程包含多个线程。
二、浏览器是多进程还是单进程
浏览器一般都
前端
【深度学习01】快速上手 PyTorch：环境 + IDE+Dataset
文章目录
Python学习中的两大法宝函数
理解Package结构及法宝函数的作用
Pycharm和Jupyter使用及对比
python文件
python控制台
jupyter的创建项目及使用
三种方式对比
Pytorch加载数据初认识
Dataset与Dataloader
Dataset类代码实战
配置环境可看【最详细的 Windows 下 PyT
【年终总结】从非科班无实习到准字节前端：我始终相信，开发之外的事，才是破局关键
目录【年终总结】从非科班无实习到准字节前端：我始终相信，开发之外的事，才是破局关键一、求其外，善其内1、坚持出发点正确的博文写作2、博文更新对我心态的淬炼3、社区交流对我视野的启发4、向外拓展，反哺内修二、陷入前端则前端死，跳出前端则前端活1、从不务正业到泛前端2、从泛前端到大前端，从有形到无形三、秋
最简单的webpack入门教程
1 前言
这是一个简单的webpack入门教程
Webpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析，然后将这些模块按照指定的规则生成对应的静态资源。
2 基本使用
使用webpack的前提是已经有了node环境，安装node就不赘述了
2.1 初始化
在空文件夹中使用命令行执行：
npm init -y
就会在当前目录下创建一个package.json文件
2.
3. CSS预处理器Less、Scss
1. CSS编写的痛点
CSS作为一种样式语言, 本身用来给HTML元素添加样式是没有问题的.
但是目前前端项目已经越来越复杂, 不再是简简单单的几行CSS就可以搞定的, 我们需要几千行甚至上万行的CSS来完成页面的美化工作.
随着代码量的增加, 必然会造成很多的编写不便：
比如大量的重复代码, 虽然可以用类来勉强管理和抽取, 但是使用起来依然不方便；
比如无法定义变量（当然目前已经支持）,
2022年前端js面试题
还有部分没更新完...
var、let、const区别
1. var存在变量提升，而let、const没有
2. let、const有块级作用域，而var没有
3. var 在同一块作用域可以重复声明多个相同的变量，后者覆盖前者,let、const重
复声明会报错
4.let、var声明变量后可以进行改变值，const声明不能修改（[对象、数组]的属性和方法可以改变
合并对象的方法可以写几种
c
哪些标签存在伪元素，伪类和伪元素的区别
存在伪元素的标签：
1、大部分容器标签(大部分双标签)都有伪元素 iframe没有伪元素
2、大部分单标签都没有伪元素,但是img有伪元素
伪元素简介：
1、伪元素既然带一个“元素”，说明它和 p ，a ，h1 等一样，可以包裹住页面的一部分内容并对其中的内容施加一定的影响。我们可以通过样式表给其书写样式
2、伪元素既然还带一个“伪”，说明它其实在 DOM 树中并不存在，只是逻辑上存在所以我们抽象
vue3 状态管理 pinia
一、pinia 特点
体积小、性能好、使用简单、限制少
支持 Vue Devtools、模块热更新、服务端渲染、Vue2 和 Vue3
没有 mutations，只有 state、getters、actions（异步和同步都可）
二、pinia 安装配置
安装
npm install pinia -S
在 main.js 中注册 pinia
import { createPinia
HTML5的离线应用
一，离线应用
什么是离线应用呢？
就是你现在正在页面上浏览网页或者填写信息，正在这时，你家的wifi突然断了，那么这时你重新连接页面会发现之前的页面都重新加载了，之前填写的相关信息也得从头开始写。那么如果你的web应用支持离线功能，那么就不会用这种经历了。
什么时候考虑使用离线呢
并不是所有网页都要设置为离线，而是那种交互性和有状态的网页（动用很多js代码维护信息的
reduce比你想象中更强大
前言
前面的这篇文章 JS 基础! | 扁平数组和JSON树的转换 利用到了 reduce来实现数组转为map，以及结合concat实现数组递归拼接。今天我们来看看还能搞些什么名堂~
简单复习一下 reduce
语法
let value = arr.reduce(function(previousValue, item, index, array) {
// ...
}, [initial])
