基于AngularJS的企业应⽤前端架构
基于AngularJS的企业应⽤用前端架构 徐飞 新浪微博:@民⼯工精髓V 企业应⽤用前端的特点 • 独占模式 • 重业务,轻视觉 • 界⾯面规整,模式单⼀一 • 键盘操作 • 逻辑复杂 • 加载速度的侧重不同 • 浏览器版本相对宽松 传统的B/S企业应⽤用前端 • B/S企业软件常⽤用的展现层技术 – HTC 在浏览器端扩展标签 业务逻辑 – 放后端⽐比放前端的多。。。 流⾏行过什么样的技术 单页应⽤用 • 传统企业应⽤用 – 通过iframe加载菜单 – 每个功能菜单都是独⽴立界⾯面 – 各功能菜单包含完整的公共库(JS,样式) • 单页应⽤用 – 每个功能都是部件 – 动态加载 – 整个系统共享⼀一个作⽤用域 单页应⽤用架构 前端的分层 • 为什么单页应⽤用⼀一定要分层? 为什么单页应⽤用⼀一定要分层? – 前端逻辑有⼀一定规模,分层有利协作 – 便于保证数据的⼀一致性 – 业务逻辑的复⽤用 – 每个层次的单独可测试 • Struts这种服务端MVC的弱点在哪⾥里? – 拉长了视图层的⽣生成和渲染 – 不利于UI⼈人员协作 ⾃自定义标签 • 在创建界⾯面时,声明式代码是有优势的。 • HTML的标签集是⽐比较贫乏的。 • 服务端⾃自定义标签的劣势0 码力 | 13 页 | 517.57 KB | 1 年前3前端开发者指南(2017)
1.13 目录 Introduction 前端开发者是什么? 2016 前端开发回顾 展望 2017 第一部分. 前端实践 前端职称 前端开发者所使用的技术 前端开发技能 前端开发者为 ... 而开发 团队里的前端 全能型人才/全栈神话 前端面试 前端开发职位公示 前端开发薪资 前端开发者是如何诞生的 第二部分:学习前端开发 自学 关于互联网/WEB 学习 Web Web 浏览器 学习域名系统(又叫 DNS) 学习 HTTP/Networks(包括 CORS 和 WebSockets) 学习网页寄存(通称虚拟主机) 学习前端开发 学习用户界面/交互设计 学习 HTML 和 CSS 学习搜索引擎优化 学习 JavaScript 学习 Web 动画 学习 DOM、BOM 和 jQuery 学习网页字体 & 图标 2 1.6.1.14 1 7.4 学习可访问性相关知识 学习 web/浏览器 API 学习 JSON (JavaScript 对象表示法) 学习 JS 模板 学习静态网页生成器 通过JS学习计算机科学 学习前端应用架构 学习数据(例如,JSON)API 的设计 学习 React & Redux 学习渐进式 Web 应用 学习设计 JS API 学习web开发工具 学习命令行的使用 学习 Node0 码力 | 164 页 | 6.43 MB | 1 年前3IMWebConf 2017 前端开发者大会
IMWebConf2017 前端开发者大会 尊敬的 先生/女士,您好! IMWebConf2017 前端开发者大会将于2017年09月在深圳召开。 会议内容 会议内容 作为业内有一定影响力的专业前端技术交流大会,IMWebConf 已经成功举办五届,累计探讨的议题超过上百个,线 上线下参会者达数千人,累计影响前端爱好者超过数万人。 这是一次难得的和国内外以及腾讯前端大神面对面交流的机会。 司及组织(包括W3C、微软、Google、腾讯、阿里等)的前端达人为我们带来最新前端技术的分享。 关于我们: 关于我们: IMWebConf 是由腾讯IMWeb团队发起的专注于Web前端领域的非营利性开发者大会。 IMWeb团队专注前端领域多年,曾负责腾讯最核心的基础海量业务QQ统一登录、QQ注册、QQ群等,目前主要聚焦 腾讯在线教育战略产品腾讯课堂及企鹅辅导的研发, 并精心打造前端工程师Next学位,开启在线教育变革之路。 变革之路。 我们的工程师们也多次在Qcon、Velocity等业界大会进行分享。我们有着丰富的前端经验,也热衷于技术的开源与 分享。每年,我们都会举办自己的前端大会 ——IMWebConf。 会议日程 会议日程 大会流程: 大会流程: Node.js会场 会场 框架性能会场 框架性能会场 综合会场 综合会场 会议嘉宾 会议嘉宾 姓名 姓名 个人介绍 个人介绍 主题 主题 主题介绍0 码力 | 8 页 | 698.99 KB | 1 年前32019-2021 美团技术年货 前端篇
2019-2021美团技术年货 CODE A BETTER LIFE 【前端篇】 前端 | 2021 1 让 Flutter 在鸿蒙系统上跑起来 1 FlutterWeb 在美团外卖的实践 14 FlutterWeb 性能优化探索与实践 36 设计稿(UI 视图)自动生成代码方案的探索 56 美团外卖终端容器无关化研发框架 74 一款可以让大型 iOS 工程编译速度提升 美团跨端一体化富文本管理技术实践 186 前端 | 2020 202 移动端 UI 一致性解决方案 202 美团外卖 Flutter 动态化实践 227 美团开源 Logan Web:前端日志在 Web 端的实现 255 外卖客户端容器化架构的演进 270 Flutter 包大小治理上的探索与实践 297 美团外卖持续交付的前世今生 326 微前端在美团外卖的实践 352 积木 积木 Sketch 插件进阶开发指南 372 积木 Sketch Plugin:设计同学的贴心搭档 400 Native 地图与 Web 融合技术的应用与实践 431 目录 前端 | 2019 446 MTFlexbox 自动化埋点探索 447 Litho 在美团动态化方案 MTFlexbox 中的实践 459 开源 React Native 组件库 beeshell 2.00 码力 | 738 页 | 50.29 MB | 1 年前3Greenplum 架构概览
Greenplum 架构概览 基本拓扑结构 如上图,我们可以认为 Greenplum(后简称 GP) 就是很多个 PostgreSQL 实例所组成的集群。GP 对外提供统⼀的数据接⼝,并帮助⽤户⾃动完成数据分⽚、并⾏ 查询与聚合等诸多分布式数据库功能 GP 是⼀种典型的 Master-Segment 架构,⼀个 GP 集群通常由⼀个 Master 节点、⼀个 Standby Master0 码力 | 1 页 | 734.79 KB | 1 年前3Nacos架构&原理
阿里云开发者“藏经阁” 海量电子手册免费下载 特别鸣谢: 目录 作者 6 推荐序 7 前⾔ 9 序言 9 简介 13 Nacos 简介 13 Nacos 架构 17 Nacos 总体设计 17 Nacos 架构 17 Nacos 配置模型 21 Nacos 内核设计 28 Nacos ⼀致性协议 28 Nacos 自研 Distro 协议 38 Nacos 通信通道 42 Nacos ⾼可⽤设计 100 Nacos 高可用设计 100 Nacos 鉴权插件 103 Nacos 账号权限体系 103 Nacos 认证机制 110 Nacos 前端设计 117 Nacos 前端设计 117 Nacos 性能报告 122 Nacos Naming 大规模测试报告 122 Nacos ⽣态 130 Nacos Spring 生态 130 Nacos Docker 卿亮 许进 7 > 推荐序 推荐序 阿里巴巴合伙人 - 蒋江伟(小邪) 随着企业加速数字化升级,越来越多的系统架构采用了分布式的架构,主要目的是为了解决集中化 和互联网化所带来的架构扩展性和面对海量用户请求的技术挑战。这里面其中有⼀个关键点是软负 载。因为整个分布式架构需要有⼀个软负载来协作各个节点之间的服务在线离线状态、数据⼀致性、 以及动态配置数据的推送。这里面最简单的需求就是将⼀个配置准时的推送到不同的节点。即便如0 码力 | 326 页 | 12.83 MB | 9 月前3OpenShift Container Platform 4.3 架构
OpenShift Container Platform 4.3 架构 OpenShift Container Platform 架构概述 Last Updated: 2020-11-30 OpenShift Container Platform 4.3 架构 OpenShift Container Platform 架构概述 法律通告 法律通告 Copyright © 2020 Red trademarks are the property of their respective owners. 摘要 摘要 本文概述 OpenShift Container Platform 中的平台和应用架构。 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 目 目录 录 第 第 1 章 章 OPENSHIFT CONTAINER PLATFORM 架 架构 构 1.1. OPENSHIFT CONTAINER PLATFORM 简介 第 第 2 章 章 安装和更新 安装和更新 2.1. OPENSHIFT CONTAINER PLATFORM 安装概述0 码力 | 47 页 | 1.05 MB | 1 年前3OpenShift Container Platform 4.10 架构
OpenShift Container Platform 4.10 架构 OpenShift Container Platform 架构概述 Last Updated: 2023-10-17 OpenShift Container Platform 4.10 架构 OpenShift Container Platform 架构概述 法律通告 法律通告 Copyright © 2023 Red trademarks are the property of their respective owners. 摘要 摘要 本文概述 OpenShift Container Platform 中的平台和应用架构。 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 目 目录 录 第 第 1 章 章 架 架构 构概述 概述 1.1. OPENSHIFT CONTAINER PLATFORM 架构的常见术语表 1.2. 关于安装和更新 1.3. 关于 CONTROL PLANE 1.4. 关于面向开发人员的容器化应用程序 1.5. ABOUT RED0 码力 | 63 页 | 1.40 MB | 1 年前3OpenShift Container Platform 4.2 架构
OpenShift Container Platform 4.2 架构 OpenShift Container Platform 4.2 架构概述 Last Updated: 2020-08-21 OpenShift Container Platform 4.2 架构 OpenShift Container Platform 4.2 架构概述 法律通告 法律通告 Copyright © 2020 trademarks are the property of their respective owners. 摘要 摘要 本文概述 OpenShift Container Platform 4.2 中的平台和应用架构。 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 目 目录 录 第 第 1 章 章 OPENSHIFT CONTAINER PLATFORM 架 架构 构 1.1. OPENSHIFT CONTAINER PLATFORM 简介 第 第 2 章 章 安装和更新 安装和更新 2.1. OPENSHIFT CONTAINER PLATFORM 安装概述0 码力 | 32 页 | 783.33 KB | 1 年前3OpenShift Container Platform 4.7 架构
OpenShift Container Platform 4.7 架构 OpenShift Container Platform 架构概述 Last Updated: 2023-03-24 OpenShift Container Platform 4.7 架构 OpenShift Container Platform 架构概述 Enter your first name here. Enter trademarks are the property of their respective owners. 摘要 摘要 本文概述 OpenShift Container Platform 中的平台和应用架构。 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 章 章 架 架构 构概述 概述 1.1. 关于安装和更新 1.2. 关于 CONTROL PLANE 1.3. 关于面向开发人员的容器化应用程序 1.4. 关于 RED HAT ENTERPRISE LINUX COREOS(RHCOS)和 IGNITION 1.5. 关于准入插件 第 第 2 章 章 OPENSHIFT CONTAINER PLATFORM 架 架构 构 2.1. OPENSHIFT0 码力 | 55 页 | 1.16 MB | 1 年前3
共 1000 条
- 1
- 2
- 3
- 4
- 5
- 6
- 100