随笔分类 -  计算机 / 计算机->web前端架构师

• 第十二章、web前端架构师
  摘要：目录二十七、运维监控和报警1、线上监控和报警2、异常处理和安全预防3、统一异常处理4、安全预防5、预防网络攻击6、监控和报警7、心跳检测8、报警9、alinode服务器监控二十八、脚手架发布模块架构设计和核心流程开发1、简介2、脚手架发布架构设计3、vue-router-next源码解析二十九、脚手 阅读全文
  posted @ 2023-11-17 17:59 一路繁花似锦绣前程 阅读(106) 评论(0) 推荐(0)
• 第十一章、web前端架构师
  摘要：目录二十四、自研统计服务，使作品能实现分渠道统计1、自研统计服务EAS2、技术方案设计3、回顾4、技术方案设计5、nginx收集日志6、nginx安装和配置7、access_log日志拆分8、分析日志9、技术方案设计10、分析日志结果写入数据库11、单元测试12、Open API13、搭建koa2环 阅读全文
  posted @ 2023-11-13 13:43 一路繁花似锦绣前程 阅读(52) 评论(0) 推荐(0)
• 第十章、web前端架构师
  摘要：目录二十二、大型项目的编译，部署以及性能优化1、前言2、为生产环境构建代码3、Vue Cli的模式4、Webpack构建优化5、loaders的原理6、Plugins的原理7、个性化构建结果-vue.config.js8、部署上线以及服务端的优化9、更高效的压缩算法Brotli10、HTTP协议对于 阅读全文
  posted @ 2023-10-31 17:51 一路繁花似锦绣前程 阅读(79) 评论(0) 推荐(0)
• 第九章、web前端架构师
  摘要：目录十八、编辑器组件图层面板功能开发1、前言2、选择图片裁剪工具3、使用Cropper.js获取裁剪图片数据4、图层属性需求分析5、列表排序的演示和需求分析6、拖动排序功能开发7、本周总结十九、让元素动起来-编辑器画布交互功能开发1、前言2、快捷键操作的需求3、回滚和重做-可以优化的点4、右键菜单5 阅读全文
  posted @ 2023-10-19 19:29 一路繁花似锦绣前程 阅读(55) 评论(0) 推荐(0)
• 第八章、web前端架构师
  摘要：目录十六、编辑器服务端基础API开发1、技术方案设计和基本功能开发2、技术方案设计3、接口设计4、Restful API vs GraphQL5、数据库设计6、server架构设计7、技术方案设计8、基本功能开发9、登录功能10、用户信息接口11、作品管理接口12、模板接口十七、编辑器服务端调用第三 阅读全文
  posted @ 2023-10-13 14:27 一路繁花似锦绣前程 阅读(78) 评论(0) 推荐(0)
• 第七章、web前端架构师
  摘要：目录十四、服务端技术选型-磨刀不误砍柴工1、导学2、nodejs框架选型3、介绍koa2和express4、egg.js5、nest.js6、数据库7、复习数据结构设计8、Mysql和Sequelize9、Mongodb10、date和时区11、Mysql和Mongodb的区别12、介绍Redis1 阅读全文
  posted @ 2023-10-07 23:16 一路繁花似锦绣前程 阅读(90) 评论(0) 推荐(0)
• 第六章、web前端架构师
  摘要：目录十二、通用上传组件开发以及使用1、导学2、上传组件需求以及开发流程3、上传文件的基本方式4、uploader重构的基本步骤5、扩展知识，Vue3中的实例6、组件之间互相访问的方法7、Element Plus Uploader源码分析8、图片预览的方式9、图片获取真实大小的方法10、通过Image 阅读全文
  posted @ 2023-08-17 23:03 一路繁花似锦绣前程 阅读(61) 评论(0) 推荐(1)
• 第五章、web前端架构师
  摘要：[TOC] ####九、项目整体搭建 #####1、导学 + 将收获什么 ``` * 第一部分：相关准备知识 - 前端工具链的相关工具介绍 - 脚手架工具的使用和对比 ~ Imooc CLI ~ Vue CLI ~ Vite - 编码规范 ~ ESLint ~ Prettier ~ 产出**编码规范 阅读全文
  posted @ 2023-07-26 11:48 一路繁花似锦绣前程 阅读(95) 评论(0) 推荐(0)
• 第四章、web前端架构师
  摘要：目录六、脚手架创建项目和组件初始化开发1、ejs模板的三种用法2、glob用法小结3、ejs源码详解--彻底搞懂模板动态渲染原理4、require源码解析--彻底搞懂npm模块加载原理七、B端项目需求分析和架构设计1、简介2、复杂项目3、需求分析4、编辑器难点解析（伪代码）5、技术选型6、语言（ty 阅读全文
  posted @ 2023-06-04 22:44 一路繁花似锦绣前程 阅读(41) 评论(0) 推荐(0)
• 第三章、web前端架构师
  摘要：[TOC] ####四、脚手架命令注册和执行过程开发 #####1、npminstall ``` const path = require("path") // npm i npminstall const npminstall = require("npminstall") // npm i us 阅读全文
  posted @ 2023-04-17 17:09 一路繁花似锦绣前程 阅读(90) 评论(0) 推荐(0)
• 第二章、web前端架构师
  摘要：####三、脚手架核心流程开发 #####1、脚手架架构设计 * 脚手架核心框架：执行准备、命令注册、命令执行 - 本地缓存体系：本地文件&环境变量 * 标准git操作体系：仓库创建、开发模式、发布模式 - 代码仓库：github、gitee * 初始化体系：项目初始化、组件初始化、初始化模式 - 阅读全文
  posted @ 2022-08-09 23:25 一路繁花似锦绣前程 阅读(116) 评论(0) 推荐(0)
• 第二章、前端性能优化
  摘要：####五、资源优化 #####1、资源的压缩与合并 * 为什么要压缩&合并 - 减少http请求数量 - 减少请求资源的大小 * html压缩 - 使用在线工具进行压缩 - 使用html-minifier等npm工具 * css压缩 - 使用在线工具进行压缩 - 使用clean-css等npm工具 阅读全文
  posted @ 2022-07-15 02:36 一路繁花似锦绣前程 阅读(82) 评论(0) 推荐(0)
• 第一章、前端性能优化
  摘要：####一、简介 #####1、性能优化 * 性能优化指标与测量工具 - 行业标准 - 优化模型 - 测量工具 - 性能相关APIs * 代码优化 - javascript优化 - html优化 - css优化 * 渲染优化 - 现代浏览器渲染原理 - 可优化的渲染环节和方法 * 资源优化 - 压缩 阅读全文
  posted @ 2022-07-09 00:15 一路繁花似锦绣前程 阅读(383) 评论(0) 推荐(0)
• 第一章、web前端架构师
  摘要：####一、需求分析和架构设计 #####1、产品研发流程 * 公司起步：公司成立、产品雏形（域名、网站、公众号等）、招聘、技术基建 * 1.0项目启动：kick-off项目启动会、项目计划项目角色 * 需求：编写需求、评审需求（可能多轮）、UI视觉稿评审 * 技术方案设计：技术难点调研、技术方案设 阅读全文
  posted @ 2022-05-26 00:13 一路繁花似锦绣前程 阅读(215) 评论(0) 推荐(0)