init project

Author: ilcherry

.github/workflows/deploy.yml

@@ -0,0 +1,29 @@
+name: Deploy fe-interview Site
+
+on: [push]
+
+jobs:
+  build-and-deploy:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout Repository
+        uses: actions/checkout@v4
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: 20
+          cache: "npm"
+
+      - name: Install Dependencies
+        run: npm install
+
+      - name: Build
+        run: npm run build
+
+      - name: Deploy to GitHub Pages
+        uses: JamesIves/github-pages-deploy-action@v4
+        with:
+          folder: .vitepress/dist/
+          branch: gh_pages
+          clean: true

.gitignore

@@ -0,0 +1,25 @@
+# Build and Release Folders
+bin-debug/
+bin-release/
+[Oo]bj/
+[Bb]in/
+
+# Other files and folders
+.settings/
+
+# Executables
+*.swf
+*.air
+*.ipa
+*.apk
+
+# Project files, i.e. `.project`, `.actionScriptProperties` and `.flexProperties`
+# should NOT be excluded as they contain compiler settings and other important
+# information for Eclipse / Flash Builder.
+
+#
+node_modules/
+
+# vitepress
+.vitepress/cache
+.vitepress/dist

.vitepress/config.mts

@@ -0,0 +1,43 @@
+import { defineConfig } from "vitepress";
+
+// https://vitepress.dev/reference/site-config
+export default defineConfig({
+  title: "fe interview",
+  description: "A VitePress Site",
+  themeConfig: {
+    // https://vitepress.dev/reference/default-theme-config
+    nav: [
+      // { text: "Home", link: "/" },
+      // { text: "Examples", link: "/markdown-examples" },
+    ],
+
+    sidebar: [
+      {
+        text: "JS 理论基础",
+        link: "/JS 理论基础",
+      },
+      {
+        text: "前端工程化",
+        items: [
+          { text: "React&Vue", link: "/React" },
+          { text: "Webpack&Vite", link: "/Webpack" },
+          { text: "CSS", link: "/Css" },
+        ],
+      },
+      {
+        text: "手写题",
+        link: "/手写题",
+      },
+      {
+        text: "网络协议",
+        link: "/网络协议",
+      },
+      {
+        text: "算法题",
+        link: "/算法题",
+      },
+    ],
+
+    socialLinks: [{ icon: "github", link: "https://github.com/" }],
+  },
+});

Css.md

@@ -0,0 +1,23 @@
+下面是与原生 JS 有关的知识点汇总
+
+## 1.作用域&作用域链&闭包
+
+```text
+JS作用域是词法作用域，指变量的访问范围。主要分为块作用域、函数作用域、模块作用域和全局作用域
+
+当 JavaScript 代码需要访问某个变量时,按照嵌套关系从内向外查找变量，直到找到该变量或者到达全局作用域。如果在所有作用域中都找不到变量，则会抛出 ReferenceError
+
+在JS中函数是一等公民，当函数返回函数的时候就形成闭包
+```
+
+## 2.类与继承和原型链
+
+```text
+
+```
+
+## 3.异步
+
+Ajax -> 事件监听 -> Promise -> 生成器方法 -> async/await
+
+## 4.模块

JS 理论基础.md

@@ -0,0 +1,19 @@
+## 什么是 Virtual DOM?
+
+## React 组件之间如何通信？
+
+- 父组件通过 props 向子组件传递状态
+- 子组件通过回调方法更新父组件的状态
+- 兄弟组件通过状态提升到最近的共同父组件或者状态管理工具通信
+
+## React 的生命周期
+
+## React 的重渲染
+
+## 为什么 React 渲染列表时需要加上 key？
+
+## 如何理解 Fiber 架构
+
+## Redux 的原理
+
+## vue2 与 vue3 的双向绑定原理

React.md

@@ -0,0 +1,11 @@
+---
+# https://vitepress.dev/reference/default-theme-home-page
+layout: home
+
+hero:
+  name: "前端技术面试总结"
+  actions:
+    - theme: brand
+      text: 快速开始
+      link: /React
+---