前端集锦

学习如何搭建一个项目，且项目已开发部分功能集成webpack，已有项目中集成webpack package.json 配置相关的loader

vsconsole 可以打日志 vConsole: 一个轻量、可拓展、针对手机网页的前端开发者调试面板 (gitee.com)

App.vue 条件编译 存储 获取 清除本地存储的数据 mapMutations 应用 mapActions 和 都是在methods中获取的

初始化项目 首先安装 react-router-dom 首先我们记住一点，其实在 react-router 底层，实现了不同宿主的路由，react-router-dom 是针对浏览器的，还有 reac

eslint  stylelint  husky  markdownlint 一键接入 --- 一键扫描--- 一键修复----一键升级 lerna 作为工程化包管理工具 lerna.json 中 设

使用pnpm原因：扁平化的安装方式减少了node_moudles 体积 npm intstall pnpm pnpm install lerna -g npm init/pnpm init 初始化项目

创建一个hooks menus 需要消费packages/hooks底下的内容  packages/hooks/src 下新建useToggle 文件夹 index 文件 自定义hooks src i

创建一个空的npm 项目 因为不发包所有不需要version  main（版本 和指定入口文件），设置“private”:"true",如下基础项目 全局安装encode-fe-lint工具 一键接入

react 16.8以后采用时间切片的方式解决页面卡顿，JS执行可中断 16.8以前采用的是递归的方式 JS 执行不可中断 渲染方式不同 CPU 卡顿：   1. JS执行导致的页面卡顿 60HZ 

react 状态管理工具redux react-redux 相关的用法介绍，未完待续！！！！！！！

React 状态管理：redux recoll jotal mobx zustand React State  React 为我们提供了创建状态与更新状态的Api -- useState class

vue diff 算法  vue2 双端比较  vue3 最长增长子序列  react  fiber 链表 silbling 单向链表

HOC  :高阶组件  纯函数 入参是组件出参也是组件 使用HOC的原因： 抽取重复代码，实现组件复用：相同功能组件复用 条件渲染，控制组件的渲染逻辑（渲染劫持）：权限控制。 捕获/劫持被处理组件的生

jsx 编译 elment => babel =>React.createElement => VDOM {} diff VDOM2 => ReactDOM.render(VDOM,'ROOT') =

创建数据库，写入数据 获取数据，主要用于聊天软件的本地持久化存储，添加数据待续等等等等扥等额高等的额

当您需要录制当前屏幕并上传或下载屏幕录制时 判断横屏还是竖屏 改变横竖屏样式 标签页显示隐藏 图片预加载 当图片较多时，需要预加载图片以避免白屏 元素可编辑 当你需要编辑一个dom元素时，让它像文本区

husky 是什么？ husky 的 开篇是这么描述的： 1.1空项目 如果还没有创建项目，可以通过以下命令初始化一个带有Husky的项目： 上面命令执行完后安装依赖命令： 这是官方推荐的做法，如果你

1. vscode 单元测试文件 未修改 报红 vscode  设置--- eslint -rulers   加上 "rules": { "prefer-arrow-callback": "off"

javascript call apply bind的手动封装，其中谁调用this就指向谁， obj.fn() fn 中的this 就指向Obj

一个 Promise 必然处于以下几种状态之一： 待定（pending）：初始状态，既没有被兑现，也没有被拒绝。 已兑现（fulfilled）：意味着操作成功完成。 已拒绝（rejected）：意味