Caristop3_走在前端这条大道上

工作中又遇到了git操作问题，又去浏览了下廖雪峰老师的git教程，这边只是简单做个笔记，廖老师的教程写的非常好。当然对git的熟悉还需要工作中来锻炼。 廖雪峰git教程 基础操作本地git版本库 1. 本地初始化git仓库： Git init (会在指定文件目录下生成一个.git的本地版本git仓库) 2. 添加文件到暂存区： Git add ： # 添加指定文件到暂存区，可指定多个文件...

本篇博客是介绍HTTP基础知识： HTTP HTTP工作原理 HTTP消息组成 HTTP请求方法 HTTP响应头信息 HTTP状态码 HTTP HTTP协议是Hyper Text Transfer Protocol（超文本传输协议）。 HTTP是一个基于TCP/IP通信协议来传递数据（HTML 文件, 图片文件, 查询结果等）。 HTTP工作原理 HTTP协议...

2021.11.25 原生Context 1. 使用场景 Context 提供了一个无需为每层组件手动添加 props，就能在组件树间进行数据传递的方法。 需要注意场景是否应该使用Context，因为这样会使用组件复用性变差，或许render props可以解决问题。 2. 如何使用 2.1 // context.js const ShareContext = React.createContext(defaultValue) // 创建一个Context对象 带一个默认的value 是当

1. 工程化发展 npm scripts -> Grunt -> Gulp -> Fis3 -> webpack(RollUp&vite) 2. 起步webpack 1. webpack已经发布到5了，但整体配置思路没变化，新建空文件夹 "执行npm init -y" 初始化npm info 生成package.json文件 "npm i webpack webpack-cli -D" 开箱情况下： webpack默认入口文件读取当前目录下的src

2021.11.01 babel的作用 babel是一个工具链，主要将我们业务里面使用的ES6\ES7\ES8等等语法来编写的代码转换为向后兼容的javascript语法，比如转换成ES5 1. 语法转换 2. 通过垫片（polyfill）方式在目标环境中添加缺失的特性（比如babel-core负责转换语法部分，但是api未转换，此时我们就需要引入第三方polyfill模块，比如core-js） 3. 源码转换 通俗点就是比如ES6+的语法转换（如使用箭头函数->普通函数，let,const-&