摘要: 伪类与伪元素都是用于向选择器加特殊效果 伪类与伪元素的本质区别就是是否抽象创造了新元素 伪类只要不是互斥可以叠加使用 伪元素在一个选择器中只能出现一次,并且只能出现在末尾 伪类与伪元素优先级分别与类、标签优先级相同 阅读全文
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)
摘要: ![image](https://img2023.cnblogs.com/blog/2357003/202306/2357003-20230620152114586-661289661.png) 阅读全文
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)