webVueBlog / webVueBlog

🌱 面向 🤔 JavaScript爱好人员提供：👋 原创内容、JavaScript、HTML5、Node.js、Vue.js、React等一系列教程和经验分享 👍。

感谢关注 Thanks for your attention ༼ つ ◕_◕ ༽つ

☀️ 个人优势

• 开发经验：丰富的多端 0-1 前后端项目开发经验，独立开发经验3年，大型前后端开发重构经验，有 4-5 前端团队搭建敏捷项目管理，团队多人协同开发能力，可独立全栈开发。
• 熟练前端架构：qiankun微前端架构系统、vue3、taro、react、express/node、vite3、TypeScript/4、Ant�Design-Vue/3.2、element-plus/2.2、vue-i18n/9、mitt/3、axios、pinia/2、vue-router/4、tailwindcss/3、VueRequest、VueUse等主流技术开发，跨平台uniapp、flutter框架，移动端H5网页、PC、微信/支付宝 小程序、安卓/IOS App等。
• 熟练后端架构：Spring Cloud微服务、Maven 多模块管理、Java8、Spring、Spring Boot2、SpringMVC、Docker、kafka、（netty-mqtt,tcp,udp,sip,coap）、Cassandra、Elasticsearch、Nacos（Nacos Config）服务注册中与配置中心、Ribbon负载均衡、OpenFeign服务调用、sentinel服务熔断、SpringCloud Gateway服务网关、SpringCloud Alibaba、MyBatis、Mybatis-Plus、log4j、Nginx（负载均衡）、SpringSecurity、Redis、MySql、MongoDB、Zookeeper、Seata分布式事务、Skywalking链路追踪，XXL-Job等。
• 熟练运维方面：熟悉Linux操作系统及常用命令，了解Docker，k8s等，Linux日常服务器操作管理。
• 管理层经验4+年：负责团队技术选型、技术攻坚及管理工作（项目计划表，每周会议，绩效考核），管理项目全生命周期，制定项目计划，监控项目进程，对项目的质量，成本，风险，进度等进行管理和控制；对公司领导汇报项目进度，编写项目相关文档；协调其他安排的工作，注重标准化，模块化，工程化，在部门内部标准落地，已落地电商、新能源、物联网、有声小说行业业务能力。
• 微服务平台稳定生产了三年+，mysql主从模式，使用Netty、mqtt采集设备信息，k8s + jenkins的部署架构，采用Spring Boot 2.7 、Spring Cloud 2021 ，集成Minio分布式对象存储、Skywalking追踪监控、Sentinel从流量控制、熔断降级、系统负载等多个维度保护服务的稳定性，注册中心、配置中心选型Nacos，使用Traefik进行反向代理，借鉴OAuth2，实现了多终端认证系统，可控制子系统的token权限互相隔离，借鉴Security，封装了Secure模块，采用JWT做Token认证，可拓展集成Redis等细颗粒度控制方案，完全遵循阿里巴巴编码规范，实现SaaS多租户微服务平台。
• 深入理解 Vue，并研究过其内部实现，并输出 JS LeetCode 算法解决方案（小册），刷题近500道题。
• 喜欢分享，推动团队内部技术分享与复盘总结，工作认真负责，注重代码质量，工作效率，工作内容输出。

• 🍰 我的B站账号：https://space.bilibili.com/144761334
• 🌈 掘金技术平台：掘金我是哪吒
• 🌸 我的leetcode册子： nice-js-leetcode ，leetcode-javascript
• 🏡 个人博客网站：🌱 1024bat.cn 🌱 1024bibi.com 🌱 达达前端 🌱 github

汇总

