、子筱的博客

什么是Webpack​ Webpack 本质上是一个模块化打包工具，它通过“万物皆模块”这种设计思想，巧妙地实现了整个前端项目的模块化。在 Webpack 的理念中，前端项目中的任何资源都可以作为一个模块，任何模块都可以经过 Loader 机制的处理，最终再被打包到一起。​ 最初的时候，具体做法是将每一个功能及其相关状态数据各自放到不同的js文件中，一个script标签对应一个模块。 ├── module-a.js ├── module-b.js └── index.html

vuexVuex 是一个专为 Vue应用程序开发的状态管理模式 ，它用来储存管理所有组件状态。这个状态自管理应用包含以下几个部分：state，驱动应用的数据源；view，以声明方式将 state 映射到视图；actions，响应在 view 上的用户输入导致的状态变化。定义好state（组件间的状态），view视图渲染这些数据，actions去请求数据，得到后在给state。 ...

搭建开发环境create-react-app，下载好之后通过npm start或者yarn start（需要安装npm i yarn -g）默认加载index.js.react技术栈安装 yarn add redux redux-actions redux-thunk react-redux redux-logger react-router-domJSX语法​ 创建一个ul列表，通过...

react-routerscr里router文件夹里首先配置一级路径,path后更路径，component需要连接的组件，exact精确匹配路径，在把这个组件暴露出去。import React from "react";//引入路由文件import { HashRouter as Router, Route } from "react-router-dom"import Info ...

Hook 是什么？Hook 是 React 16.8 的新增特性。简单来说它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。Hook 使用规则只能在函数最外层调用 Hook。不要在循环、条件判断或者子函数中调用。只能在 React 的函数组件中调用 Hook。不要在其他 JavaScript 函数中调用。（还有一个地方可以调用 Hook —— 就...

搭建Vue安装脚手架工具npm install -g @vue/cli创建项目vue create hello-world,hello-world为项目名称Babel、Vuex、Router,需要把着三个最基本选中Vue技术栈:Vuex、Router基本用法关键字{{}}，<p>{{message}}</p>挂载点,把vue实例放在这个为id为#app的节...