Skip to content

leewr/leewr

Repository files navigation

项目说明

leewr.com / m.leewr.com 是处于兴趣所建,是自我前端技术的实践地。

项目包括pc站、h5站、app端(开发中)整站源码。项目后端采用egg.js+mysql搭建,pc最初的版本采用nunjucks模板渲染,后期采用vue ssr渲染(开发中)。移动端采用react开发,项目为多用户的个人社区(主要为我的文章发布站点)。

初期内容为pc端编辑发布(无后台管理系统),后期采用爬虫同步更新我的微信公众号文章。(已实现爬虫抓取内容)

项目结构

app: 为egg.js项目

m:移动端h5项目

android: 安卓端项目

admin: 管理系统

开发

Development

1、导入数据库 dadcbase

2、安装依赖

$ npm i
$ npm run dev
$ open http://localhost:7001/

Deploy

$ npm start
$ npm stop

记录

不断优化首页列表资源大小:

1、nginx开启gzip,并且statisc on;

2、打包开启gzip文件生成,对所有开启压缩

3、图片资源采用独立域名,处理浏览器只能同时处理6个请求的问题

3、nginx 设置图片filter_image 模块开启图片大小剪切aaaa_100x100.png类似格式

4、图片保存的时候开启webp图片格式存储,支持webp时候采用webp图片展示。

5、前端采用手动判断是否支持webp。(更新2018-12-17 nginx层判断webp支持情况)

6、nginx支持对webp图片格式的剪裁 / 2018-12-11 nginx 更换图片剪裁方式 lua + imageMagic。

Todo react ssr、 service worker 支持 2018-12-21

修改爬虫发布的逻辑,如果7天未操作自动入库。

2018-12-22 添加redis缓存列表数据、前端sessionStorage缓存接口数据

感想

这些年就想在互联网上做一点点自己的东西,所以做了这个一个站点。陆陆续续的不断完善中。

About

leewr.com项目整站源码pc、h5、app

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published