张森ZS

计算机速成课：第一集计算机早期历史

摘要：计算设备的历史公认最早的计算设备是算盘。其他计算设备：星盘：让船只可以在海上计算纬度；计算尺：帮助计算乘法和除法，还有上百种的时钟用来：算日出、潮汐、天体的位置、或者纯粹计时等；设备让原来很费力的事情，变得更快、更简单、更精确，但此时这些设备还不叫计算机。最早使用 “计算机”一词最早使阅读全文

posted @ 2021-05-30 12:26 张森ZS 阅读(233) 评论(0) 推荐(0) 编辑

combo 技术简单介绍

摘要：历史在前端开发过程中，涉及到提升页面性能的时候，有很多方法。其中一种便是利用 CDN 来提高页面的响应速度。说到 CDN，虽然可以极大提升页面的响应速度，同时也会存在可以优化的地方。例如：在使用 CDN 的时候，可能会同时加载10个 .js 文件，10个 .css 文件（数字只是单纯举例）。阅读全文

posted @ 2021-05-18 20:09 张森ZS 阅读(774) 评论(0) 推荐(0) 编辑

解决：使用鼠标禁用符号不显示红色禁用符号

摘要：通常情况下，使用 cursor: no-drop 或者 cursor: not-allowed。查了很多资料，说是自动会给设置为红色边框的禁用符号。后来自己做实验，发现都是灰白色的禁用图标，包括京东也是如此：如果想实现红色的图标应该怎么做呢？给 cursor 加上一个 url 的默认图片的参数。阅读全文

posted @ 2021-04-09 11:09 张森ZS 阅读(545) 评论(0) 推荐(0) 编辑

关于 a 标签 hover 状态样式不生效的问题

摘要：今天在做页面的时候，需要做一个默认 a 标签文字的颜色，然后当 hover 的时候，a 标签文字的颜色进行一个变化。举例来说，默认的样式写的时候，用的是 a:link ；当 hover 的时候，写的样式是 a:hover ; 后来发现，hover 的时候样式没有生效。之后去搜网页查找了没有生阅读全文

posted @ 2021-04-02 14:27 张森ZS 阅读(751) 评论(0) 推荐(0) 编辑

解决实现伪元素的 hover 效果的问题：

摘要：例如，当有一个元素上面有一个伪元素时，像给这个伪元素设置一个 hover 效果，当该伪元素 hover 时，才显示该伪元素。元素： li { background: red; } li:after { border: 1px solid blue; } 这个时候，先在该伪元素所在的元素上加上 ho 阅读全文

posted @ 2021-03-30 16:27 张森ZS 阅读(711) 评论(0) 推荐(0) 编辑

记一次阅读源码的小经历

摘要：在近期做项目的过程中，我们在项目中引入了 ng2-cookies 库，一次在写代码的时候，使用到了 get( ) 方法，需要知道返回值的类型，但是作为一个调用者，之前没有关注过这个库里面的方法。后来，直接找到 ng2-cookies 的 GitHub 仓库，然后读了一些 get( ) 方法的源码，阅读全文

posted @ 2021-03-30 15:54 张森ZS 阅读(39) 评论(0) 推荐(0) 编辑

解决在 CSS 中，如何实现动态吸顶的样式/效果？

摘要：解决方法：使用 position: sticky 做了一个动态吸顶的效果：举例如下： 1 未向上滚动页面之前： 2 向上滚动页面之后：这样， “This is tab main”部分的元素，可以一直保持在页面窗口的顶部。 3 具体代码：这个使用的代码其实就是 position: sticky, 阅读全文

posted @ 2021-03-09 14:38 张森ZS 阅读(885) 评论(0) 推荐(0) 编辑

Angular 初始化项目后，如何把默认的 .css 文件修改为 .scss 文件？

摘要：问题：下图是初始化后的项目。项目里面的样式文件是 .css 文件，想把 .css 修改为 .scss 应该如何处理呢？解决方法：执行如下命令： find . -name "*.css" -exec bash -c 'mv "$1" "${1%.css}".scss' - '{}' \; 然后就会看阅读全文

posted @ 2021-03-02 14:47 张森ZS 阅读(211) 评论(0) 推荐(0) 编辑

解决 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 张森ZS 阅读(944) 评论(0) 推荐(0) 编辑

在 Angular 项目中，如何为项目单独创建路由文件？

摘要：使用 Angular Cli 创建一个项目时，如果不加任何的后缀参数，那么生成的项目默认是没有路由模块的。那么，如何让创建的 Angular 项目有路由模块/路由文件呢？两个办法： 1 在最开始创建项目的时候，带上参数： --routing=true|false 2 如果已经创建好了项目，不想删除阅读全文

posted @ 2021-03-01 15:09 张森ZS 阅读(220) 评论(0) 推荐(0) 编辑

导航

公告