Code Monkey home page Code Monkey logo

项目说明

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缓存接口数据

感想

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

leewr's Projects

f2 icon f2

📱📈An elegant, interactive and flexible charting library for mobile.

javascript-zh icon javascript-zh

Airbnb 出品,目前非常流行的 JavaScript 代码规范(中文版)。其内对各种 js 范式的写法进行了详细的规定与说明,按照此规范写出的代码将会更加合理。

leewr icon leewr

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

survivor icon survivor

博客文集《未来世界的幸存者》

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.