这是我参与「第五届青训营 」伴学笔记创作活动的第 3 天

Strapi开发cms系统|青训营笔记

1、什么是Strapi

Strapi是一种灵活的、开放源码的无头CMS，开发者可以自由选择自己喜欢的工具和框架，编辑器也可以轻松地管理和分发内容。通过使管理面板和API可扩展通过插件系统。免费开源的Nodejs无头CMS内容管理框架,建立在自定义api

2、Strapi的特点

- 自定义内容结构
- 轻松的内容管理
- 开发人员友好的API
- 角色和权限可配置

3、搭建Strapi

- 安装node.js
- 创建Strapi

yarn create strapi-app VueStrap --quickstart  （VueStrap是项目名称）
#OR
npx create-strapi-app VueStrap --quickstart（VueStrap是项目名称）

该--quickstart标志将使用Sqlite数据库设置项目。如果打算使用其他数据库创建新项目，则可以省略该标志，CLI会提示您选择首选数据库

• 运行

yarn develop
#or
npm run develop

• 去浏览器访问

• 注册登录即可进入系统

Js学习

写好Js的一些原则

- 1、各司其职
- 2、组件封装
- 3、过程抽象

总结

- HTML/CSS/JS 各司其职
- 应当避免不必要的由JS直接操作样式
- 可以用class来表示状态
- 纯展示类交互寻求零JS方案

组件封装总结

-总结设计
-展示效果

-行为设计
--API（功能）
--Event(控制流)

高阶函数

-已函数作为参数
-已函数作为返回值

-常用于作为函数装饰器

常用高阶函数

-Once
-Throttle
-Debounce
-Consumer/2
-Iterative

总结

-过程抽象/HOF/装饰器
-命令式/声明式