爱玲姐姐的博客

记录学习的点点滴滴~ 如有写得不恰当之处，请在评论区留言，我的邮箱会立刻收到您的评论。如果您觉得写得不错，请给我点个赞再走吧~如有更多问题探讨也可以加我qq:517486222,微信jal517486222

01月

原创 Vscode中使用Git可视化面板管理代码仓库 - 视频教程

Vscode中使用Git可视化面板管理代码仓库 - 视频教程一、视频演示： 1.本地初始化Git仓库推送到远程 2.拉取远程Git仓库到本地 3.git的增删改文件操作

2021-01-24 14:24:33 5372 9

原创 React 静态站点生成器： Gatsby

React 静态站点生成器： Gatsby文章出处：拉勾大前端高薪训练营练习代码地址Gatsby 是一个静态站点生成器,官网地址是：https://www.gatsbyjs.cn/一、静态应用的优势访问速度快更利于 SEO 搜索引擎的内容抓取部署简单二、Gatsby 总览基于 React 和 GraphQL, 结合了 webpack, babel, react-router 等前端领域中最先进工具，开发人员开发体验好；采用数据层和UI层分离而不失 SEO 的现代前端开发

2021-01-19 07:52:09 1959

原创 React 服务端渲染框架：Next.js

React 服务端渲染框架：Next.js文章出处：拉勾大前端高薪训练营练习代码地址Next.js是React服务端渲染应用框架.用于构建SEO友好的SPA应用.支持两种预渲染方式，静态生成和服务器端渲染.基于页面的路由系统，路由零配置自动代码拆分.优化页面加载速度.支持静态导出，可将应用导出为静态网站.内置CSS-in-JS库styled-jsx方案成熟，可用于生产环境，世界许多公司都在使用应用部署简单，拥有专属部署环境Vercel,也可以部署在其他环境.一、创建 N

2021-01-19 07:47:38 1502

原创 React 原生实现服务端渲染

React 原生实现服务端渲染文章出处：拉勾大前端高薪训练营练习代码地址一、服务器端渲染快速开始1. 实现 React SSR引入要渲染的 React 组件通过 renderToString 方法将 React 组件转换为 HTML字符串将结果 HTML 字符串响应到客户端renderToString 方法用于将 React 组件转换为 HTML 字符串，通过 react-dom/server 导入.2. webpack 打包配置问题: Node 环境不支持 ESM.

2021-01-19 07:45:09 1056

原创 Chakra-UI 学习笔记

Chakra-UI 学习笔记文章出处：拉勾大前端高薪训练营现代化 React UI 框架 Chakra-UI1. Chakra-UI 介绍Chakra UI是一个简单的，模块化的易于理解的UI组件库.提供了丰富的构建React应用所需的U|组件.文档: https://next.chakra-ui.com/docs/getting-startedChakra UI内置Emotion,是CSS-IN-JS解决方案的集大成者基于Styled-Systems https://style

2021-01-06 08:45:36 2941 1

原创 CSS-IN-JS 学习笔记

CSS-IN-JS 学习笔记文章出处：拉勾大前端高薪训练营集成 CSS 代码在 JS 文件1. 为什么会有 CSS-IN-JSCSS-IN-JS 是 WEB 项目中将 CSS 代码捆绑在 JS 代码中的解决方案，这种方案旨在解决 CSS 的局限性，例如缺乏动态功能，作用域和可移植性。2. CSS-IN-JS 介绍CSS-IN-JS 方案的优点：让CSS代码拥有独立的作用域，阻止CSS代码泄露到组件外部，防止样式冲突。让组件更具可移植性，实现开箱即用，轻松创建松耦合的应用程序。

2021-01-06 08:44:01 1042

原创 Formik 学习笔记

Formik 学习笔记文章出处：拉勾大前端高薪训练营1. Formik1.1 Formik 介绍增强表单处理能力，简化表单处理流程官网1.2 Formik 下载npm install formik2. Formik 增强表单2.1 Formik 基本使用使用 formik 进行表单数据绑定以及表单提交处理import { useFormik } from 'formik'function App () { const formik = useFormik({ini

2021-01-06 08:41:26 2217 1

原创 React Hooks 学习笔记

React Hooks 学习笔记文章出处：拉勾大前端高薪训练营1. React Hooks 介绍1.1 React Hooks 是用来做什么的对函数型组件进行增强，让函数型组件可以存储状态，可以拥有处理副作用的能力，让开发者在不使用类组件的情况下，实现相同的功能。1.2 类组件的不足（Hooks 要解决的问题）缺少逻辑复用的机制为了复用逻辑增加无实际渲染效果的组件，增加了组件层级，显示十分臃肿，增加了调试的难度以及运行效率的降低类组件经常会变得很复杂难以维护将一组相干的

2021-01-06 08:38:58 1034