• 基于 VitePress 的个人后端架构系统日志（ https://github.com/webVueBlog/vitepress-java ）
• unida-最好的uni跨平台开发脚手架（小程序，h5，App）( https://github.com/webVueBlog/unida )
• 低代码数字化大屏-基于 React 技术栈实现（ https://github.com/webVueBlog/low-code-digital-big-screen ）
• charging-station-large-screen 新能源充电桩数据可视化平台，采用Vue3、Echarts技术栈（https://github.com/webVueBlog/charging-station-large-screen ）
• gd-ui-comonents 前端 UI 组件库（https://github.com/webVueBlog/gd-ui-comonents ）
• Springboot-IOT-Platform 物联网平台，智能家居、智慧办公、智慧社区、农业监测、水利监测、工业控制等。(https://github.com/webVueBlog/Springboot-IOT-Platform)
• Springboot-IOT-Gateway 基于netty的UDP物联网网关程序，设备报文可转发至KAFKA或MQTT broker(https://github.com/webVueBlog/Springboot-IOT-Gateway)
• Visual-Screen-Vue3 vue3、vite、Echart 框架的大数据可视化大屏展示(https://github.com/webVueBlog/Visual-Screen-Vue3)
• Springboot-WeChat-Login SpringBoot 实现微信扫码登录(https://github.com/webVueBlog/Springboot-WeChat-Login)
• Springboot-WeChat-Pay SpringBoot 实现微信扫码支付功能(https://github.com/webVueBlog/Springboot-WeChat-Pay)
• Springboot-Redis-IpLimiter Springboot + Redis 组件，实现一个分布式接口IP访问限流功能(https://github.com/webVueBlog/Springboot-Redis-IpLimiter)
• spring-boot-sharding-sphere 实现分库分表 + 读写分离功能(https://github.com/webVueBlog/spring-boot-sharding-sphere)
• kafka-send-message Kafka简单案例(https://github.com/webVueBlog/kafka-send-message)
• express-mysql-back 基于express后端框架，使用mysql数据库(https://github.com/webVueBlog/express-mysql-back)
• spring-boot-mongodb-crud Spring Boot MongoDB CRUD（创建、读取、更新、删除）示例使用 MongoTemplate 和 MongoRepository(https://github.com/webVueBlog/spring-boot-mongodb-crud)
• spring-boot-cassandra-crud Spring boot CRUD（创建、读取、更新、删除）演示应用程序，带有使用 Swaager 和 OpenAPI UI 的 cassandra DB 和 API 文档(https://github.com/webVueBlog/spring-boot-cassandra-crud)
• webVueBlog-netty-kafka Http (Netty) producer for Apache Kafka(https://github.com/webVueBlog/webVueBlog-netty-kafka)
• dadawebsocket 基于Netty和Kafka集群的websocket消息推送服务器(https://github.com/webVueBlog/dadawebsocket)
• netty-kafka 使用netty发送、接收tcp和udp数据，多线程处理接收的数据。 kafka批处理(https://github.com/webVueBlog/netty-kafka)
• mqtt-client-java Java MQTT 客户端使用示例(https://github.com/webVueBlog/netty-kafka)
• awesome-stars-webVueBlog 🤩 我的star列表，每天凌晨自动更新(https://github.com/webVueBlog/awesome-stars-webVueBlog)
• springboot-vxapp 基于Spring Boot的微服务框架-整合微信小程序登录(https://github.com/webVueBlog/springboot-vxapp)
• JavaGuideInterview 「JavaGuideInterview学习」每日 3+1，以面试题来驱动学习，提倡每日学习与思考，每天进步一点！每天早上纯手工发布（死磕自己，愉悦大家）准备 Java 面试，首选 JavaGuideInterview！面试题大收集，面试集锦 ❤ 💝 💘(https://github.com/webVueBlog/JavaGuideInterview)
• WebGuideInterview 「WebGuideInterview学习」每日 3+1，以面试题来驱动学习，提倡每日学习与思考，每天进步一点！每天早上纯手工发布（死磕自己，愉悦大家）准备 前端 面试，首选 WebGuideInterview！面试题大收集，面试集锦 ❤ 💝 💘(https://github.com/webVueBlog/WebGuideInterview)
• nice-my-friend 😳轻松查看和过滤所有关注和关注。通过 GitHub Action 自动更新。(https://github.com/webVueBlog/nice-my-friend)
• socket_im_flutter 聊天工具flutter(https://github.com/webVueBlog/socket_im_flutter)
• tomato_clock 开发番茄钟计时器(https://github.com/webVueBlog/tomato_clock)
• tailwindcss-chinese 🤖 国内tailwindcss平台从业者交流，Github Actions自动化部署(https://github.com/webVueBlog/tailwindcss-chinese)
• sms 发送短信验证码-腾讯云(https://github.com/webVueBlog/sms)
• flutter_login_ui 登录UI(https://github.com/webVueBlog/flutter_login_ui)
• write-vue-js 手写vue.js - Vue.js v2.5.16(https://github.com/webVueBlog/write-vue-js)
• springboot-bookadmin SpringBoot2.X整合MyBatis-Plus实现图书管理系统的增删改查(https://github.com/webVueBlog/springboot-bookadmin)
• JavaScript-standard-library 前端进阶必看的JavaScript 标准库 JavaScript-standard-library(https://github.com/webVueBlog/JavaScript-standard-library)
• vue3-vite-pinia-template 企业级前端开发与构建框架 Vite + Vue3 + TypeScript + Vue-Router4 + Pinia + Tailwind CSS + ant-design-vueTemplate.(https://github.com/webVueBlog/vue3-vite-pinia-template)
• koa2-login-registration koa2-login-registration Koa2实现基本的登录注册(https://github.com/webVueBlog/koa2-login-registration)
• electron-vue electron-vue 实战(https://github.com/webVueBlog/electron-vue)
• webpack-studying webpack - 为前端圈提供一点贡献(https://github.com/webVueBlog/webpack-studying)
• Quick-Hand-Algorithm 快手-算法(https://github.com/webVueBlog/Quick-Hand-Algorithm)
• nice-js-leetcode 好青年 | leetcode 今日事今日毕（✅GitHub Actions集成LeetCode每日一题至issues）(https://github.com/webVueBlog/nice-js-leetcode)
• Bytedance-campus-59-Leetcode 力扣 (LeetCode) 🐿️ 字节校园 59(https://github.com/webVueBlog/Bytedance-campus-59-Leetcode)
• LeetCode-HOT-100 力扣 (LeetCode) 🔥LeetCode HOT 100(https://github.com/webVueBlog/LeetCode-HOT-100)
• Tencent-50-Leetcode 力扣 (LeetCode) 🐧 腾讯精选练习 50 题(https://github.com/webVueBlog/Tencent-50-Leetcode)
• mini-vue vue超详细逐行解析版源码，手写，算法，javascript等(https://github.com/webVueBlog/mini-vue)
• file-breakpoint-continue 🐬 实现大文件📄上传，断点续传等💎(https://github.com/webVueBlog/file-breakpoint-continue)
• uui 🖖 【uui组件库】A vue-cli 3.0 + vue + typeScript + babel + eslint + unit-mocha + scss + chai + karma。(https://github.com/webVueBlog/uui)
• umi-poster 海报，封面生成器(https://github.com/webVueBlog/umi-poster)
• web-audio-video 📺 研究方向音视频相关领域(https://github.com/webVueBlog/web-audio-video)
• leetcode-javascript Collection of LeetCode questions to ace the coding interview!(https://github.com/webVueBlog/leetcode-javascript)
• Leetcode 🎲【每日更新 question & answers】一个 ☝️ 正经的前端学习，每天进步一点点！手写源码，api，算法；包含JavaScript / Vue / React / TypeScript /HTML / CSS / Nodejs / Leetcode……Suggest 👍(https://github.com/webVueBlog/Leetcode)
• express-node ⚡ express-node-mysql-react全家桶(https://github.com/webVueBlog/express-node)
• promise ♥ Bare bones Promises/A+ implementation 简单的 Promises/A+ 实现(https://github.com/webVueBlog/promise)
• vue-ts-webpack-system vue2+typescript4+webpack5+element-ui项目系统解决方案(Node数据支撑)(https://github.com/webVueBlog/vue-ts-webpack-system)
• static-html 主要研究日常开发中一些功能点的实现， 旨在帮大家捋顺前端底层知识(https://github.com/webVueBlog/static-html)
• awesome-collection 【建议👍】【个人收藏】Personal collection(https://github.com/webVueBlog/awesome-collection)
• Vite-Vue3-TypeScript 🎲一套规范的 Vite + Vue3 + TypeScript 前端工程化项目环境(https://github.com/webVueBlog/Vite-Vue3-TypeScript)
• vue-ts-netease-cloud-music 网易云音乐客户端播放器（PC） Online Music Player(https://github.com/webVueBlog/vue-ts-netease-cloud-music)
• ueditor_vue_doc ueditor_vue_doc文档(https://github.com/webVueBlog/ueditor_vue_doc)
• vue3-vite2-ts4 🎲一套规范的vue3+vite2+ts4前端工程化项目环境(https://github.com/webVueBlog/vue3-vite2-ts4)
• learn-web 🚴一份 🚀 涵盖大部分程序员所需要掌握的知识 🚄。(https://github.com/webVueBlog/learn-web)
• todolist-vue 用 Todoist 组织一切，管理工作和生活的To Do List，使用 Vite、Vue 和 Vuex 构建的 TodoMVC(https://github.com/webVueBlog/todolist-vue)
• todolist-react TypeScript版本-使用 React 和 Redux 构建的 TodoMVC (props&Event&Context&Mobx&Redux)(https://github.com/webVueBlog/todolist-react)

我喜欢交朋友。所以如果你想打个招呼，我会很高兴见到你更多！ 😊

• 💬 我的微信号: xiaoda0423⚡ 👉 如果你有问题提出： click
• 🤔 坚持的趣事: 终身学习 common Snippets 坚持运动，阅读
• JavaGuideInterview学习 每日 3+1，以面试题来驱动学习，提倡每日学习与思考，每天进步一点！每天早上纯手工发布（死磕自己，愉悦大家）准备 Java 面试，首选 JavaGuideInterview！面试题大收集，面试集锦 ❤ 💝 💘
• WebGuideInterview学习 每日 3+1，以面试题来驱动学习，提倡每日学习与思考，每天进步一点！每天早上纯手工发布（死磕自己，愉悦大家）准备 前端 面试，首选 WebGuideInterview！面试题大收集，面试集锦 ❤ 💝 💘

开源

• 腾讯位置服务开发应用(https://ext.dcloud.net.cn/plugin?id=3746)
• JesksonUI-UniApp(https://ext.dcloud.net.cn/plugin?id=3837)

📚 小书

封面	书名	简述	成就
	《Webpack学习笔记》	Webpack学习笔记
	《前端进阶JavaScript》	前端进阶 JavaScript 标准库
	《腾讯精选练习 50 题》	力扣 (LeetCode) 🐧 腾讯精选练习 50 题
	《字节校园 59》	力扣 (LeetCode) 🐿️ 字节校园 算法与数据结构
	《LeetCode HOT 100》	力扣 (LeetCode) 🔥LeetCode HOT 100
	《数据结构与算法》	哪吒的数据结构与算法
	《手写代码》	✨✨✨ 集锦 前端JavaScript 手写题，编程题，Not just for interviews

项目	Github	简述	技术	成就
【uui】	Github	🖖 uui组件库
【file-breakpoint-continue】	Github	🐬 实现大文件上传，断点续传等
【express-node】	Github	🌙 express-node-mysql-react
【awesome-css】	Github	🍉 国内css平台从业者交流
【nice-my-friend】	Github	♻️ 关注人数列表数据
【awesome-stars-webVueBlog】	Github	🤩 我的star列表
【promise】	Github	🐧 Promises/A+ 实现
【mini-vue】	Github	🖖 mini-vue