JavaScript

飞行员模拟机训练数据的统计系统，前端使用Vue.js框架，后端语言为java。 1.【80%】负责前端页面开发 2.【30%】项目需求讨论 3.【20%】java后端开发

这是一个基于 asp.net（mvc架构）+ C# + JavaScript + Layui 搭建的企业ERP管理系统。 其中集成了基本的程序配置，数据分析面板，企业员工管理，管理者账号登录以及通知公告内容展示等功能。具备耦合度较低，可扩展性良好，界面简洁，性能稳定等特点，助力企业和个人开发者更方便、快捷的搭建企业性后台管理应用程序。

哈桑的网络日志是一个基于 javascript + bootstrap + django + python + mysql 搭建的博客网站。 本网站集成了后台管理、数据可视化图表、基于markdown语法的博客，视频上传，个人项目展示与介绍等功能。具备简洁，快速，响应式，可扩展性良好，快速部署上线的特点，是一个适合新手入门和进阶开发者进行二次开发的博客网站项目。

是一套用于监管企业信息、产品生产、销售、用户反聩、生产预警等等的管理系统。可进行审批企业申请、审批码申请、监管企业信息、监管企业数量、销售数量、销售地区分布、销售热地图、产品流向地图等。 1. 利用高德地图 api 实现在地图中展示各区域产品销售量、产品流向 2. 利用 ECharts 实现产品区域销售量、企业产品销售量、企业统计等等 3. 按季度统计、按月份统计、按年份统计数量等

是企业用于推广自己产品的内容管理系统，可上传文章、视频等内容供用户浏览 1、(100%)h5网页设计 2、(100%)网页部署等等

此系统是本人从 0 开始搭建一套前后端分离权限管理系统，富含分配权限资源等功能。实现供应商信息和药品信息的管理等等功能。 1.使用使用vite、vue3和element-plus技术搭建前端、springboot技术写后端 2. 网页功能的增删改查 3. 使用 ECharts 绘制统计图

1、Calendar 类，基于javascript内置Date对象基础上，封装的日历插件y-calendar，支持typescript，兼容支持IE；（1）可以使用依赖自带样式效果创建日历，可以根据年、月、日选择自动计算动态渲染，渲染配置可以动态设置；（2）也可以配置不渲染，只使用calendar数据及相关的日历计算函数方法，自定义渲染效果。 2、完全个人开发,从零开始搭建基于webpack4+typecsript4的项目工程，支持sass、es6语法等，封装了y-Calendar依赖，支持广泛，js\ts项目都支持，兼容IE。 3、本地开发其他项目上验证测试，npm link 调试、npm pack 打包、npm publish发布。

1. 技术栈：uniapp + Vue + Typescript 2. 主要有登录模块、直播间播放、星球语音轮播等 3. 实现了用户登录注册功能，直播间webSocket多人聊天室，直播间音视频拉流，直播间上拉下拉切换等功能，音频录制和播放等功能。

1、该项目属于互联网医疗行业项目，主要服务于患者病程管理、跟踪、宣教等方便，使用者一般为医生助理，用于协助医生对患者的管理 2、主要功能模块包括 【工作台】，直观展示当前医院科室对再管患者的病情疗程整体统计与跟踪预警 【患者管理与患者详情】，该模块主要是日常使用最集中的模块，包括对患者筛选、患者治疗方案制定等各类需求管理、以及增删改查等操作 【医患聊天、计划管理、标签管理、问卷管理、患教管理、监测等】，这类模块为项目细分功能内容，整体组成平台的功能清单，服务于患者与医院科室 【图片、文件上传、导出、聊天、拨打电话等】平台能力开发 3、公司主要产品，作为项目组主要成员几乎参与了所有模块内容开发与迭代，项目使用react+antd+mobx等前端主流技术与框架开发，运行平台为平板电脑，所以UI设计交互和兼容性适配以市面主流平板电脑为主，同时也兼容pc电脑端使用

·基于Spring、Spring MVC、MyBatis、MySQL的网页系统，主要针对普通用户和设计师用户制作的在线对接平台 ·普通用户主要分为设计师作品浏览模块，在线私信模块，商城模块，设计师用户主要为作品发布模块，在线私信模块 ·独立完成项目前后端的完整搭建以及数据库设计，模块间尽量独立，为适应后期业务需求变更，业务模块独立且有专门的接口和实现类 ·项目参与课程设计获得满绩点

一个天气预报网站，主要功能： -当前城市天气情况展示（气温，风速...） -城市切换 -小时天气预报 -周天气预报（未来三天） 本人主要职责： html css（纯手写） api调用 数据拆分与展示

