摘要:
伪类与伪元素都是用于向选择器加特殊效果 伪类与伪元素的本质区别就是是否抽象创造了新元素 伪类只要不是互斥可以叠加使用 伪元素在一个选择器中只能出现一次,并且只能出现在末尾 伪类与伪元素优先级分别与类、标签优先级相同 阅读全文
posted @ 2023-06-20 19:37
jialiangzai
阅读(7)
评论(0)
推荐(0)
摘要:
npm install node-sass --save-dev //安装 node-sass npm install sass-loader --save-dev //安装 sass-loader npm install style-loader --save-dev //安装 style-loa 阅读全文
posted @ 2023-06-20 19:37
jialiangzai
阅读(68)
评论(0)
推荐(0)
摘要:
当绝对定位和固定定位参照物都是浏览器窗口时的区别: 当出现滚动条时,固定定位的元素不会跟随滚动条滚动,绝对定位会跟随滚动条滚动 这句话也是做在下拉组件的时候滚动页面,下拉列表并没有滚动后来也是处理了一下 阅读全文
posted @ 2023-06-20 15:45
jialiangzai
阅读(75)
评论(0)
推荐(0)
摘要:
通用方案 1、设置根 font-size:625%(或其它自定的值,但换算规则 1rem 不能小于12px)2、通过媒体查询分别设置每个屏幕的根 font-size 3、CSS 直接除以 2 再除以 100 即可换算为 rem 优:有一定适用性,换算也较为简单 劣:有兼容性的坑,对不同手机适配不是非 阅读全文
posted @ 2023-06-20 15:31
jialiangzai
阅读(258)
评论(0)
推荐(0)
摘要:
 阅读全文
posted @ 2023-06-20 15:21
jialiangzai
阅读(95)
评论(0)
推荐(0)
摘要:
原理:HTML5 的离线存储是基于一个新建的.appcache 文件的缓存机制(不是存储技术),通过这个文件上的解析清单离线存储资源,这些资源就会像 cookie 一样被存储了下来。之后当网络在处于离线状态下时,浏览器会通过被离线存储的数据进行页面展示 如何使用: 1、页面头部像下面一样加入一个 m 阅读全文
posted @ 2023-06-20 14:47
jialiangzai
阅读(114)
评论(0)
推荐(0)
摘要:
!Important>行内样式>ID 选择器>类选择器>标签>通配符>继承>浏览器默认属性 阅读全文
posted @ 2023-06-20 14:39
jialiangzai
阅读(88)
评论(0)
推荐(0)
摘要:
1、transform:描述了元素的静态样式,本身不会呈现动画效果,可以对元素进行旋转rotate、扭曲 skew、缩放 scale 和移动 translate 以及矩阵变形 matrix。 transition 和 animation 两者都能实现动画效果 transform 常常配合 trans 阅读全文
posted @ 2023-06-20 12:13
jialiangzai
阅读(121)
评论(0)
推荐(0)
摘要:
1、cookie 这个存储用了很久了,而且也是以前大多网站十分喜欢的存储站点。但是也很容易被清除。同时 cookie 会在每一次通信过程中传向服务端。同时 cookie 有一个很好的地方就是,它本身有一个过期时间属性,可以用来标注一个变量的有效期。而cookie 一旦过期就会被自动删除掉 2、loc 阅读全文
posted @ 2023-06-20 12:04
jialiangzai
阅读(128)
评论(0)
推荐(0)
摘要:
共同点:都是保存在浏览器端、且同源的 区别: 1、cookie 数据始终在同源的 http 请求中携带(即使不需要),即 cookie 在浏览器和服务器间来回传递,而 sessionStorage 和 localStorage 不会自动把数据发送给服务器,仅在本地保存。cookie 数据还有路径(p 阅读全文
posted @ 2023-06-20 12:02
jialiangzai
阅读(130)
评论(0)
推荐(0)
摘要:
H5 新特性 1、拖拽释放(Drap and drop) API ondrop 拖放是一种常见的特性,即抓取对象以后拖到另一个位置 在 HTML5 中,拖放是标准的一部分,任何元素都能够拖放 2、自定义属性 data-id 3、语义化更好的内容标签(header,nav,footer ,aside, 阅读全文
posted @ 2023-06-20 11:50
jialiangzai
阅读(283)
评论(0)
推荐(0)