关于 Prime12

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

前端

• 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接口。
  

网站规划

• 低代码工具
  正在开发低代码工具，通过拖拽组件，生成新网页。目前还在开发中。
  
• InsUI
  InsUI组件库为博客和低代码平台提供支撑，并借此平台对InsUI进行优化。
  增加常用的组件，持续完善组件。并且整理出使用文档。

我的简介

hi，我的网名叫liuk123，网络上我会一直用这个网名。土生土长的山东济南人。
在湖北上的大学，2015年大学毕业。毕业后我回到济南，一直从事前端开发的工作。
相关技能：Angular、Vue、nodejs以及相关生态、手机端开发(ionic、uniapp、H5)等等，偶尔学习一下Java编程。

建站初心

我觉得开发一个自己网站是一件很酷的事情。
这个网站是使用angular创建，并且会随版本持续迭代下去。
我非常喜欢 Angular 的编程方式（class、TypeScript 、RxJS 、依赖注入 、Directive 和 Signal 等等）
作为前端开发人员，在开发这个网站的时候尽可能选择手写代码，而不依赖插件。积累自己的代码库，方便后续的项目使用。
有一些想法也会在这个网站上实现。
博客模块是我记录工作、生活的地方。
工具模块是我开发中经常会用到的功能，大部分功能都是纯手写的。

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

支付宝

微信