假期杂

• navicat字体: AR PL UMing CN

• ctrl+win+D: ubuntu全部最小化窗口

• Python中是以函数为作用域

• webpack4新特性: 需要–mode 指定模式

• 支持webassembly可以编写import c++ c Rust.

• 为了解决js的性能问题.

• 默认入口文件./src 默认出口 ./dist

• 还是需要配置文件的

• 新的插件系统hook函数

• 需要node9以上, 经过v8引擎的优化

• webpack基本用法: webpack 输入文件 输出文件

云原生基础架构

• gitbook:

https://jimmysong.io/cloud-native-infra/what-is-cloud-native-infrastructure.html

• 云原生应用的一个特点: 服务之间通信都是HTTP协议, 传统的单体式架构是进程之间的通信
• 消息总线的设计
• Effective DevOps 一本书
• OpenShift 红帽旗下的应用平台, 基于k8s上又做了一步抽象, 对开发者更加友好, 屏蔽底层细节
• 应用程序应该建立在平台上, docker就做到了, 而不是做落到操作系统上, app坐落到容器管理平台, 使应用程序拥有弹性和自动化的能力
• 即使公司做到了Iaas, 基础设置用的云服务器, 但是还是需要管理基础架构的人员, 部署, 运维监控os, 这样的效率并不极致,
• 当业务需要频繁迭代和更新那就需要云原生架构了
• 如果您的应用程序在Kubernetes上运行，但仍需要人工设置监控、日志收集和负载均衡，则它不是云原生。只是将应用程序部署在Kubernetes运行并不意味着云原生。一切都要自动化

• 在Iaas之上做封装, 抽象出来一个平台, Paas
• https://mosn.io/zh/ 蚂蚁金服云原生网络代理
• 传统的运维变成基础架构软件工程师

前端组件化技术思维实战

• 组件不合理导致项目难以把控, 如何合理的设计组件
• 开发的敏捷度更高, 效率更高
• 要学会独立构建一个项目
• 技术选型分析
• 工程构建安装
• 项目设计及原理分析
• 项目开发
• 业务开发流程: 需求------技术选型-----业务开发-----测试验证------发布上线(小流量, 全量)
• 构建工具, MVVM框架选择, 模块化设计, 自适应方案设计(不同的客户端), 代码维护及复用性设计的思考
• gulp是做任务管理的, webpack做编译的
• gulp和grunt区别: gulp是流式的, grunt是io的, 大项目grunt不太合适, 比较慢
• 通过构建工具实现自适应, 多端的兼容
• 需求变更, 产品迭代, Bug定位, 新功能开发.
• css的模块化设计: reset.scss 项目初始化必备 layout.scss布局模块 element.scss组件模块
• 很多相同的布局都可以进行抽象, 比如横向列表, 纵向列表, 面板模型, 标题加内容, 通过一个参数进行配置

SPA设计: 单页面设计

• 前后端分离, 减轻服务器压力, 增强用户体验, SSR优化SEO
• vue-router工作原理: history api 入口和页面通过浏览器的前进后退控制
• hash方法

京东金融项目首页需求分析

• 头部

• 轮播图

• 新手特权

• 极速贷款

• 理财精选

• 新品推荐

• 生活服务

• 在线客服

• 公司介绍

• 导航条

• 通用组件: Header Footer Navbar

• npm audit fix --force

• npm audit