前端踩过的坑（3）

最新推荐文章于 2022-07-08 18:31:04 发布
最新推荐文章于 2022-07-08 18:31:04 发布
阅读量200 收藏
点赞数
分类专栏： 前端 文章标签： z-index overflow z-index失效
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_35526165/article/details/98989262
版权

设置overflow:hidden后，显示部分出现混合

问题如下图，当我设置overflow:hidden后，通过jq设置鼠标滑入hidden更改成inherit显示数据，但是出现了混合，尝试了z-index却毫无作用
在这里插入图片描述

最后发现一个解决方法，添加position:relative;
在这里插入图片描述

搞定，而且z-index也有效了
在这里插入图片描述

jq获取textarea内容为空

用jq获取textarea时，无论输入什么，都没办法获取textarea的内容，最后发现一个无语的问题，原来是把获取内容的变量放在提交函数的外面，也就是说只获取到一开始的内容（即为空），无论之后你怎么输入都没有再获取。
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
修改后，
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

chent_某位
关注
专栏目录
前端开发中踩过的坑
weixin_43845328的博客
05-15 649
前言：为了能够加深和方便以后查阅，自己记录了一些我在开发中遇到的各种千奇百怪的bug。 即使代码虐我千万遍，我依旧带它如初恋。 javaScript代码开发中的细节 top变量在全局中声明报错 在全局中声明top变量会报错，是因为top已经在window中定义过，属于关键字系列。 let top = "无法使用"; console.log(top); // Uncaught SyntaxError: Identifier 'top' has already been declared onload事件.
前端大屏自适应踩过的坑
kgjfk的博客
09-20 634
自适应大屏项目踩过的坑
前端踩坑
ViVianWhere的博客
03-10 885
1、inline-block元素自带的4px边距 设置父元素font-size:0;letter-spacing:-4px; 然后设置子元素正常的font-size和letter-spacing; 2、移动端JS给页面设置scrollTop出现闪屏问题 给body加上属性：-webkit-overflow-scrolling: touch; 3、移动端ios浏览器/ios
前端踩过的坑
super_bigger的博客
05-20 426
1.关于对于一个异步的对象或者数组数据，直接在template里面使用该数据的子数据的属性会报错，但是视图不会影响。 2.对于类型判断的时候，如果我们直接使用结果会导致项目可读性不高，建议使用枚举来代替。 3.对于有些数据对请求回来的数据操作没有设置默认值，会导致报错例如 const length = array.array.length====>const length = array.array.length || 0 4.if else扁平化，if(){}else{}=====>if
那些移动端web踩过的坑
weixin_30699235的博客
05-02 162
原文链接：https://geniuspeng.github.io/2017/08/24/mobile-issues/扔了N久，还是捡回来了。好好弄一下吧。刚工作的时候挺忙的，后来不那么忙了，但是变懒了。这一年大多数时间都在在做移动端的东东，做了之后才发现，同样是web前端，移动端的坑真的是深不可测，各种各样的，只有想不到，没有遇不到。在这里把最近踩过的坑整理一下...
一个小程序开发者踩过的坑和脑子里进过的水！
03-29
一、我踩过的那些坑   1、很像页面   一个完整的小程序页面，是由wxml、wxss、js、json四个文件组成的。其中js和json文件都是我们所熟知的文件后缀，wxml和wxss则对应了网页前端的html和css文件，包括他们各自的...
微信小程序开发经验不踩过的坑
最新发布
07-15
- **技术栈**：选择合适的前端框架（如WXML、WXSS），以及后端技术栈（如Node.js）。 - **云服务**：腾讯云提供了丰富的云服务支持，如DNS解析、HTTPS支持、对象存储、CDN加速、云Redis、云数据库MySQL等，可以大大...
前端之这些天我所踩过的坑
02-18 368
1.未安装iview。 安装iview:cnpm install iview -S
前端踩过的那些坑————前端
陈嗯嗯的博客
11-14 166
1.vue的v-model v-model会影响其他连带的数值。 比如 this.data1=this.data2 //这data1是用了v-model data1['star']=5 //这时候。this.data2里的值也会变！！而且上面的关联再长点。还是会互相影响！ 解决： var data2= JSON.stringify(json.data2.v_items); that.data2= JSON.parse(data2) //转下字符串再转回来就可以脱离v-model的控制了。 2
前端踩过的坑（2）
qq_35526165的博客
08-04 228
你是否遇到这样的问题，给元素添加fadeIn、fadeOut后，当你的鼠标不断滑入滑出后，动画一直重复淡入淡出。 如： 当你不断滑入滑出后，即使你鼠标停下，动画还是不停重复 这时候可以通过stop停止动画 stop(stopAll,goToEnd) stopAll 可选。规定是否停止被选元素的所有加入队列的动画。 goToEnd 可选。规定是否允许完成当前的动画。该参数只能在设置了 stop...
前端踩坑及经验汇总
Storyc的博客
03-17 825
11. linux服务器使用pm2运行egg.js项目 项目根目录创建server.js文件，放入以下代码，执行命令 `pm2 start server.js --name egg-service` ```javascript // server.js const egg = require('egg'); const workers = Number(process.argv[2] || require('os').cpus().length); egg.startCluster({ worker
web开发前端踩坑
qq_35513792的博客
04-18 1351
web开发之中不论是前端还是后端都遇到了不少坑，在这记录下。前端踩坑：1.inline-block总会有间隙在前端布局的时候经常会有对齐的需要，inline可以用来对齐行级元素，而如果要对齐块级元素就要用到inline-block了，但是用了inline-block会发现的确对齐了，但是块与块之间总会有间隙，这是因为内联及内联块元素之间在HTML中写的换行或者空格会被解析，那么怎么解决这个问题呢？...
【建议收藏】90%的前端都会踩的坑，你中了吗？
lin123_00的博客
04-25 269
写在前面 移动开发时代，前端同学刚刚送别了让人头秃的IE浏览器，却发现憧憬已久的移动互联网时代并不是想象中那般美好。各种棘手的系统兼容问题和浏览器兼容问题怎么也让人高兴不起来。作为一名工作不足3年的前端程序媛，始终相信好记性不如烂笔头。每次在项目开发过程中踩到的坑，都习惯性地记录了下来。昨日一瞥竟积少成多，稍感诧异。因此分享出来，希望对大家能有所帮助。 我的web前端学习交流群点击进入104...
开始写博客，记录前端踩坑之旅
laishaojiang的博客
07-06 217
开始写博客，主要分享一些前端技术，记录平时碰到的问题。
前端开发问题集，以及一些踩过的坑，希望对你有帮助
前端进阶之路 | 中大厂、外企、国企内推 | 面试培训 | 简历修改
04-03 1578
总想沉淀开发过程中遇到的问题，避免重复的查询。希望这本问题集能减少你在遇到问题时在搜索引擎中漫无目的且耗时地搜索花费的时间，提升开发效率！ 处理二进制数据流并下载为excel文件（含乱码问题） tag：二进制数据流、XHR请求方式、下载文件、乱码处理 function postXHR(url,data) { var xhr = new XMLHttpRequest(); xh......
前端开发踩坑笔记（2022-07）
一只洒鹿
07-08 1104
最常用的 vue父子组件的传值，prop（父传子）和emit（子传父） 1. 父组件传值给子组件 父组件中的重要代码 2. 子组件传值给父组件 父组件中的重要代码： 2.el-table去掉首行的多选选项，使得只能单选 原本样式： 实现效果： 例1： 开发背景： 需要对申报力段进行限制 重要代码： 提交时的校验： 实现效果： 例2: 4. 自定义指令（v-enterNumber）只输入大于0的整数 使用场景：el-input 在vue项目中使用directive.js，里面注入自定义指
WEB开发过程中踩过的坑
汪博的专栏
12-20 386
以下为个人在日常开发过程中踩过的坑，以及相应的解决方法： 1.使用js进行金额计算事出现精度问题会导致有小数点的数据计算不准确。所以建议所有金额计算都以服务器端为准。
论nw.js的坑~~~感觉我所有的前端能遇到的坑都踩了一遍
06-09
但是，它确实有一些坑需要注意： 1. 版本问题：nw.js的各个版本之间可能存在兼容性问题，所以在开发过程中应该尽可能使用最新版的nw.js，并且避免使用过于老旧的版本。 2. 跨平台问题：由于nw.js是基于Chromium和...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值