个人作品展示

知归博客

image

时间

2023-12-05

技术栈

- WXML + WXSS:构建页面结构与样式,通过组件化设计实现界面复用,配合弹性布局与响应式适配,确保在不同设备上呈现一致的视觉效果

- JavaScript:处理核心交互逻辑,结合 ES6+ 语法实现模块化开发,提升代码可维护性

- NodeJs:提供后端支撑,利用函数处理数据逻辑,数据库存储用户信息与内容数据,云存储托管图片等静态资源

- CDN缓存:优化用户体验,将常用数据与浏览记录本地存储,减少重复请求

知归博客微信小程序

在这个项目中,我们基于微信原生小程序框架开发了「知归博客」小程序,旨在为用户打造一个轻量化的内容分享与获取平台。

该作品融合了原生小程序技术与现代前端理念,提供了简洁高效的内容浏览体验。

采用 微信小程序原生框架 作为基础,以 Node.js 搭建后端服务,形成前后端分离架构。前端依靠 WXML 搭建页面结构,用 WXSS 完成样式渲染,借助 JavaScript 处理交互逻辑,实现组件化开发,像「资源卡片」「分类导航」等模块可复用,提升开发效率与界面一致性。

后端基于 Node.js ,搭配 Express 框架 快速构建服务端路由与接口,利用 MySQL(或 MongoDB ,依实际选用) 存储内容数据、用户信息,通过 Redis 做缓存,优化数据读取速度。借助 axios 实现前后端数据交互,保障请求响应高效、稳定,让内容动态渲染与分页加载流畅运行。

利用 wx:for 指令和数据绑定,动态渲染超 1000 条内容数据,结合分页加载与下拉刷新机制,即便大量内容也能流畅浏览。

gallery
gallery
gallery
gallery