box-shadow
和 drop-shadow
都是用于给元素创建阴影的 CSS 属性,但它们之间存在一些区别。
box-shadow
用于在元素的边界框(包括内容、内边距和边框)周围创建阴影效果。可以设置阴影 的颜色、模糊半径、水平和垂直偏移量等参数。阴影受到元素的边界框限制,
即使元素的内容或边框超出边界框,阴影也不会超出。以下是一个示例:
box-shadow
box-shadow: 2px 2px 5px #888888;
box-shadow
和 drop-shadow
都是用于给元素创建阴影的 CSS 属性,但它们之间存在一些区别。
box-shadow
用于在元素的边界框(包括内容、内边距和边框)周围创建阴影效果。可以设置阴影 的颜色、模糊半径、水平和垂直偏移量等参数。阴影受到元素的边界框限制,
即使元素的内容或边框超出边界框,阴影也不会超出。以下是一个示例:
box-shadow: 2px 2px 5px #888888;
现在我的网站代码发布的流程是这样的:
从持续集成的自动化角度看,目前还远远不是最优方案,但是经过慢慢探索,尽量减少开发到发布过程中人为参与的部分,就 很满意了。
今天突然想把手动执行 shell 脚本这一步也干掉,我采用的是通过定时任务每隔半小时执行一次脚本,虽然还不能做到精准的推送代码到远程分支就立马触发线上发布,但对于自己的 个人网站项目目前自动化程度也还是可以接受的,没必要搞一大堆高大上的工具来辅助。
前端的技术框架层出不穷,各种生态衍生的库更是多到让人眼花缭乱,光是看着这些名字就一时让人分不清谁是干什么的。
这与 JavaScript 这门语言的广泛的应用有关,由它衍生出的运行时环境就有 Node.js 和各种浏览器的内核例如:Chrome V8,然后随着各种运行时环境中发展出来的应用场景 衍生出来的技术框架。有专门应用于服务端的和客户端的技术,同时也有支持服务端渲染的。
基本上前端框架就是围绕着 Vue 和 React 两大生态,它们两者互相借鉴,又各具特色和优势。
这不最近我就错把 Nest 当做 Next ,被两者的学习资料搞混淆了。