六面体-大师的网站
简历
2021-02-26 10:59:29
admin

自我介绍：

花名：一忠大师    年龄：27
学历：本科        工作经验：3.5年
岗位：web前端开发
邮箱：shi_yidashi@163.com
博客：http://note.liumianti.cn/
简历：http://note.liumianti.cn/blog/single/admin/resume
GitHub: https://github.com/tx321-4

工作经历：

技能点：

  1. 前端基础：HTML / CSS || CSS3 / JavaScript
  2. 前端框架：Vue / React 
  3. UI框架：elementUI / layui / antd-mobile
  4. 微信：微信公众号开发——【扫码登陆】
  5. 版本管理：Git
  6. 数据库：mysql /mongodb
  7. 后端语言：php / Thinkphp
  8. 后端框架：nodejs / express 
  9. 线上部署：pm2

实战项目：

1.简易会议室预约安排（layui+bootstrap+fullcalendar+php+mysql） 线上项目：http://mt.liumianti.top/

设计的初衷：会议室的预约，没有一个可视化界面；以群里的聊天记录为准，翻记录不方便

以fullcalendar 为背景，制作一个可供小规模人员（10~20）查看的的日程安排，

前端：
  UI：fullcalendar 的UI二次开发 + bootstrap，
  编辑日程的弹窗：layui Web弹层组件(layer)
  日期格式化：moment
  数据请求：$ajax

后端：
  数据处理： PHP (增删改查)
  数据库：MYSQL

特色：
  适配移动端展开日程页面

缺点：
  1.不能实时显示内容
    解决方案： 1. 可采用轮询的方法（每隔多少秒请求后端接口）2. socket.IO(了解)

 

 2.ICP备案管理（VUE+ Thinkphp+mysql）线上项目：http://icp.liumianti.top/

  账户：张三   密码：123456

设计的初衷：备案资质多达20个项目，有时查看信息时，要翻阅资料，时间浪费很多，因此 制作一个可视化 备案中心页面
开源项目：http://caijt.com/it/#/
前端：
 1. 采用的是vue-cli3.0脚手架开发
 2. elementui 做UI框架
 3. 引入 normalize.css -- 解决不同浏览器 样式的一致性
 4. 引入 NProgress -- 页面打开 进度条提醒

后端：
  数据处理： Thinkphp(增删改查) 难点：联表查询 输出不同表里的指定字段
  数据库：MYSQL

难点：vue-cli3.0 打包后,js多达几十个 怎么解决？
解决方案： 安装  webpack压缩插件-----compression-webpack-plugin，并在vue.config.js 配置

特色：
 1.添加了 微信公众号测试号 扫码登陆功能
 2.对涉及身份证、手机号、邮箱 采用了掩码处理
 3.备案首页--采用城市拼音首字母规则 排序

 

 3.电商管理系统 线上地址：http://sp.liumianti.top/

原文链接：电商管理系统

参考链接
原文转载：https://www.cnblogs.com/joe235/tag/elementUI/

1.环境
 * nodeJs 14.7.0
 * vue 2.6
 * vue-cli 3.0

2.项目介绍
  vue 电商管理系统，主要用于学习、完善vue前端开发电商系统的基本流程以及功能，旨在了解vue前端开发中所遇到的问题，加强对vue、vuex、vue-router知识点的复习与巩固，

3.技术亮点
 * 采用vue-cli3.0项目脚手架，结合elementUI 组件库 开发整套系统，可扩展性强
 * 开启vue-router History 模式
 * axios 封装统一处理接口，请求头部添加 token 验证，针对后端返回不同的状态码做出反馈
 * 引入 MockJS 模拟后端接口，解决后端无开发、后端开发未同步的烦恼
 * 安装丰富的依赖 用来完善页面上的功能
   * 【vue-table-with-tree-grid 树形表格】
   * 【Vue-Quill-Editor 富文本编辑器】
 * 引入 echarts 数据可视化插件，显示数据报表
 * webpack优化 引入 【compression-webpack-plugin 】打包文件体积压缩

 

 4.React全栈项目 线上地址：http://zp.liumianti.top/

原文链接：React项目 招聘APP 实时在线聊天室

线上账户demo：

  • 牛人账户：
    { name：小明, pwd：1234 }
  • Boss账户：
    { name：百度, pwd：1234 }
环境： 

- "react": "^17.0.1",
- "redux": "^4.0.5",
- "react-router-dom": "^5.2.0",
- "express": "^4.17.1",
- "mongoose": "5.11.15",
- "socket.io": "^3.1.1",
- "socket.io-client": "^3.1.1",


介绍：

招聘APP 实时聊天室 ，react框架开发，引入Socket.io 库来实时聊天， 支持注册登录， 显示未读消息个数，不同账户对应不同用户列表
项目模块组成：
1. 注册，登陆
2. 个人信息完善
3. 个人页面
4. Boss列表,牛人列表
5. 消息列表页面
6. 聊天室页面

技术亮点：

1. 以 create-react-app 快速配置 react 项目环境，搭配 antd-mobile UI框架 构建前端项目;
2. 以express.js基于Node.js开发 后端项目，数据库采用mongodb来实现
3. 使用 Socket.io 配合 express，快速开发实时应用
4. redux 保存用户信息，聊天消息，页面之间相互调用数据，统一管理


 

 

 

 

 

 

文档导航