About
前端工程师开发的个人网站

这是我使用Angular和SpringJpa开发的网站。
除了博客之外，还有一些实用的功能（欢迎大家探索一下）。
好多功能都是我学习工作中使用的东西，我想把它们积累下来。
作为前端开发人员，在开发这个网站的时候尽可能选择手写代码，而不依赖插件。
有一些想法也会在这个网站上实现。

博客模块：记录工作、生活的地方。
工具模块：开发中经常会用到的功能，大部分功能都是纯手写的。

关于作者
About me

hi~，大家好，我的网名是liuk123。土生土长的山东济南人，
在湖北上的大学，2015年毕业之后回到济南，一直从事前端开发工作。

工作时间：2015年 - 至今
相关技能：Angular、Vue、nodejs以及相关生态、手机端开发(Ionic、Uniapp)等等，偶尔学习使用一下Java。
兴趣爱好：听歌（孙燕姿、王菲、毛不易）、游戏（英雄联盟、王者荣耀）、探索编程。

Angular
1. ssr服务端渲染，提高首屏加载速度，以及seo各种优化。
2. http拦截器，统一对接口拦截配置，并且实现了token无感刷新。
3. 路由懒加载和缓存，进一步提高页面加载速度。
Marked.js
1. 将Markdown文档转成html格式。自定义配置，并且编写了简单的主题。
InsUI
1. 自己开发的UI组件库。注重性能和用户最佳体验，功能简洁且强大。
2. 快速适配angular的版本迭代，保持与angular的最新版本同步。
3. 适合公司主页、博客、以及追求用户极致操作体验的网站。最大限度的减少了打包体积。

Nodejs + webpack
1. 服务端渲染、接口转发（前后端分离）。
2. 内容爬取以及部分接口调用，少量功能的实现。
3. 使用webpack打包nodejs部分。
Spring Security + JWT
1. 权限管理，双token认证。
2. 对接口进行权限校验，防止未授权的访问。
Spring Jpa
1. 网站后端主要功能的实现。
MySQL + Redis + 阿里云
1. 数据库，接口缓存。
2. 服务器配置：2核2G内存1MB网络

很久之前
源于学习angular的练手之作，基于MaterialUI和ngRx写的博客项目。
2018年11月
换工作之后，公司使用了primeNg，后来公司的新项目改成ngzorro。
ngzorro的UI设计更适合我们的使用习惯。于是我也把它修改成ngzorro。去掉ngRx。
添加网址导航（静态页面）和在线工具（自己开发中常用到的工具）两个功能。
当时的博客地址：www.everyfish.cn。服务器是阿里云2核1G，后端使用nodejs+MongoDB。
2022年2月
生命在于折腾，一路修修补补。
修改了博客地址：www.cicode.cn。服务器升级到了2核2G内存（1G内存java跑不起来）。
后台从Nodejs + MongoDB换成了Spring Jpa + MySQL。添加了Spring Security权限系统。
网址导航添加了后台功能，收集800多个网站。
还增加了个人书签功能，用浏览器导出的书签(html文件)，然后导入到网站中，展示个人书签。
丰富在线工具模块。对接某度的AI接口（图片文字识别、发票批量识别、文章总结等等，可批量上传识别图片）。
Angular使用了服务端渲染，seo优化。搜索网站收录。
2025年3月
域名修改成了www.prime12.com。服务器由centos切换到了ubuntu24。java升级到了21。
重新设计网站。用InsUI替换了ngzorro（打包体积太大了）。
暂时停掉网址导航模块。丰富在线工具的功能。去掉了某度的AI接口。

如果有需要我的地方，可以邮件联系我。qq邮箱: 980479803

如果本站帮助过您，您可以自愿选择赞助，支持本站的不断发展。

支付宝

微信