2020前端该如何脱颖而出(二)

本文涉及的产品
函数计算FC,每月15万CU 3个月
简介: 2020前端该如何脱颖而出(二)

导语


继续上个章节,我们对核心框架进阶原理进阶和Node.js的全栈开发做一个系统总结,欢迎大家点赞

提纲


  • Part1 JavaScript深度剖析
  • Part2 前端工程化
  • Part3 核心框架原理进阶
  • Part4 Node.js全栈开发
  • Part5 泛客户开发
  • Part6 商业级技术解决方案

Part3 核心框架原理进阶


Vue.js原理深度剖析

  • Vue.js基础框架学习
  • Vue CLI基础剖析
  • 数据响应式实现原理
  • 虚拟DOM和diff算法
  • 模板编译实现原理
  • Vue Router源码分析

Vue高级进阶

  • 封装自己的Vue组件库
  • Vue项目性能优化
  • Vuex数据流管理方案
  • 使用Typescript开发Vue.js应用
  • 服务端渲染(SSR)的实现、同构开发
  • Nuxt.js集成SSR框架
  • 静态站点生成(SSG)方案及Gridssome
  • Vue.js3.0 Composition APIs
  • Vue.js+Vue Router+vuex+Typescript实战项目开发

React设计原理理解

  • React框架基础、JSX语法
  • 分析Virtual-DOM项目的实现原理
  • React核心算法: Fiber
  • React框架设计哲学
  • React框架核心源码解读

