Giter VIP home page Giter VIP logo

cr7tywzrjw.github.io's Introduction

个人情况

姓名:任嘉伟 | 民族:汉族 | 政治面貌:**党员 | 民族:汉族 | 生日:2001-09

联系方式: 邮箱:[email protected] | 电话:(+86)13513645799

icon:blog https://qiufeng.blue

icon:github https://github.com/hua1995116

icon:email [email protected]

icon:weixin qiufengblue

:::

::: right

:::

介绍

于xxxx年开始接触前端,喜欢编码,有Geek精神,对代码有洁癖,喜欢接触前沿技术,爱折腾。

获得x、xxxx竞赛奖项xx项,(包含xxxxxxx多媒体竞赛一等奖1项)。

主持参与省、国家级项目xx项;发表论文xxx篇,其中x篇EI索引。

工作

杭州xx网络有限公司 (2018.3-2018.7)

工程化 基建搭建

前端架构组

  • 前端错误监控系统(基建)(负责人) 接入量pv:3000w
    • web端js-sdk开发,无侵入式接入,压缩后仅2kb。
    • 收集端Node开发,分布式存储日志。
    • 阿里云日志服务分析,以及常用的数据分析。
    • echart搭建可视化平台。
  • 前端性能监控系统(负责人) 接入pv: 1000w
    • web端js-sdk开发,支持自定义上报以及自动上报,无侵入式。
    • 收集端Node开发,Elasticsearch集群存储日志。
    • Elasticsearch的Node模块开发,封装按时间维度的查询聚合模块。
    • 可视化平台,利用redis缓存优化查询,淘汰算法共同协作。
  • 落地页截图(Node项目)
    • 利用puppeteer开发截图。
    • 利用clustor多线程开发,速度从原来60分钟提高至8分钟,提高约7倍(300张截图)。
    • 开发自定义队列模式,避免Node端丢失请求。
  • webpack插件(webpack-plugin-inner-script)地址
    • 自动将外链形式改写成内敛形式。
  • 内网准入系统
    • 采用TypeScript+ES6/7+React开发
    • 基本多层级树形结构的黑名单/白名单控制组件
  • xxxxxxxxxx
    • xxxxxxxx
    • xxxxxxxx
    • xxxxxxxx

项目

实时聊天项目(webchat)

Vue2.0 Websocket Node.JS MongoDB Github地址:https://github.com/hua1995116/webchat(聊天室移动端,注册用户超过7000+,star将近1k) 负责前端构建,服务器架构,后端开发

  • 经历过3次重构,注重性能优化与体验,在2.0版本,打开首页速度提高1倍。
  • 采用了ES6/ES7的语法,采用axios请求统一处理
  • 基于localStorage的缓存组件开发,可以设置有效时长,适用于Webapp
  • 开发Loading,Alert,Confirm等组件
  • 拥有日志系统以及消息的RSA算法加密
  • 基于redis的请求监控,过滤恶意请求

技能

Web基础

  • 熟练掌握HTML5/CSS3,响应式布局和移动端开发
  • 了解ES6/ES7,Webpack
  • 有Antd Design,Element UI,Muse UI搭建项目经验
  • 了解Hybrid开发以及Electron桌面开发,liunx服务器搭建经验,Nginx配置
  • Mac开发用户,熟悉Git进行团队协作,对PS有一定基础

前端框架

  • Vue开发过大型的应用,了解Vue原理与技术栈
  • React以及React相关技术栈

后端相关

  • 开发Node监控平台中间件
  • 了解常用的Node模块
  • 小型Node框架的搭建

数据库

  • MongoDB
  • Redis

cr7tywzrjw.github.io's People

Contributors

renjiawei-cr7 avatar

Watchers

 avatar

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.