![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
斯诺伐克
这个作者很懒,什么都没留下…
展开
-
前端开发技术难点汇总(六)
swiper 频繁切换页面 轮播失效或者滑动异常解决mySwiper.destroy(false); 离开页面注销swiperh5点击背景ios会闪一下CSS -webkit-tap-highlight-color: transparent;正则判断空格,多次换行 文本框是不是为空replace(/\s+|[\r\n]/g, “”);h5 input 调起相机和相机 操作完拿不到图片调用前将input value值清空,否则@change有时接受不到值无障碍识别将img,div等内容识别.原创 2020-09-18 11:12:18 · 1579 阅读 · 0 评论 -
IOS和安卓的兼容性 (二)
1.iOS手机将数字自动识别为电话,变成蓝色,有下划线 <meta name="format-detection" content="telephone=no"> 安卓识别邮箱,禁止跳转 <meta name="format-detection" content="email=no" />2.iOS延迟聚焦setimeout失效 暂时未有好的解决方法3....原创 2020-04-15 17:07:45 · 182 阅读 · 0 评论 -
前端开发技术难点汇总(五)
1.汉字排序 arr.sort(function compareFunction(a,b) { return a.localeCompare(b,'zh') }) // 多个汉字排序不太准2. iOS 部分机型 边框显示不全, 异常:父容器宽度÷2的值为偶数或偶数.5的时候会出现该bug 解决:将宽度设为奇数或奇数.53. 三角形 border-right: ...原创 2020-02-14 17:11:16 · 1074 阅读 · 0 评论 -
前端开发技术难点汇总(四)
1.禁止物理返回键history.pushState(null,null,document.URL);window.addEventListener('popstate',mo,{passiive:false}) // mo 执行的操作window.removeEventListener('popstate',mo,{passiive:false})2.watch和computedw...原创 2020-01-21 15:30:51 · 493 阅读 · 0 评论 -
前端开发技术难点汇总(三)
1.每隔数位添加字符// 每隔三位数加 ',' FormatNum(str) { var num = "" + str var newNum = "" var count = 0 if (num.indexOf(".") == -1) { for (var i = num.length - 1; i >=...原创 2020-01-21 15:08:18 · 571 阅读 · 0 评论 -
键盘,页面滑动
弹起键盘,页面不滑动var mo = function(e){ e.preventDefault();} var u = navigator.userAgent; var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端 var isiOS = ...原创 2020-01-05 20:31:09 · 316 阅读 · 0 评论 -
前端开发技术难点汇总(二)
1.采用rem单位画圆,圆会变形为方形,解决:1.采用px单位,2.transform:scale()2.input光标的高度无文字时随input的高度,有文字时随文字的大小原创 2019-12-15 19:28:27 · 1389 阅读 · 0 评论 -
前端开发技术难点汇总(一)
1.vue组件在main.js中引用组件不起效果时,可直接在页面引用 import引用2.在vue中使用scroller组件,上拉加载时内容虽然会会弹,但底部会留有一段空白未完全会弹,在源文件中修改,vue-scroller/src/module/render.js文件修改translate3d,将top的数值减少一些3.iOS手机将数字自动识别为电话,变成蓝色,有下划线,在head中添加...原创 2019-12-01 21:18:10 · 3859 阅读 · 0 评论 -
前端开发的问题 (一)
1.input type=“number”删除小数点后的数字,光标会跑到小数点的前面解决:应用type=“tel”2.文本域textarea高度的自适应解决:获取dom节点,应用方法,scrollHeight 默认值15autoTextAreaHeight(o) { //o.style.height = o.scrollTop + o.scrollHeight + "px"...原创 2019-05-14 17:38:23 · 350 阅读 · 0 评论 -
Number、parseInt、parseFloat
Number 效果与隐式转换效果类似,能够转换整数'80',也能转换浮点数'80.9',以及空字符串''; 但是 如果字符串如果不符合数字规则,那么返回NaN;parseInt一个一个字符识别,直到有一个字符不是数字结束;其中(.)也不识别,即ParseInt只识别整数parseFloat一个一个字符识别...原创 2019-04-25 09:54:34 · 92 阅读 · 0 评论 -
前端 正则限制input输入
小数点后两位 e.target.value = (e.target.value.match(/^\d*(\.?\d{0,2})/g)[0]) || null输入数字 不可小数e.target.value=e.target.value.replace(/[^\d]/g,'');原创 2019-04-24 17:11:36 · 591 阅读 · 0 评论 -
前端 鼠标位置的获取
pageX,pageY,screenX,screenY,clientX,和clientY返回一个数,其指示物理“CSS像素”的数量的点是从参考点。事件点是用户单击的位置,参考点是左上角的一个点。这些属性返回该参考点的水平和垂直距离。1、pageX和pageY:相对于浏览器中完全呈现内容区域的左上角。此参考点位于左上角的URL栏和后退按钮下方。这一点可以在浏览器窗口中的任何位置,并且如果在页面中...原创 2019-04-04 10:45:30 · 1740 阅读 · 0 评论 -
前端 rem
px2rem的原理也很简单,重点在于预处理以px为单位的css文件,处理后将所有的px变成rem单位。可以通过两种方式来实现:1) webpack loader的形式:npm install px2rem-loader在webpack的配置文件中:module.exports = { // ... module: { rules: [{ test: /\.cs...原创 2019-03-17 09:07:18 · 633 阅读 · 0 评论 -
前端 跨域
前言原文地址:前端跨域总结博主博客地址:Damonare的个人博客相信每一个前端er对于跨域这两个字都不会陌生,在实际项目中应用也是比较多的。但跨域方法的多种多样实在让人目不暇接。老规矩,碰到这种情况,就只能自己总结一篇博客,作为记录。正文1. 什么是跨域?跨域一词从字面意思看,就是跨域名嘛,但实际上跨域的范围绝对不止那么狭隘。具体概念如下:只要协议...转载 2019-03-14 19:35:18 · 142 阅读 · 0 评论