文章列表

5.4k 字 5 分钟

# 一、React18 基础 # 1、邂逅 React 声明式编程 组件化开发 多平台适配 ​ RN、RVR # 2、React 安装和依赖 开发 React 必须依赖三个库： react：包含 react 所必须的核心代码 react-dom：react 渲染在不同平台所需要的核心代码 babel：将 jsx 转换成 react 相关代码的工具 # 3、JSX 在 react 里面绑定变量统一使用 {} # 3.1、认识 JSX 语法 JSX 是一种 JavaScript 的语法扩展（eXetension），也在很多地方称之为...
13k 字 12 分钟

# Vite + Vue3 + Typescript + Pinia + Vueuse # 一个大厂企业级前端项目 # 通过这篇文章你可以学到 如何使用使用 Vite 搭建项目 如何在 Vite 中集成 typescript 如何在 Vite 中集成 vue-router4 和 pinia 如何使用 vue3 的伴侣 vueuse 如何在项目中集成 eslint 和 prettier 保证代码质量 如何规范化 git 提交信息 如何为团队开发 专属的项目模板 #...
1.9k 字 2 分钟

# JS 基础 # 数据类型 # 基本类型有 7 种： undefined 、 null 、 string 、 number 、 boolean 、 bigint 、 symbol # 引用类型有： Object 、 Array # For...
3.2k 字 3 分钟

# JS 异步编程 https://github.com/Advanced-Frontend/Daily-Interview-Question/issues/7 讲的非常好 <img src="https://eucli-1314359160.cos.ap-beijing.myqcloud.com/test/image-20231029094133469.png" alt="image-20231029094133469" style="zoom:80%;"...
17k 字 15 分钟

# Vue Router 前言： 因为 vue 是单页应用，不会有那么多 html 让我们跳转，所有要使用路由做页面的跳转 Vue 路由允许我们通过不同的 URL 访问不同的内容。通过 Vue 可以实现多视图的单页 Web 应用 快速上手 安装 yarn add vue-router@4 src/router/index.ts : // 引入路由对象import { createRouter, createWebHistory, createWebHashHistory, createMemoryHistory, RouteRecordRaw }...
4.7k 字 4 分钟

# Tips # 实现水平垂直居中 flex 布局（常用） /* 在需要居中的元素的父元素上写 css 居中样式 */.parent { display: flex; justify-content: center; align-items: center;} grid 布局（更简洁） grid 是二维布局特化的属性，只做居中布局其实一维的 flex 就够用了 .parent { display: grid; place-items: center;} translate...
1k 字 1 分钟

# 项目上线 # 1、 环境替换 # 2、 打包（工作中一般前端就做到这，把打包后的 dist 文件夹交上去就行了） # 3、 把 dist 上传到服务器 - 配置 nginx 代理 如果后端服务和前端代码（dist）放在一个域下面就不存在跨域，不用配置 nginx 的跨域部分 连接服务器， cd etc 后安装 nginx： yum install nginx cd nginx 后进行配置 vim nginx.conf : user root;location / { root /root/www/dist; index index.html...