解决实现伪元素的 hover 效果的问题：
摘要：例如，当有一个元素上面有一个伪元素时，像给这个伪元素设置一个 hover 效果，当该伪元素 hover 时，才显示该伪元素。 元素： li { background: red; } li:after { border: 1px solid blue; } 这个时候，先在该伪元素所在的元素上加上 ho
阅读全文
posted @ 2021-03-30 16:27
03 2021 档案
记一次阅读源码的小经历
摘要：在近期做项目的过程中，我们在项目中引入了 ng2-cookies 库，一次在写代码的时候，使用到了 get( ) 方法，需要知道返回值的类型，但是作为一个调用者，之前没有关注过这个库里面的方法。 后来，直接找到 ng2-cookies 的 GitHub 仓库，然后读了一些 get( ) 方法的源码，
阅读全文
posted @ 2021-03-30 15:54
解决在 CSS 中，如何实现动态吸顶的样式/效果 ？
摘要：解决方法：使用 position: sticky 做了一个动态吸顶的效果： 举例如下： 1 未向上滚动页面之前： 2 向上滚动页面之后： 这样， “This is tab main”部分的元素，可以一直保持在页面窗口的顶部。 3 具体代码：这个使用的代码其实就是 position: sticky,
阅读全文
posted @ 2021-03-09 14:38
Angular 初始化项目后，如何把默认的 .css 文件修改为 .scss 文件？
摘要：问题：下图是初始化后的项目。项目里面的样式文件是 .css 文件，想把 .css 修改为 .scss 应该如何处理呢？ 解决方法：执行如下命令： find . -name "*.css" -exec bash -c 'mv "$1" "${1%.css}".scss' - '{}' \; 然后就会看
阅读全文
posted @ 2021-03-02 14:47
解决 Angular 项目中，添加 <router-outlet> 标签后，报错: ‘router-outlet’ is not a known element 的问题。
摘要：在 app.component.html 页面中添加 标签后报错： 解决： 在路由文件，即 app-routing.module.ts 中，添加上一句：exports: [RouterModule] 截图如下： 即可解决 router-outlet 的报错问题。 参考： https://stacko
阅读全文
posted @ 2021-03-01 16:30
在 Angular 项目中，如何为项目单独创建路由文件？
摘要：使用 Angular Cli 创建一个项目时，如果不加任何的后缀参数，那么生成的项目默认是没有路由模块的。那么，如何让创建的 Angular 项目有路由模块/路由文件呢？ 两个办法： 1 在最开始创建项目的时候，带上参数： --routing=true|false 2 如果已经创建好了项目，不想删除
阅读全文
posted @ 2021-03-01 15:09
