经验总结

记录日常工作生活中遇到的问题,技术和知识点
经验总结

Astro网站部署到GitHub Pages踩坑记录

1

Deshun 发布于 3年前 (2023-03-17) 1649℃ 评论(0) 赞 (0)

Astro网站部署到GitHub Pages踩坑记录

最近心血来潮,搭建了一个笔记网站,用的是 Astro React 模板,部署到 GitHub Pages,提交代码自动部署发版。我是从阮一峰老师一篇文章评论中了解到 Astro 的,看了下官网的介绍,好像还不错,对于有一定编码基础的人来说上手很快。不过在部署过程中也踩了不少坑,简...

经验总结

我整理了近50个VS Code插件,Bug输出更快了

Deshun 发布于 3年前 (2023-02-28) 3226℃ 评论(0) 赞 (0)

工作之余,我整理了近50个 VS Code 插件,其中有一部分已经内置了,但不知道他们是用来干啥的。通过这篇文章,可以大致知道这些插件的作用,用不到的可以把他们移除, VS Code 变得更快了。Auto Close Tag自动添加 HTML/XML 结束标记,与 Visual Studio IDE 或 Sublime Text 类似。Auto Import自动查找、解析并提供所有可用导入的代码操...

经验总结

And Design5 360安全浏览器样式错乱问题解决

2

Deshun 发布于 3年前 (2023-01-30) 2447℃ 评论(0) 赞 (1)

And Design5 360安全浏览器样式错乱问题解决

在项目开发中,客户反映页面样式错乱问题,经查是 360安全浏览器,使用了较老的 Chrome 内核所致。antd5 使用了很多比较新的 CSS 选择器,而 Chrome 内核 87 以下不支持很多现代 CSS Selector。导致了项目中的样式错乱...

经验总结

React map 逗号的解决方法

Deshun 发布于 4年前 (2022-08-16) 1575℃ 评论(0) 赞 (3)

使用 map() 插入 DOM 时返回的数组因为拼接 += 调用了 toString() 方法,数组结构 [1, 2, 3] 里面的逗号也会被带上,就变成了 1, 2, 3 循环输出到 DOM了。解决方法使用 join() 可以切开一个数组,指定要使用的分隔符。如果省略该参数,则使用逗号作为分隔符。arr.map((item)=>{   return item...

经验总结

Flex弹性布局元素被挤压变扁问题解决

1

Deshun 发布于 4年前 (2022-07-05) 2060℃ 评论(0) 赞 (0)

Flex弹性布局元素被挤压变扁问题解决

像这种,如果子元素的宽度过大,就会出现被挤扁的情况,不能显示实际的宽度。解决方法:有一个 flex-shrink 属性,可以解决元素被挤压的问题。flex-shrink 属性指定了 flex 元素的收缩规则。flex 元素仅在默认宽度之和大于容器的时候才会发生收缩,其收...