Site name: AI circle navigation
Description: Artificial Intelligence (AI) is the most comprehensive resource site navigation
Web site address: AI circle navigation
Effect screenshots
Development time (4 days)
- Prototyping: 2020 February 27 - February 28 2020
- Front: 2020 February 28 - February 29 2020
- Rear: 2020 February 29 - March 1 2020
Architecture
- Front-end: Neumorph.scss
- Backend: Flask
- Database: Mysql
- Server: Nginx
注:Neumorph.scss是Soft-UI风格的CSS库,基于Bootstrap4。
考虑到要做SEO优化,所以没有选择使用Vue/React,并且采用后端渲染。
完全使用原生JavaScript,没有使用Jquery,因为完全没必要为了少写两行代码而多加载几百行代码
Back-office functions
- Category Management
- Site Management
- Website review
Problems encountered in the development
-
Aesthetics Neumorph.scss theme is not enough
Solution: Customize the color theme and Box-shadow -
CSS load speed is too slow when you switch themes
Workaround: Use the following methods preloaded CSS
<link rel="preload" href="/static/css/dark/dark.css" as="style">
- Some mobile device is not compatible scroll, page garbled
Workaround: Use CSS @media screen adaptation do (there should be a better solution)