该项目核心功能为中小学提供在线阅读(书籍)、评价(考试)等 1.平台终端：web端(老师端、学生端、学习平台后台、书城管理后台)、app端（学生端）、微信端（家长端） 2.学生端：阅读任务书籍，发表读后感、读后感点赞、评论等、评价任务书籍，评价阅读报告，参加活动（读后感、作文、抄写、答题） 3.老师端：发布阅读任务、阅读活动，查看名下各个班级的一些统计数据，查看班级的任务完成情况等，查看班级的活动报名及完成情况 4.学习平台后台用户角色：平台管理员、区域管理员、学校管理员等,区域一般为教育局等机构角色，管理区域下学校的一些数据，学校管理员一般为学校用户，处理学校的一些数据， 5.后台功能：任务活动管理，学校业务管理（班级、学生、教师、家长管理），业务管理（处理一些首页展示数据等），财务管理（提供订单管理等），查询统计，资讯管理（包含系统通知，及各级区域，学校通知 7.我在其中负责服务器端的大部分开发以及参与部分移动端android开发，并负责之后续的部署、维护等工作 8.个人职责： 负责学习平台后台、老师端、学生端、微信端、app端h5部分，app接口部分开发，服务器配置

联想大客户专属采购平台，集整单发货、发票自助、在线定制、自动核销、电子合同为一体，解决了客户和销售的所有难题。在E采，客户可以对分子公司进行采购管理，汇总零散的需求，进行自助式下单，E采会在第一时间提供性价比最高的优质产品，进行生产并统一配送。客户也可以通过销售的电子报价单进行一键下单。灵活的支付方式满足客户零散采购的需求，成熟的物流体系更能实现物流信息可视化。 作为前端开发负责人，负责对接业务需求，并进行模块开发分工，并负责了产品中心及内容中心的研发工作。 此项目为实现SEO优化，使用了SSR和SSG的架构方式，在对搜索引擎更加友好的同时，提升了页面响应速度。

一、背景与目标 互联网暴露面检查主要通过人工方式，在当前收集的资产信息基础上，进一步确认和挖掘组织单位暴露在互联网的已知、未知资产，发现可能存在的安全隐患，并进行结果梳理，整理分析，提出优化建议，是安全自查的一个重要技术手段之一。 通过互联网暴露面的检查，可以更加清楚组织单位信息系统在互联网的开放程度，发现未经授权而暴露在互联网的资产，并进一步通过技术手段降低或解决发现的问题，为今后信息系统规划、建设和调整提供参考依据、并能够增加攻击者的攻击难度。 二、整体收缩思路 分析材料主要来自以下： 资产识别表/梳理表；组织单位敏感信息关键字；各类工具扫描及人工检查的结果；网络负责人的访谈和沟通的结果。 暴露面检查主要从以下5个方面作为参考点进行分析： 1、互联网IP地址及域名 2、端口服务 3、应用 4、web应用 5、敏感信息 三、暴露面收缩具体实施方法与处置方法 域名、IP： --参考资产梳理中互联网IP地址表； --务必结合网络拓扑，【客户名称】团队访谈确认所有出口IP信息，不得遗漏 --搜索引擎查找：site:xxx.com（概率较小） --通过网站获取：微步、站长工具、DNSDUMPSTER（https://dnsdumpster.com/）、censys.io --工具爆破：fierce、dnsdict6、Layer子域名挖掘机 1、根据检查结果，确认无归属域名及其对应的服务器，应用等信息，补充至资产识别表的DMZ区资产表中。 2、根据检查结果，确认无归属IP及其相关信息，补充至资产识别表的互联网IP地址中。 3、使用CDN技术。 端口服务： --参考资产识别表中的端口映射表 --使用TSS工具的资产识别功能 --使用nmap，masscan等工具进行交叉验证 --人工测试扫描结果的准确性 1、针对高危端口，和运维团队确认用途及对外开放的必要性。http，https，ftp，smtp，pop3，radius，rdp，telnet，ssh，各类数据库端口，ssh，各类应用端口（jboss，websphere，weblogic）。尽可能关闭非必要性对外开放端口，减少暴露面。 应用： --堡结合资产收集表中的网络拓扑图、端口映射表和网络，安全产品清单进行初步收集 --与【客户名称】团队访谈进行确认 1、VPN、堡垒机、云桌面等应用管理控制台、后台不得对互联网开放。 2、VPN、堡垒机、云桌面检查用户认证是否采用双因素认证，是否启用密码复杂度，是否开启防爆破功能，是否对接入用户进行权限划分等。 Web应用： --针对端口识别服务，检测指纹并梳理出web应用 --针对梳理出的web应用，结合TSS扫描工具，资产梳理表和运维团队访谈的结果，确认技术架构（脚本语言，数据库，web框架），内容管理系统（例如：wordpresss，joomla等） --针对梳理出的web应用，和业务系统人员确认web后台管理页面，用户登录页面 1、非必要对外开放的web业务进行关闭。 2、关闭非必要对外开放的web应用端口，如weblogic的7001、5566，tomcat、jboss的8080，webshere的9080。 3、关闭所有对外开放的web管理后台页面；对外开放的web用户登录页面应检查是否具备防爆破能力，是否加入安全设备的防爆破保护模块部署Waf防止恶意爬虫，目录扫描等违规操作。 源代码： --通过御剑等后台扫描工具，使用备份文件名字典进行扫描 --根据与【客户名称】提供的关键字在github等代码分享、托管平台进行搜索查寻 --通过各种云盘进行搜索查寻 1、对于扫描发现的网站后台备份文件，并进行清除。 2、对于在github等代码托管平台发现的源代码泄露事件，追究责任人并进行清除。 四、暴露面收缩成果 临战前，我方根据最新梳理的资产清单，共对虚拟化服务器资产xx台、物理服务器xx台进行存活扫描，经确认虚拟化服务器存活xx台，物理服务器存活xx台。 梳理负载均衡设备对外发布的IP、端口及其对应的业务共计xx条。与业务人员逐一核实对外发布业务，筛选出涉及高危端口的映射、非核心业务的映射共计xx条。 梳理互联网防火墙的域间策略xx条、ACL策略xx条，筛选出涉及高危端口的策略1xx条，批量放通的策略xx条。 梳理包含虚拟机、物理机的内网业务服务器xx台，筛选出非核心业务虚拟机xx台，非核心业务物理服务器xx台。 使用Nmap端口扫描工具、FOFA搜索引擎，分别对铁通xx个IP地址段、联通xx个地址段、电信xx个地址段、移动xx个地址段进行扫描，共发现xx个暴露互联网资产，经确认均为【客户名称】系统无误。 护网临战阶段，通过FOFA搜索引擎对股份公司暴露在互联网的资产再次进行搜索，共发现3个关于股份公司暴露互联网资产，经确认1个系统为公司资产，并对其进行暴露面收敛。 五、后续工作与补充 端口存活性探测的准确性会受扫描设备运行状态，网络环境等因素影响，建议对扫描结果进行人工验证，同时结合多种扫描工具（nmap，masscan）交叉验证，尽可能不出现漏端口或者服务的情况。 六、总结成效 互联网暴露面缩小后，减少了攻击者在信息收集阶段获取的信息，增加攻击者的攻击难度；同时也方便进行互联网暴露资产的漏洞自查和修复，其实互联网暴露面收缩本质上也是资产梳理的一部分，是对互联网资产的专项梳理，只有摸清家底，才能完善管理。

