![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javascript
THINK_OF_
这个作者很懒,什么都没留下…
展开
-
解决chrome下password输入框记录密码问题
查了网上说的很多方法比如autoComplete="new-password",autoComplete="off",隐藏input标签都没起效果,可能是我代码的问题,就自己处理了一下,不嫌麻烦的可以试下这里代码是以react项目为例// render中的Input组件<Input value={this.state.newPwdConfirm} type="password" id="newPwdConfirm" readOnly onChange={this.changeP.原创 2021-02-04 11:31:04 · 856 阅读 · 0 评论 -
关于移动端的文本框获取焦点时导致fixed或absolute定位的按钮被手机键盘顶上去的问题
Write By Monkeyfly以下内容均为原创,如需转载请注明出处。前提当在安卓手机上访问如图1所示的页面时,会出现如图2所示的现象。【苹果手机并不会出现该现象】 即当文本框(指input或textarea)获取焦点时,手机自带的键盘会被唤起并且弹出来。 此时,就会导致一个问题:处于absolute(绝对)定位或fixed(固定)定位...转载 2018-09-29 11:42:18 · 1355 阅读 · 0 评论 -
标签模板字面量ES6小知识
1.function foo (strings, ...values) {console.log(strings)console.log(values)}const des = 'description'执行 foo `hello world ${des} !`输出:["hello world ", " !", raw: Array(2)]['description'...原创 2018-12-14 15:12:35 · 250 阅读 · 0 评论 -
解决ios部分手机键盘弹起导致input无法聚焦的bug
环境:微信浏览器场景:我们的登录页面,两个输入框,点击获取验证码,弹出一个弹层,弹层采用fixed布局,弹层元素是输入框来输入验证码的问题:点击弹层input获取焦点后,键盘自动弹起,把页面顶起来了,当点击弹层中处input外区域,键盘自动收起,弹层输入框恢复原位,但是无法聚焦,形成一个bug测试:测试过程中发现键盘收起后的输入框无法聚焦,但是在之前被键盘顶起来的位置点击居然有效,键盘...原创 2018-12-10 13:59:26 · 7230 阅读 · 3 评论 -
scrollIntoView动画效果
版权声明:我写的你不能转载,但是你可以复制啊。复制记得加关注啊(迷之微笑)。 https://blog.csdn.net/quhongqiang/article/details/84664285 </div> <link rel="stylesheet" href="https://csdnimg.c...转载 2018-12-29 14:12:17 · 1461 阅读 · 0 评论 -
Nodejs正则表达式函数之match、test、exec、search、split、replace使用详解
Nodejs正则表达式函数之match、test、exec、search、split、replace使用详解 1. Match函数使用指定的正则表达式函数对字符串惊醒查找,并以数组形式返回符合要求的字符串原型:stringObj.match(regExp)参数:stringObj 必选项,需要去进行匹配的字符串RegExp 必选项,指定的正则...转载 2019-03-13 10:17:28 · 752 阅读 · 0 评论 -
浅谈axios
简单讲些axios的简单应用,具体使用可以参考axios中文文档https://www.kancloud.cn/yunye/axios/234845const Axios = require('axios')1.这是文档指出的axios的支持的调用方法:axios.request(config)axios.get(url[, config])axios.delete(url[,...原创 2019-06-20 19:57:10 · 293 阅读 · 0 评论 -
简单路由的实现
1.hash路由原理:就是监听浏览器的hashchange事件,通过动态设置location.hash或者锚点的方式来改变hash值,让页面内的视图发生变化<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" ...原创 2019-06-20 20:44:39 · 365 阅读 · 0 评论 -
实现一个简单的柯里化函数
//基础函数 const sum = (a, b, c) => { return [a,b,c] }ES5写法/**cb为调用的函数,lens为最多接受的参数长度,array为初始的参数*/const curry = (cb, lens, array) => { array = array || [] return function name...原创 2019-07-11 09:56:36 · 420 阅读 · 0 评论 -
Array(20)与Array.apply(null, {length: 20})的区别
起因:看vue官方文档的时候,发现有段代码是Array.apply(null,{length:20}).map(() => {})这样的解释:这段代码按照表面理解肯定是循环一个20长度的数组,返回一个新的20位数组思考:1.为什么写Array.appply(null, {length:20})而不是写Array(20)?2.xxx.apply(a,b) 这个b不应该是个数组么?为...原创 2018-08-13 09:32:01 · 712 阅读 · 0 评论 -
持续记录前端开发中小坑
1.js区分pc端还是移动手机端 这个正则匹配百度一搜一大堆,基本没啥问题,都是通过naviagtor.userAgent做正则匹配判断的 坑:华为荣耀v8自带浏览器,魅族手机自带浏览器匹配不上(我复制的那个正则匹配不了) 分析:pc端->userAgent->"Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537....原创 2018-03-14 16:03:45 · 223 阅读 · 0 评论 -
常见的ES6转码(编译)工具——Babel转码器、Traceur转码器
在浏览器里面如何使用?现在ES6的使用也是一个新趋势,下面就来讲解转码的常见方法当ES6不兼容时,需要用到转码工具1.Babel转码器:Babel是一个广泛使用的ES6转码器,可以将ES6代码转为ES5代码,从而在现有环境执行。这意味着,你可以用ES6的方式编写程序,又不用担心现有环境是否支持。// 转码前input.map(item => item + 1);// 转码后input.map...转载 2018-03-19 16:06:31 · 443 阅读 · 0 评论 -
浅述上传资源文件
本文章适合初学者或者对上传资源文件逻辑不熟的伙伴们借鉴,大神勿喷!需求:上传图片需要考虑的问题:多张图片的上传是异步的,然而你并不知道什么时候全部上传完成实现1: 我们都知道文件使用new FormData()方式上传var formDate=new FormData();formData.append('file',file);formData.append('f原创 2018-02-05 13:23:15 · 309 阅读 · 0 评论 -
js中各种宽高以及位置总结
只读属性1.clientHeight与clientWidth指的是元素的可见宽高,padding+content注意:如果出现滚动条,就需要减去滚动条的宽度或者高度例如:元素宽高都是200px;overflow:auto;当内容超出会出现垂直滚动条,这时clientWidth就会小于200px; 2.offsetHeight和offsetWidth指的是元素bord原创 2018-02-05 15:13:28 · 651 阅读 · 0 评论 -
最全的常用正则表达式
最全的常用正则表达式大全一、校验数字的表达式数字:^[0-9]*$n位的数字:^\d{n}$至少n位的数字:^\d{n,}$m-n位的数字:^\d{m,n}$零和非零开头的数字:^(0|[1-9][0-9]*)$非零开头的最多带两位小数的数字:^([1-9][0-9]*)+(.[0-9]{1,2})?$带1-2位小数的正数或负数:^(\-)?\d+(\.\d{1,2})?$正数、负数、和小数:^(...转载 2018-02-26 10:58:13 · 201 阅读 · 0 评论 -
iframe.contentWindow 介绍
父页面parent.html<body> <div id="parent">parent</div> <iframe id="ifr" src="child.html"></iframe></body>子页面child.html<body>原创 2018-03-07 18:02:37 · 975 阅读 · 0 评论 -
移动端H5多平台分享实践
点击打开链接转载 2018-03-01 16:34:28 · 1175 阅读 · 0 评论 -
insertAdjacentHTML方法详解
添加HTML内容与文本内容以前用的是innerHTML与innerText方法,最近发现还有insertAdjacentHTML和 insertAdjacentText方法,这两个方法更灵活,可以在指定的地方插入html内容和文本内容。 insertAdjacentText方法与 insertAdjacentHTML方法类似,只不过只能插入纯文本,参数相同方法名称:insertHtml(where...转载 2018-03-01 16:46:10 · 400 阅读 · 0 评论 -
url中的转义字符“+”和空格
问题:今天测试跑来找我说,h5分享页面打开没数据,我打开自己的小米手机看了看是好的,然后他拿的iphone测试机打开就是没数据为了一探究竟,我在页面上加上了移动端调试vConsole(没用过的可以看我前面的文章),发现在ipnone请求报了500错误。我马上想到参数的问题,对比了一下参数: 安卓浏览器地址栏url:域名?sharePage=a+b, ...原创 2018-02-24 16:30:22 · 4592 阅读 · 0 评论 -
持续更新一些有趣的js题
1.var a=function a(){ a=1; return a;}console.log(a())//返回function a(){a=1;return a;}稍微看了一下资料,这种函数表达式和函数声明同时存在的时候,这个函数a是immutable型的,即不可改变的。故设置a=1无效;有兴趣可以试试只用一种方式定义函数,我试了,结果都是返回12.function a(){}()...原创 2018-03-12 10:48:16 · 523 阅读 · 0 评论 -
trigger和triggerHandler的使用
trigger:1.可以用来触发事件.1 input id="guoyansi" value="单击" type="button" />1 $(function(){2 $("#guoyansi").click(function(){3 alert("点我干嘛");4转载 2018-02-02 17:39:10 · 709 阅读 · 0 评论