Loading [MathJax]/jax/output/CommonHTML/config.js
前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >最近项目遇到问题总结

最近项目遇到问题总结

作者头像
吴裕超
发布于 2020-03-18 07:33:48
发布于 2020-03-18 07:33:48
45700
代码可运行
举报
文章被收录于专栏:吴裕超吴裕超
运行总次数:0
代码可运行

1、ios弹窗输入框,关闭后,页面顶上去不恢复的问题

解决方法:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
function temporaryRepair() {
      const that = this;
      const windowFocusHeight = window.innerHeight;
      if (that.windowHeight === windowFocusHeight) {
        return;
      }
      let currentPosition;
      const speed = 1; // 页面滚动距离
      currentPosition = document.documentElement.scrollTop || document.body.scrollTop;
      currentPosition -= speed;
      window.scrollTo(0, currentPosition); // 页面向上滚动
      currentPosition += speed; // speed变量
      window.scrollTo(0, currentPosition); // 页面向下滚动
    }

2、输入框限制输入长度,输入emoj表情无法正确计数问题

解决办法:将emoj表情统一处理为一个长度

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
function  descInput() {
      // 让emoj表情的长度变成1 核心代码是下面2行,其他为业务代码
      const regexAstralSymbols = /[\uD800-\uDBFF][\uDC00-\uDFFF]/g;
      const len = this.info.reason.replace(regexAstralSymbols, '_').length;
      console.log('输入内容长度1', len);
      if (len === this.maxCount) {
        this.tipTxt = this.overLangTxt;
        this.isTipsShow = true;
      }
      this.info.reason = this.info.reason.slice(0, 200);
    },
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2020-03-03 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
分享 8 个比较实用的代码片段
几乎所有的网站都有存在,因为它可以让用户更方便地使用功能。但令人难以置信的是,只需要 6 行有效代码就可以做到这一点。
前端达人
2023/02/17
3360
分享 8 个比较实用的代码片段
Selenium 处理滚动条
当页面上的元素超过一屏后,想操作屏幕下方的元素,是不能直接定位到,会报元素不可见的。这时候需要借助滚动条来拖动屏幕,使被操作的元素显示在当前的屏幕上。滚动条是无法直接用定位工具来定位的。selenium 里面也没有直接的方法去控制滚动条,这时候只能借助 J 了,还好 selenium 提供了一个操作 js 的方法:execute_script(),可以直接执行 js 的脚本
小小杰啊
2022/12/21
2.5K0
分享 10 个前端开发者需要知道的 JS 技巧
英文 | https://javascript.plainenglish.io/as-a-front-end-engineer-10-javascript-tricks-and-tips-you-should-know-about-6f4df0082407
前端达人
2022/11/25
4560
分享 10 个前端开发者需要知道的 JS 技巧
前端 实战项目·优雅实现 BackTop
BackTop 即滚动到页面顶部,是很多网站都会用到的基础功能,实现方法很多,Github 上也有许多优秀的三方库,如 smooth-scroll,但如何优雅实现也是一门学问。
数媒派
2022/12/01
6200
【前端三分钟】锚点自动跟随滚动定位
最近看到写 “锚点自动跟随滚动定位”的方法,大都是基于JQ,或者是第三方。 所以,进行给出使用原生JS的写法。 什么都不说了,直接上代码(使用模块模式方式):
前端修罗场
2023/10/07
5320
简化你的工作,7 种常用的 JS 代码片段
日常开发中,我们经常会用到很多通用的 JS 代码,比如:复制内容、从 URL 中获取指定参数 等
老K博客
2024/05/28
990
36个工作中常用的JavaScript函数片段
文章同步持续更新,往期文章收录在https://github.com/Wscats/art...
wscats
2022/05/05
5030
32个手撕JS,彻底摆脱初级前端(面试高频)
作者:洛霞 https://juejin.im/post/6875152247714480136
前端达人
2020/11/11
1.9K0
32个手撕JS,彻底摆脱初级前端(面试高频)
JavaScript 有个 Unicode 的天坑
最近笔者在项目中遇到了emoji表情的处理,期间发现js处理多字节字符时会有较多坑,记录一下与各位分享。
疯狂的技术宅
2019/03/28
1.1K0
20道高频前端手写题(有答案)
类的继承在几年前是重点内容,有n种继承方式各有优劣,es6普及后越来越不重要,那么多种写法有点『回字有四样写法』的意思,如果还想深入理解的去看红宝书即可,我们目前只实现一种最理想的继承方式。
ccAllen23
2022/07/29
7960
移动端那些戳中你痛点的软键盘问题及解决方法
在ios手机中,当页面中包含有输入框时,点击输入框,键盘弹起,会让页面中被fixed的元素失效。所以造成了底部吸底和顶部吸顶的元素错位的问题。下面的视频中就出现了这个问题,吸顶元素被推到可视区之外去了,而吸底元素也被推到了键盘之上。
wade
2021/05/28
9.2K0
移动端那些戳中你痛点的软键盘问题及解决方法
127个常用的JS代码片段,每段代码花30秒就能看懂(五)
按照指定的长度生成字符串,如果字符串不够,可以按照设定的字符串内容在左右两边进行填充,默认空格为填充字符。
前端达人
2020/03/03
4900
H5页面前端开发常见的兼容性问题解决方法
问题描述:input输入框光标,在安卓手机上显示没有问题,但是在苹果手机上当点击输入的时候,光标的高度和父盒子的高度一样,看起来很怪异。例如下图,左图是正常所期待的输入框光标,右边是IOS的 input 光标。
越陌度阡
2022/05/06
3K0
H5页面前端开发常见的兼容性问题解决方法
精心收集的 48 个 JavaScript 代码片段,仅需 30 秒就可理解
该项目来自于 Github 用户 Chalarangelo,目前已在 Github 上获得了 5000 多Star,精心收集了多达 48 个有用的 JavaScript 代码片段,该用户的代码可以让程序员在 30 秒甚至更少的时间内理解这些经常用到的基础算法,来看看这些 JavaScript 代码都传达出了什么吧! Anagrams of string(带有重复项) 使用递归。对于给定字符串中的每个字母,为字母创建字谜。使用map()将字母与每部分字谜组合,然后使用reduce()将所有字谜组合到一个
前端教程
2018/03/05
2.1K0
精心收集的 48 个 JavaScript 代码片段,仅需 30 秒就可理解
JS滑动滚动的n种方式
scrollIntoView对页面元素调用,会滚动元素的父容器,将该元素滚动到浏览器的可视区域
源心锁
2022/08/12
7K0
JS滑动滚动的n种方式
收藏吧 || ES6 方法,用来解决实际开发的JS问题(一)
“ 关注 前端开发社区 ,回复 '领取资源',免费领取Vue,小程序,Node Js,前端开发用的插件以及面试视频等学习资料,让我们一起学习,一起进步
前端老道
2020/05/30
5900
收藏吧 || ES6 方法,用来解决实际开发的JS问题(一)
【技巧】JS代码这么写,前端小姐姐都会爱上你
想当年本狗赤手空拳打入前端阵地,就是想通过技术的制高点来带动前端妹子。奈何时不待我,前端妹子成了稀有资源,只剩下抠脚大汉前端大叔。
JavaDog程序狗
2024/09/29
2710
【技巧】JS代码这么写,前端小姐姐都会爱上你
前端开发技巧:Vue 项目中如何实现全局和局部禁止input输入框输入 Emoji 的最佳实践
在现代前端开发中,限制输入框禁止输入 Emoji 表情符号 是一项常见而重要的需求,尤其在需要高数据质量的场景中(如用户注册、表单提交、内容发布、后台管理等)。Emoji 的存在可能会导致数据库存储问题、前后端解析错误,甚至影响用户体验。因此,确保输入框的内容符合预期显得尤为关键。
猫头虎
2024/11/28
3950
前端开发技巧:Vue 项目中如何实现全局和局部禁止input输入框输入 Emoji 的最佳实践
iOS微信浏览器input聚焦导致页面上移,不能恢复的解决方法
H5页面在iOS系统微信浏览器中,input focus 聚焦时页面会被上推,导致页面整体上移。blur 失焦后不能恢复,再次点击 input 时没反应,不能聚焦,无法输入内容,这时候需要滑动一下页面才能恢复正常。
德顺
2020/03/05
3.4K0
iOS微信浏览器input聚焦导致页面上移,不能恢复的解决方法
利用Vue自定义指令让你的开发变得更优雅
前段时间在用框架开发H5页面时,碰到框架中的组件内置了一个属性用于适配异形屏,虽然是组件内部实现的,但这个方式让我萌生一个想法:能不能自己写一个属性来实现这样的功能?
茶无味的一天
2022/10/05
4470
利用Vue自定义指令让你的开发变得更优雅
推荐阅读
相关推荐
分享 8 个比较实用的代码片段
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验