江苏电信行业中转系统主要用于不同地市epg跳转，根据不同的行业ID跳转不同的封套地址。其中包括两大模块：1、管理系统-——用于运营人员配置行业管理信息，以及跳转的封套地址等。2、接口工程用于做epg的跳转。在项目中我作为项目负责人负责整个项目的设计，开发以及和客户的需求沟通等。 项目前端主要用的layui，js,jQuery,html等技术，后端使用的是ssm框架，数据库使用的是mysql，中间件使用了kafka,redis,logstash，filebeat,clickhousesinker,clickhouse 我们对项目都做了可视化监控，使用Prometheus+Grafana，监控服务的访问情况以及kafka，还有数据库mysql,以及各个主机的的各种性能指标 我在工作中主要角色是项目负责人，我的职责是需求沟通、分析及排期，项目日常开发任务安排，同时参与新功能代码编写，对项目新使用的技能进行调研，技术难点的攻克，需求评审、代码评审，维护需求和开发文档。保证项目的进度以及质量。

曾经参与公司的实验项目，一个人负责整个项目的功能测试，一年之内根据项目需求从零开始独立学习并开发自动化测试框架（Protractor），写自动化测试脚本（JavaScript），提高测试效率

1.该项目实现了数据资产的管理、数据源、接口库表管理、任务调度、任务监控等等功能 2.在该项目中我作为一名前端开发工程师

本项目是一个场站管理系统，该系统用于辅助园区运营人进行现场业务管理，包括园区管理、园区服务、场站作业管理、系统设置等功能。 工作描述： 1. 负责园区服务模块中前端页面的构建。根据 UI 设计图，使用 Vue+ElementUI 构建前端 HTML 页面，使用 CSS 进行 页面布局的调优，并使用 Vue-router 来分配路由和路由跳转 2. 与后端进行接口对接。使用 axios 技术来与后端进行数据交互 3. 运用 Git 版本控制工具配合小组项目开发 4. 根据客户反馈，对页面内容和功能进行相应的修改，改善用户体验

1、各类前端页面一比一还原设计稿，完成各类交互，动效 2、归档地址：http://youyoune.cn/work 3、熟练使用vue2 或vue3 完成各类需求网站搭建

模块：会员管理，新增会员、会员查询、积分查询 我负责前端实现网页功能，后端实现逻辑功能，然后将两者交互