深入理解z-index的工作原理和应用技巧
前言 最近参与某前端项目架构改造,发现项目中滥用z-index,设置的值有几十种并且不统一。在对项目的z-index进行梳理和统一过程中也深入学习了一下z-index,并撰写成文,希望也能帮助到陌生的你。 1、z-index z-index属性是什么?这里可参考MDN: z-index 属性设定了一个定位元素及其后代元素或 flex 项目的 z-order。当元素之间重叠的时候,z-in
Html/CSS 2023年07月11日 146
前言 最近参与某前端项目架构改造,发现项目中滥用z-index,设置的值有几十种并且不统一。在对项目的z-index进行梳理和统一过程中也深入学习了一下z-index,并撰写成文,希望也能帮助到陌生的你。 1、z-index z-index属性是什么?这里可参考MDN: z-index 属性设定了一个定位元素及其后代元素或 flex 项目的 z-order。当元素之间重叠的时候,z-in
Html/CSS 2023年07月11日 146
历时一年多,我也体验了不少的静态博客托管服务了,这里进行一下对比吧。主要列举一下优缺点,所有的内容基于该平台免费版,并且不添加任何增值服务的情况。 速度体验基于浙江电信的个人测试结果。 GitHub Pages 速度:尚可,并不很慢,但有时候会抽风。 自定义域名:一个。 限制: 单个文件大于50MB将受到警告。 单个文件大于100MB无法上传。 仓库大小「强烈建议」少于5GB。 每小时可构建10
React 2023年07月11日 162
鼠标经过时,元素整体放大,代码如下: .tc>div>ul>li { display: inline-block; vertical-align
Html/CSS 2023年07月11日 130
Html/CSS 2023年07月11日 113
一、变量 所有变量以$开头 $font_size: 12px; .container{ font-size: $font_size; } 如果变量嵌套在字符串中,需要写在#{}中 $side : left; .rounded { border-#{$side}: 1px solid #000; } 二、嵌套 层级嵌套 .co
Html/CSS 2023年07月11日 143
前言 JSON(JavaScript Object Notation)是一种轻量级的数据交换格式。它基于 ECMAScript(European Computer Manufacturers Association, 欧洲计算机协会制定的js规范)的一个子集,采用完全独立于编程语言的文本格式来存储和表示数据。简洁和清晰的层次结构使得 JSON 成为理想的数据交换语言。 易于人阅读
JS脚本 / PostgreSQL 2023年07月11日 150
以下用NODEJS+NEO4J实现 var json = {}; var NODE = []; var LINK=[]; sql_snodes = “match (n) return
这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 界面无滚动条 滚动条的优化也有很多种,比如随便再网上搜索美化浏览器滚动条样式,就会出现些用css去美化滚动条的方案。 那种更好呢? 没有更好只有更合适 像默认的滚动条的话,他能让你方便摁着往下滑动(他比较宽)特别省劲,不用担心美化过后变细摁不到问题。 美化后的滚动条样式啊更贴合网站主题,让用户体验更好。 无滚动条(鼠标放上去后
Html/CSS 2023年07月11日 176
目录 前言 使用call和apply方法 使用bind方法 使用箭头函数 总结 前言 在JavaScript中,函数的作用域是非常重要的概念。根据默认的行为,函数只能访问
在移动端开发项目中,发现页面在使用 iPhone 访问的时候,点击 input 和 textarea 等文本输入框聚焦 focus() 时,页面会整体放大,而且失去焦点之后页面不能返回原来的样子。检查了下功能上没有什么大问题,但是页面会整体放大,而且失去焦点之后页面不能返回原来的样子。对于用户体验不是很好最后找到原因:苹果觉得点击输入框放大是一个“很好”的体验,就擅自把页面给放大了 可以看到底部
Html/CSS 2023年07月11日 134