beautySmallHuangStation

学习资料

大前端技术为主，读书笔记、随笔、理财为辅，做个终身学习者。

基于Koa2+MongoDB实现用户注册登录

vue + koa2 实现 session token 登陆状态验证

mongoose增加，查询，删除，更新数据

websocket

阮一峰 websocket 教程

模糊查询

MongoDB之数据查询（正则表达式）

本地缓存

vue+mongoose+node.js项目总结第一篇_图片文件上传

eletron-vue

su37josephxia/vue3-study

《微信小程序入门教程》示例库。

Vuex 通俗版教程

typescript 官方文档

hkc452/slamdunk-the-vue3

组件开发设计规则

vite-plugin-mock 插件

uniapp实现支付功能

uniapp实现支付功能

js-uni-app

Vue3教程：Vue 3 + Element Plus + Vite 2 的后台管理系统开源啦

57code/vite2-in-action

xss防护

前端职业规划（转）

visual-drag-demo

DataV

vue-visualization-starter

前端学习路线

关于前端数据可视化的一些理解——浅析

vueCli3搭建的vue-vuex-router开发模版，PC、Mobile两个分支开箱即用，支持scss、vuex、axios、多语言、过滤器、仓库快速提交等

UNI-APP微信小程序快速开发模板，集成封装了路由，网络请求，本地存储，自定义组件等和一些小程序开发心得。

mars app

网站简介

一个专注于分享美女小黄图的网站，一个有趣的网站，一个具有后端管理系统，小程序一整套的网站。

• 搜索美女图片功能
• 确认用户是否是选择男还是女的
• 图片预览功能
• 详情
• 用户点赞，评论，收藏
• 可以订阅别人的相册
• 可以创建相册
• 首页
• 用户中心
• 创建相册

公众号

前端入门到进阶图文教程，超详细的Web前端学习笔记。

从零开始学前端，做一名精致优雅的前端工程师。

公众号「人生代码」作者。

流程

创建用户可以创建相册，可以给这个相册上传图片，可以给这些相册设置 vip 权限，或者免费权限，或者设置部分付费

个人中心，随机生成头像，详情简介，我的相册，我的收藏，

通过 userid 关联专辑表，有专辑列表，点击我的专辑到专辑列表，每一个专辑都可以创建相册，有相片列表，需要相册表。

每日 todo

• 完成注册
• 完成登录
• 完成图片首页，以及首页图片点击详情
• 完成搜索功能
• 研究下 websocket
• 研究下 购物车功能

技术栈

前端

• vue3+ts+vite2

• taro+vue3

• react+vite2+ts

后端

• node
• koa2
• mongodb
• mongoose

后台管理系统

用的以下这个开源模板

ant-design-vue3-admin

模板预览

一个基于 Vite2 + Vue3 + Typescript + tsx + Ant Design Vue 的后台管理系统模板，支持响应式布局，在 PC、平板和手机上均可使用。

• 最新的技术栈
• 统一的技术规范
• 权限方案（路由，菜单，操作）
• 支持多语言
• 数据 mock
• 兼容 PC、平板和手机

已将脚手架和一些通用的部分提取出来，方便单独使用，相关文档地址：

• convue（基于 vite 的类似于 umi.js 的插件）: https://ziping-li.github.io/convue
• convue-lib（通用组件、样式、工具方法）: https://ziping-li.github.io/convue-lib

目标

• 跟着上面这个后端模板的提交代码记录，重新搭建一遍框架
• 实现用户配置列表
• 专辑列表
• 收藏列表
• 修改账户密码