貌似从前几年，前后端分离逐渐就开始流行起来，把一些渲染计算的工作抛向前端以便减轻服务端的压力，但为啥现在又开始流行在服务端渲染了呢？如vue全家桶或者react全家桶，都推荐通过服务端渲染来实现路由。搞得我们慌得不行，不禁让我想起一句话：从来没有任何一门语言的技术栈像Javascript一样，学习者
2023-03-12
PM2使用背景 对于线上项目，如果直接通过 node app 来启动，如果报错了可能直接停止导致整个服务崩溃，一般监控 node 有几种方案。 supervisor: 一般用作开发环境的使用。 forever: 管理多个站点，一般每个站点的访问量不大的情况，不需要监控。 PM2: 网站的访问量比
2023-03-12
普通JavaScript中使用 <script src="https://cdn.bootcss.com/vConsole/3.3.4/vconsole.min.js"></script> <script> // init vCons
2023-03-12
create-react-app创建工程只能创建一个最基本的空程序。需要手动安装很多依赖包及代码操作。Dva将一切进行了简化，它是一个封装好很多模块的框架，并且拥有自己的脚手架。用Dva创建的工程，从目录结构起就非常清晰。 创建Dva项目 全局安装Dva脚手架 > npm install dva-
2023-03-12
state是react特有的一个存储数据的地方，通过各种操作可以改变state的值，然后更新到页面显示上。 但是，当工程变得非常庞大且复杂的时候，各种各样的state和更新state的方法就会使程序变得很乱，管理前端这些数据，需要进行“有条理的对数据进行操作”。而进行这个操作的，就是Redux。
2023-03-12
React路由使用react-router-dom实现，它提供了BrowserRouter、Route、Link等api，可以通过dom事件控制路由。 添加react-router-dom库 yarn add react-router-dom 新建两个组件aaa.js和bbb.js import
2023-03-12
网络数据传输一般推荐使用axios yarn add axios 在react工程里，引入axios import axios from 'axios'; 先用antd创建一个Table表格，Table标签有两个属性，columns是表头，dataSource是数据 <T
2023-03-12
集成引用 yarn add babel-plugin-import yarn add antd 安装完毕后，首先在index.js中引入antd的css文件 import 'antd/dist/antd.css'; 之后，在需要用到antd的组件js中引入所需部件即可 impo
2023-03-12
Redux简介 Redux是React生态中重要的组成部分。React提出将展示组件与容器组件分离的思想，降低了React与Redux之间的耦合度。 Store：整个应用的数据存储中心，集中大部分页面需要的状态数据； ActionCreators：view 层与data层的介质； Reduce
2023-03-12
官网：https://reactjs.org 创建项目 npx create-react-app my-app cd my-app yarn start 打开：http://127.0.0.1:3000/ 目录结构 public：中默认存在index.html文件，只有一个id=root的div，
2023-03-12
baseUrl baseUrl: process.env.NODE_ENV === 'production'? '/static' : '/', 打包后的输出目录 outputDir: '../static', 静态资
2023-03-12
安装 vue-cli npm install -g @vue/cli # OR yarn global add @vue/cli 创建一个新项目 vue create hello-world 通过空格键和上下键选择配置 Tips: 不要用git base 这种工具创建 GUI 使用vue ui
2023-03-12
Vue项目中跳转到外部链接方法 Vue页面中的内部跳转，可以用 this.$router.push() 实现，但是如果我们还用这种方法跳转外部链接，就会报错，一看链接的路径，原来是在外部链接前面加上了 http://localhost:8080/#/ 这一串导致跳转出现问题，那么我们如何跳转到外部链
2023-03-12
UI组件 element - 饿了么出品的Vue2的web UI工具套件 Vux - 基于Vue和WeUI的组件库 mint-ui - Vue 2的移动UI元素 iview - 基于 Vuejs 的开源 UI 组件库 Keen-UI - 轻量级的基本UI组件合集 vue-material - 通
2023-03-12
定义路由时添加一个自定义字段requireAuth path: '/repository', name: 'repository', meta: { requireAuth: true, // 添加该字段，表示进入这个路由是需要登录的 }, compon
2023-03-12