locotor在掘金

上一篇介绍了原生 API 的动态视图插入，功能上已经可以满足大多数使用场景。不过也有一些缺憾，还没有解决在 Angular 应用外插入内容的需求，指令也不能跟动态插入的组件有输入输出的交互。 好在 Angular 官方提供了一套组件开发套件 Component Dev Kit …

动态渲染视图是日常项目开发中常见的需求，特别是通用性的工具库开发。例如弹窗服务，需要让组件的用户决定传入什么内容进行渲染，可能是一个组件，可能是一个模板（ng-template）。这里先来看看通过 Angular API 如何去实现。 要动态的插入一个视图，Angular 提供…

项目发布总需要根据具体情况配置打包，Angular CLI 提供了方便的打包工具 “ng build”。其中关于发布路径的配置有几样，这里总结汇总它们。 它指定的是项目构建的目录结构，例如设置为 "deploy-test"，最后的打包结果就在 dist/deploy-test …

Angular 的 HttpClient 模块，除了可以发起各种网络请求，同时也提供了网络拦截器的功能。在拦截器中，即可以获取到请求对象，也能获取到这个请求的服务器端响应对象，因此，可以通过拦截器统一处理各种网络相关功能。毕竟统一处理，意味着更好的可维护性，程序更健壮，还有最重…

最近项目的登录验证部分，采用了 JWT 验证的方式。并且既然采用了 Spring Boot 框架，验证和权限管理这部分，就自然用了 Spring Security。这里记录一下具体实现。 在项目采用 JWT 方案前，有必要先了解它的特性和适用场景，毕竟软件工程里，没有银弹。只有…

上篇总结了 Storybook 的安装和基本使用，现在就到了实际演练的时候了，本篇基于设计草图，完成一个任务清单 UI 界面。 咱们尝试采用 “组件驱动开发” 的流程，从下到上，从组件开发到最后组装为页面。这样的开发方式，可以控制当前开发工作的复杂度，更专注与当前需要搭建的 U…

Storybook 是当前最流行的 UI 组件开发环境，主要功能就是提供组件独立运行环境，方便编写组件使用样例，每个样例称之为一个 “story”。有了它，就可以方便的在项目中提取通用组件，管理自己的组件库。 并且，它还可以通过丰富的插件实现可交互测试，响应式布局，文档生成、设…

上一篇介绍了如何自定义 Material 主题，现在来看看怎么定义多个主题，并在运行时动态切换。 可以采用官网介绍的类名包裹方式，或者我们也可以预先编译，按需引入。话不多说，let's rock the code！😎 如上篇所言，我们首先就来实现怎么切换网站的暗黑主题。 注意…

实际的开发场景中，应用程序的文字排版不是一成不变的，也常常需要自定义颜色来适配具体项目需求，这就需要去自定义 Material 的主题。 Angular Material 库的样式是采用 Sass 开发的，几乎全部写在了 mixin 中，定制起来非常容易，让整个主题系统相当的灵…