2018年05月_莫小耿

08月 07月 06月 05月 04月 03月 02月 01月

转载如何用js得到当前页面的url信息方法

1，设置或获取对象指定的文件名或路径。alert(window.location.pathname) 2，设置或获取整个 URL 为字符串。alert(window.location.href);3，设置或获取与 URL 关联的端口号码。alert(window.location.port)4，设置或获取 URL 的协议部分。alert(window.location.p...

2018-05-30 10:45:49 3419

原创字符串反转

var str = 'abcdefgh';第一种split()方法将一个字符串对象的每个字符拆出来，并且将每个字符串当成数组的每个元素reverse()方法用来改变数组，将数组中的元素倒个序排列，第一个数组元素成为最后一个，最后一个变成第一个join()方法将数组中的所有元素边接成一个字符串 console.log(str.split('').reverse().join(''))...

2018-05-21 13:15:36 123

原创 IOS中input键盘事件支持的解决方法

IOS中input键盘事件keyup、keydown、keypress支持不是很好, 用input监听键盘keyup事件，在安卓手机浏览器中是可以的，但是在ios手机浏览器中用输入法输入之后，并未立刻相应keyup事件，只有在通过删除之后才可以响应可以用html5的oninput事件去代替keyup&lt;input type="text" id="testInput"&gt;&

2018-05-15 11:34:22 4989

原创输入框首尾清除空格

//原生方法获取值，清除首尾空格上传str2 var str = document.getElementById("input").trim();Vue中提供了修饰符删除首尾空格。<input v-model.trim="msg">

2018-05-15 11:29:00 3625

转载前端常用的正则表达式总结

身份证号正则//第二代身份证号码正则let isTrue = /^[1-9]\d{5}(18|19|20)\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/;//第一代身份证正则表达式(15位)let isTrue=/^[1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1...

2018-05-15 11:25:56 370

原创解决移动端底部input被弹出的键盘遮挡问题

方法1、Element.scrollIntoView()； // 让当前的元素滚动到浏览器窗口的可视区域内document.querySelector('#inputId').scrollIntoView();方法2：Element.scrollIntoViewIfNeeded();方法用来将不在浏览器窗口的可见区域内的元素滚动到浏览器窗口的可见区域。如果该元素已经在...

2018-05-15 11:24:00 6026

原创 input中placeholder属性兼容ie提示信息

在ie中input的placeholder属性是不支持的，需要写他的兼容，下面的方法仅供大家参考&lt;input type="text" placeholder="请填写信息"/&gt;if(navigator.appName == "Microsoft Internet Explorer" &amp;&amp; (navi

2018-05-09 17:42:41 1567

原创解决toFixed()无法精准保留小数的问题

最近发现了一个问题用toFiexd() 保留小数有时不是很精确，例如下面保留两位小数不是很精确： var a = 12.035;console.log(a.toFixed(2)) // 12.04var b = 12.045;console.log(b.toFixed(2)) // 12.04b 保留两位小数应该是12.05的下面是我总结的保留两位小数的方法，有什么问题...

2018-05-09 17:34:42 7994 2

原创解决ajax无法给外部变量赋值

欢迎大家去我的网站查看因为Ajax默认是以异步方式来获取数据的，执行Ajax的时候你程序是继续往下面执行的，这样你那个变量没有被Ajax方法赋值, function btnclick() { var flag = ""; console.log(flag) $.ajax({ type...

2018-05-04 11:59:27 2567 1

webpack打包

webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle。

2018-06-06

这个是基于Swiper库做的内容我给了一个高度，方便查看效果，应用到实际项目中不用设置高度内容自动撑开 // 进去页面就判断第一个页面内容的高度添加给swiper-container var divHgight=$(".divHgight").eq(0).height(); $(".swiper-container").height(divHgight); var mySwiper = new Swiper('.swiper-container', { autoHeight: true, onSlideChangeStart: function () { // 获取进去那个页面删除和添加样式 $(".tabs .default").removeClass('default'); $(".tabs li").eq(mySwiper.activeIndex).addClass('default'); console.log('第' + ((mySwiper.activeIndex) + 1) + '页'); // 对应页面高度自适应 var activeHight = $(".divHgight").eq(mySwiper.activeIndex).height(); $(".swiper-slide").eq(mySwiper.activeIndex).height(activeHight); console.log(activeHight); $(".swiper-container").height(activeHight); } });

2018-05-30

json2.js文件，json对象兼容

浏览器兼容模式下JSON未定义问题解决方法是：判断当前浏览器是否支持JSON对象，如果不支持，则引入json2.js文件即可。

2018-05-30

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

webpack打包

Swiper 移动端tab切换+滑动自适应

json2.js文件，json对象兼容

空空如也