Laravel/Angular/Kubernetes 技术分享

[笔记]iptables 学习记录

lx1036 5月3日发布
收藏

iptables 是基于内核态的 netfilter 框架，用来过滤 ip 数据包和网络地址转换 NAT 的一个工具，一般用作防火墙功能，或负载均衡功能。简单点说：iptables 是用户态的命令行工具，可以操作内核态的 iptables 的几...

(笔记)kube-proxy 源码中使用 ipvs 基本流程

lx1036 5月1日发布
收藏

kube-proxy 二进制文件只有 37M 左右，不是很大，没记错的话 gitlab runner 有 57M 好像(跑 gitlab ci/cd，也是 go 写的)。kube-proxy 会以DaemonSet 形式跑在每一个 Node 节点上，当然也可以只跑在一小部分 Node...

[译] 关于 Angular 依赖注入你需要知道的

lx1036 2018-08-20 发布
2 收藏

如果你之前没有深入了解 Angular 依赖注入系统，那你现在可能认为 Angular 程序内的根注入器包含所有合并的服务提供商，每一个组件都有它自己的注入器，延迟加载模块有它自己的注入器。

@angular/forms 源码解析之 Validators

lx1036 2018-08-02 发布
6 收藏

我们知道，@angular/forms 包主要用来解决表单问题的，而表单问题非常重要的一个功能就是表单校验功能。数据校验非常重要，不仅仅前端在发请求给后端前需要校验数据，后端对前端发来的数据也需要校验其有效性和逻...

@angular/forms 源码解析之双向绑定

lx1036 2018-08-02 发布
4 收藏

我们知道，Angular 的 @angular/forms 包提供了 NgModel 指令，来实现双向绑定，即把一个 JS 变量（假设为 name）与一个 DOM 元素（假设为 input 元素）进行绑定，这样 name 的值发生变化，input 元素的 value ...

@angular/router 源码分析之注册路由

lx1036 2018-08-02 发布
5 收藏

比如，程序从路由状态 state1: /advisors/1/households/1 转变为路由状态 state2: /advisors/1/accounts/2，需要实例化的组件集合也从 components1: Advisor+Household 转变为 components2: Advisor+Account（准...

illuminate/routing 源码分析之注册路由

lx1036 2018-08-02 发布
8 收藏

我们知道，在 Laravel 世界里，外界传进来一个 Request 时，会被 Kernel 处理并返回给外界一个 Response。Kernel 在处理 Request 时，会调用 illuminate/routing 包提供的路由功能，来根据当前的 Request，转发到...

[译] 别再对 Angular Modules 感到迷惑

lx1036 2018-06-15 发布
14 收藏

Angular Modules 是个相当复杂的话题，甚至 Angular 开发团队在官网上写了好几篇有关 NgModule 的文章教程。这些教程清晰的阐述了 Modules 的大部分内容，但是仍欠缺一些内容，导致很多开发者被误导。我看到很多...

源码分析 @angular/cdk 之 Portal

lx1036 2018-05-30 发布
3 收藏

@angular/material 是 Angular 官方根据 Material Design 设计语言提供的 UI 库，开发人员在开发 UI 库时发现很多 UI 组件有着共同的逻辑，所以他们把这些共同逻辑抽出来单独做一个包 @angular/cdk，这个包与 Mat...

[译] 关于 Angular 动态组件你需要知道的

lx1036 2018-05-02 发布
8 收藏

如果你之前使用 AngularJS（第一代 Angular 框架）来编程，可能会使用 $compile 服务生成 HTML，并连接到数据模型从而获得双向绑定功能：

[译] Angular 属性绑定更新机制

lx1036 2018-05-02 发布
1 收藏

所有现代前端框架都是用组件来合成 UI，这样很自然就会产生父子组件层级，这就需要框架提供父子组件通信的机制。同样，Angular 也提供了两种方式来实现父子组件通信：输入输出绑定和共享服务。对于 stateless pre...

[译] 为何 Angular 内部没有发现组件

lx1036 2018-05-02 发布
1 收藏

从我开始使用 Angular 开始，就被组件和指令间区别的问题所困惑，尤其对那些从 Angular.js 世界来的人，因为 Angular.js 里只有指令，尽管我们也经常把它当做组件来使用。如果你在网上搜这个问题解释，很多都会这...

[译] Angular DOM 更新机制

lx1036 2018-05-02 发布
4 收藏

由模型变化触发的 DOM 更新是所有前端框架的重要功能（注：即保持 model 和 view 的同步），当然 Angular 也不例外。定义一个如下模板表达式：

[译] $digest 在 Angular 中重生

lx1036 2018-05-02 发布
1 收藏

我使用 Angular.js 框架好些年了，尽管它饱受批评，但我依然觉得它是个不可思议的框架。我是从这本书 Building your own Angular.js 开始学习的，并且读了框架的大量源码，所以我觉得自己对 Angular.js 内部机制...

[译] 监听 Angular 启动过程

lx1036 2018-04-02 发布
2 收藏

这个 _loadComponent() 函数会在初始化程序时被调用（译者注：这句可参考 application_ref.ts 中 L245，L281， L463，L492），通过观察这个函数不仅知道一个组件是如何被添加到程序里的（译者注：该方法第三行）...

[译] 别再对 Angular 表单的 ControlValueAccessor 感到迷惑

lx1036 2018-04-02 发布
13 收藏

如果你正在做一个复杂项目，必然会需要自定义表单控件，这个控件主要需要实现 ControlValueAccessor 接口（译者注：该接口定义方法可参考 API 文档说明，也可参考 Angular 源码定义）。网上有大量文章描述如何实...

[译] 关于 `ExpressionChangedAfterItHasBeenCheckedError` 错误你所需要知道的事情

lx1036 2018-03-25 发布
32 收藏

关于 ExpressionChangedAfterItHasBeenCheckedError，还可以参考这篇文章，并且文中有 youtube 视频讲解：Angular Debugging "Expression has changed after it was checked": Simple Explanation (and Fix)

[译] 你真的知道 Angular 单向数据流吗

lx1036 2018-03-25 发布
14 收藏

关于单向数据流，还可以参考这篇文章，且文中还有 youtube 视频解析：Angular - What is Unidirectional Data Flow? Learn How the Angular Development Mode Works, why it's important to use it and how to Tr...

[译] 如何手动启动 Angular 程序

lx1036 2018-03-24 发布
收藏

这行代码 platformBrowserDynamic() 是为了构造一个 platform，Angular 官方文档对 platform 的定义是（译者注：为清晰理解，platform 定义不翻译）：

[译] 探索 Angular 使用 ViewContainerRef 操作 DOM

lx1036 2018-03-20 发布
21 收藏

原文链接：Exploring Angular DOM manipulation techniques using ViewContainerRef如果想深入学习 Angular 如何使用 Renderer 和 View Containers 技术操作 DOM，可以查阅 YouTube 视频 my talk at NgVikings。