React进阶

  • 封装React自定义组件
  • React组件的性能优化
  • 受控制和非受控制组件的选用标准
  • React组件的自动化测试
  • React 16.8Hooks特性的使用及方案实现原理分析
  • CSS-in-JS方案及emotion库
  • React应用的UI框架及Chakra-UI
  • 使用Typescript开发React应用
  • React数据流方案:Redux、Mobx
  • Redux常用中间件以及中间件开发
  • 原生服务端渲染(SSR)的实现、同构开发
  • Next.js集成式SSR框架
  • 静态站点生成(SSG方案及Gatsby框架
  • React+React Router+Redux+Ant Design+Typescript实战

Angular企业实战开发

  • Angular9基础
  • Angular数据绑定及实现原理
  • Angular组件封装及父子组件通信
  • Angular幅度模块及服务注入
  • Angular路由模块
  • RxJS响应式编程库
  • NgRx状态管理工具

Node.js全栈开发


Node.js高级编程

  • 非阻塞IO、EventLoop、事件队列
  • CommonJS原理解析
  • 核心模块、自定义模块、第三方模块
  • 文件系统、Buffer对象、字符编码
  • 压缩、解压缩、加密和签名算法
  • 网络编程、TCP/IP、HTTP服务
  • cookie和session原理
  • 多进程和集群搭建
  • 搭建反向代理服务器

NoSQL数据库

  • NoSQL数据库特性及优势介绍
  • MongoDB的安装、连接、操作
  • mongoose模块以及常用的操作API
  • Redis快速上手及它所适合的场景
  • 使用Node.js操作Redis

Web开发框架

  • Express完成基本的服务端应用开发
  • Express路由、模板引擎、错误处理
  • Express中间件机制的设计思想
  • Express中间件使用以及自定义中间件
  • Express应用程序的进程管理器
  • Express安全与性能的最佳实践
  • Express+Handlebars+Mongoose实战
  • Koa应用与实践、AOP面向切面编程
  • Koa中间件实现、源码深度剖析
  • Koa中间件模型与Express差异
  • PM2部署Node.js应用

GraphQL API开发

  • 基于Koa开发 RESTful API
  • 应用最佳接口实践:GraphQL
  • GraphQL规格标准与设计优势
  • GraphQL快速开发库:Apollo
  • API鉴权标准、jsonwebtoken及相关API
  • Docker Compose + GitLab CI自动化部署Node.js应用

企业级框架

  • Egg.js 项目架构与脚手架工具
  • Egg.js 中间件机制、洋葱圈模型
  • Egg.js 路由、控制器、服务
  • Egg.js 插件机制以及插件开发
  • Egg.js 定时任务调度
  • Egg.js + Mongoose + Nunjucks + TypeScrip项目实战
  • Nest.js 基本概念和内部组成
  • 使用Nest.js 框架构建高效且可伸缩的服务端应用
  • Nest.js 面向切面编程,依赖注入的实践
  • Adonis.js框架介绍

Part5 泛客户开发


小程序与快应用

  • 原生小程序MINA框架回顾
  • 基于mpvue开发的小程序应用
  • 基于mpvue框架打包快应用和H5
  • 京东Taro 多端统一解决方案
  • uni-app多端统一解决方案

Hybrid App 开发

  • 基于 WebView UI 的基础方案
  • Cordova / Ionic 通用混合App开发框架
  • Cordova实现原理分析以及它的常用插件
  • H5配合原生的WebView开发混合式App
  • 通过 JSBridge 完成H5与原生Native的双向通讯
  • 原生App开发

React Native

  • React Native 开发环境搭建
  • 初始环节搭建以及相关配置
  • 热更新的开发体验
  • 使用 Flexbox实现界面布局
  • 常用的界面布局和长列表实现
  • 接入第三方Naive组件(Objective-C / Swift / Java
  • React Native架构实现原理

Flutter 原生App开发

  • Flutter概述以及  Windows / macOS 环境搭建
  • Dart 语言快速上手、包管理工具
  • Flutter 快速上手、开发体验、路由和导航
  • UI开发: 内置Material Design 和 Cupertino(iOS风格)Widget
  • 常用的Widget、表单组件、布局方式
  • 数据响应:界面状态管理
  • 网络编程以及第三方包
  • Native 功能和SDK的调用
  • Flutter项目实战

Electron桌面应用开发

  • Electron运行时基本结构分析
  • 快速上手、常用API、基础案例
  • 主进程与渲染进程之间的差异以及互相通信
  • 常见桌面应用程序的功能实现
  • Electron结合 React / Vue.js 之类的前端框架
  • Electron应用的调试(主进程与渲染进程)以及相关工具Spectron / Devtron
  • 集成打包工具:electron-builder / electron-packager / electron-forge
  • 实战案例:模仿 Microsoft To Do

商业级技术解决方案


Serverless无服务端方案

  • BaaS / FaaS / PaaS 服务
  • Serverless架构与实现原理
  • Serverless应用场景与局限性
  • 国外常见的Serverless服务ZEIT NowNetlify
  • 国内常见的Serverless服务(阿里云、腾讯云)

中途岛、中间层方案

  • BFF架构的优势及常见方式
  • 基于 Node.js中间层架构
  • 实现更合理的前后端分离架构
  • 中间层的目标与职责
  • 后端细粒度接口聚合
  • 服务端模板渲染
  • 前端路由设计
相关实践学习
【文生图】一键部署Stable Diffusion基于函数计算
本实验教你如何在函数计算FC上从零开始部署Stable Diffusion来进行AI绘画创作,开启AIGC盲盒。函数计算提供一定的免费额度供用户使用。本实验答疑钉钉群:29290019867
建立 Serverless 思维
本课程包括: Serverless 应用引擎的概念, 为开发者带来的实际价值, 以及让您了解常见的 Serverless 架构模式
目录
相关文章
|
13天前
|
搜索推荐 前端开发 开发者
前端开发的必修课:如何让你的网页在搜索引擎中脱颖而出?
【10月更文挑战第31天】前端开发不仅是构建网页与用户间桥梁的关键,还需注重搜索引擎优化(SEO)。优化网页结构、合理使用关键词、提升加载速度及整合社交媒体等技巧,能帮助网页在搜索引擎中脱颖而出,吸引更多用户。
24 5
|
6月前
|
前端开发 JavaScript 中间件
2020前端该如何脱颖而出(二)
2020前端该如何脱颖而出(二)
58 0
|
6月前
|
数据采集 前端开发 JavaScript
2020前端该如何脱颖而出(一)
2020前端该如何脱颖而出(一)
55 0
|
数据采集 前端开发 JavaScript
2020前端该如何脱颖而出(一)
2020前端该如何脱颖而出(一)
141 0
|
1月前
|
存储 人工智能 前端开发
前端大模型应用笔记(三):Vue3+Antdv+transformers+本地模型实现浏览器端侧增强搜索
本文介绍了一个纯前端实现的增强列表搜索应用,通过使用Transformer模型,实现了更智能的搜索功能,如使用“番茄”可以搜索到“西红柿”。项目基于Vue3和Ant Design Vue,使用了Xenova的bge-base-zh-v1.5模型。文章详细介绍了从环境搭建、数据准备到具体实现的全过程,并展示了实际效果和待改进点。
130 2
|
1月前
|
JavaScript 前端开发 程序员
前端学习笔记——node.js
前端学习笔记——node.js
38 0
|
1月前
|
人工智能 自然语言处理 运维
前端大模型应用笔记(一):两个指令反过来说大模型就理解不了啦?或许该让第三者插足啦 -通过引入中间LLM预处理用户输入以提高多任务处理能力
本文探讨了在多任务处理场景下,自然语言指令解析的困境及解决方案。通过增加一个LLM解析层,将复杂的指令拆解为多个明确的步骤,明确操作类型与对象识别,处理任务依赖关系,并将自然语言转化为具体的工具命令,从而提高指令解析的准确性和执行效率。
|
1月前
|
存储 弹性计算 算法
前端大模型应用笔记(四):如何在资源受限例如1核和1G内存的端侧或ECS上运行一个合适的向量存储库及如何优化
本文探讨了在资源受限的嵌入式设备(如1核处理器和1GB内存)上实现高效向量存储和检索的方法,旨在支持端侧大模型应用。文章分析了Annoy、HNSWLib、NMSLib、FLANN、VP-Trees和Lshbox等向量存储库的特点与适用场景,推荐Annoy作为多数情况下的首选方案,并提出了数据预处理、索引优化、查询优化等策略以提升性能。通过这些方法,即使在资源受限的环境中也能实现高效的向量检索。
|
1月前
|
机器学习/深度学习 弹性计算 自然语言处理
前端大模型应用笔记(二):最新llama3.2小参数版本1B的古董机测试 - 支持128K上下文,表现优异,和移动端更配
llama3.1支持128K上下文,6万字+输入,适用于多种场景。模型能力超出预期,但处理中文时需加中英翻译。测试显示,其英文支持较好,中文则需改进。llama3.2 1B参数量小,适合移动端和资源受限环境,可在阿里云2vCPU和4G ECS上运行。
|
1月前
|
前端开发 算法 测试技术
前端大模型应用笔记(五):大模型基础能力大比拼-计数篇-通义千文 vs 文心一言 vs 智谱 vs 讯飞vsGPT
本文对比测试了通义千文、文心一言、智谱和讯飞等多个国产大模型在处理基础计数问题上的表现,特别是通过链式推理(COT)提示的效果。结果显示,GPTo1-mini、文心一言3.5和讯飞4.0Ultra在首轮测试中表现优秀,而其他模型在COT提示后也能显著提升正确率,唯有讯飞4.0-Lite表现不佳。测试强调了COT在提升模型逻辑推理能力中的重要性,并指出免费版本中智谱GLM较为可靠。
前端大模型应用笔记(五):大模型基础能力大比拼-计数篇-通义千文 vs 文心一言 vs 智谱 vs 讯飞vsGPT