日常开发中那些不常用的css属性 由于 css 属性的繁多和难学，本篇文章旨在记录平常开发中遇到的那些 css 属性，会长期更新记录。 【注】点击 css 的属性名称可以跳转到 MDN 链接，可查看更详细的用法。 pointer-events pointer-events CSS 属性设置在什么情况下(如果有的话)一个特定的图形元素可以成为指针事件的目标。 通常和 opacity 属 2022-12-19 CSS CSS
Angular中的动态创建组件 Angular 中创建动态组件主要有两种方式：ViewContainerRef 创建动态组件和使用 Angular CDK 动态创建。这里总结记录一下平常开发中常用的使用 ViewContainerRef 创建组件。 写在前面 自从 Ng15 版本更新以后，「独立组件」变成稳定版了，于是体验了一下，发现对于日常写一个小的 Ng 的 demo 是真的友好，不需要再导入 module 中了。 创建独 2023-04-28 Angular 动态组件
关于 nth-of-type 伪类的使用误区 在修复一个关于样式的缺陷时，发现是由于使用 nth-of-type 不当引起的。 MDN文档上的定义如下： The :nth-of-type() CSS pseudo-class matches elements based on their position among siblings of the same type (tag name). 即此伪类匹配兄弟节点之间类型相同的元素，括号里还特 2023-03-31 CSS CSS
浅析Angular中的文件上传进度监控 最近老是跟文件上传打交道，趁着搞完需求的间隙，整理一下拖了好久的文章，浅析 Angular 中的文件上传进度监控的原理。其主要的核心是利用了 XMLHttpRequest 和 Observable 对象来实现的。 文件上传源码 123456789101112131415161718/** * 上传单个文件 * @param uploadFile 上传文件对象 */ u 2023-02-20 Angular angular 文件上传
Javascript Notifications API Notifications API 允许网页或应用程序发送通知，这些通知在系统级显示在网页之外; 这使得网页应用程序可以向用户发送信息，即使应用程序处于空闲状态或在后台，一般搭配 websocket 使用。 安全上下文: 此特性仅在安全上下文(HTTPS)中可用，在部分或所有支持的浏览器中都可用。 需要注意的是此 API 只有在 https 的网页中 2022-12-19 Javascript js原生api
JavaScript Intersection Observer API 在我们公司的产品中，发现了一个新上线的有意思的交互效果，原本我以为这种交互是借助了 positon: sticky 定位实现，但是细细观察后发现并不是，于是翻看源码研究了一下，并于此学到了一个新的有意思的 API: Intersection Observer。 2022-11-12 Javascript js原生api
Angular中的开发技巧 写在前面 👣 angular是一个非常优秀的前端框架，但是各种语法和api也是相对较多，掌握一些开发技巧可以使我们写的代码看起来更优雅，我接触angular开发三年有余，加入我们worktile团队也有一段时间了，不管是通过自己学习还是参考研究前辈写的代码，学到了很多新的知识，正好借此机会来一波总结。 2022-09-26 Angular rxjs javascript
高阶 RxJs 映射运算符综合指南：switchMap、mergeMap、concatMap（和 excludeMap）【译】 原文: Comprehensive Guide to Higher-Order RxJs Mapping Operators: switchMap, mergeMap, concatMap (and exhaustMap) 我们每天发现的一些最常用的 RxJs 操作符是 RxJs 高阶映射操作符：switchMap、mergeMap、concatMap 和 exhaustMap。 2022-09-01 Angular rxjs operators
记录一次使用RxJs的操作符优化消息搜索功能 前言 之前在开发消息搜索模块时，遇到个问题：如果在防抖允许的时间内，连续两次输入不同的关键词触发http请求，如果网络速度慢，或者接口调用时间长的话，就会导致两个http连接同时在请求，这样就会导致页面会显示两遍不同的请求结果，甚至如果说第一次的请求响应时间快于第二次的话，会造成当搜索的结果显示不正确的现象。当时并没有想到好的解决思路，然后就搁置了，直到最近看到一篇文章，正好解决了我的需求，然后就 2022-08-26 Angular RxJs
Angular中的依赖注入 前言 相信angular中的「依赖注入」对于大部分的angular开发者都是一个不容易跨过去的坎，当然我也不例外，这篇文章构思了很久，大概从一年前就想对此来个总结，奈何不知道从何写起，主要原因是在平常的实际开发中用到的依赖注入的知识太浅，所以并不能很好的读懂文档的意思，如今有机会在实际的项目中接触到了更多依赖注入的用法，故此总结一下。 2022-07-20 Angular angular 依赖注入
