css @scope介绍
今天介绍css @scope,从这个名字中就能看出来是跟作用域有关,没有现在css也支持这个写法了。 一直以来都是sass、less等手段来解决项目中css的作用域问题,现在可以试试css的原生支持效果。 看看下面的html、css代码: html <div> <a>链接1</a> <p> <a>链接2</a> </p> </div> <a>
今天介绍css @scope,从这个名字中就能看出来是跟作用域有关,没有现在css也支持这个写法了。 一直以来都是sass、less等手段来解决项目中css的作用域问题,现在可以试试css的原生支持效果。 看看下面的html、css代码: html <div> <a>链接1</a> <p> <a>链接2</a> </p> </div> <a>
icon icon用于设置网站的图标. html <link rel="icon" href="favicon.ico" /> 还可以设置不同的sizes。 apple-touch-icon 用于设置移动平台上的图标,该属性是苹果的私有属性,iPhone,iPad,iTouch的Safari浏览器可以通过添加到主屏幕按钮将网站添加到主屏幕上。 html
useSyncExternalStore是React 18提供的Hook,作用是将外部store的状态强制同步到react组件。 例子 jsx import React, {useSyncExternalStore} from 'react'; import ReactDOM from 'react-dom/client'; store let states =
最近将Mac系统升级到Ventura 13.4.1后发现python的默认版本为python3了,导致以前的旧项目在安装以来时报错,旧项目依赖的是python2。报错信息如下 shell gyp verb check python checking for Python executable "/usr/bin/python3" in the PATH gyp verb which su
收集一些有趣、实用,价值比较高的网站。
accent-color的作用 css的accent-color属性修改表单控件的颜色 目前支持的HTML元素如下: + 复选框:\<input type="checkbox"\> + 单选框: \<input type="radio"\> + 范围选择框:input type="range"\> + 进度条:\<progress\> 实际效果 具体什么意思看下面的示例:
由于node_modules日益增大的体积,电脑磁盘的压力与来越大,未来节约空间,在日常开发中慢慢切换为使用pnpm; pnpm有一个全局的store,项目中的node_modules/.pnpm使用硬连接的方式指向全局store。这篇[新一代包管理工具 pnpm 使用心得](https:zhuanlan.zhihu.com/p/546400909)可以了解pnpm。 本文主要介绍在
美剧 1. 绝命毒师 2. 风骚律师 3. 黑钱圣地 4. 毒枭 5. 火线 6. 瑞克和莫迪 7. 兄弟连 8. 太平洋战争 9. 双城之战 10. 赛博朋克:边缘行者 11. 老友记 12. 西部世界 13. 黑帆 14. 最后生还者 15. 黄石 16. 硅谷 17. 空战群英 18. 拾荒者统治 19. 行尸走肉 20. 降世神通 21. 信条 22. 盗梦空间 23. 苍穹浩瀚
1. 直接在网站根目录放favicon.ico文件,浏览器会自动获取该文件 2. 通过link标签设置,比如: html <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"> 可以设置不同的sizes html <link rel="shortc
如果获取不到网站的图标,通常有如下几种情况: 1. 站点没有设置图标<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">; 2. 网站的根目录下没有favicon.ico文件;如果是上面第1种情况,浏览器会自动到站点根目录下找favicon.ico文件,根目录下有favicon.ico文件就能获取到