- 网站精华
javascript，通用tool，将会持续更新。
简介 通用的工具，放在一个javascript里面，方便调用。当然也看业务场景。
<p><strong class="ql-size-large">define([], function () {</strong></p><p><strong class="ql-size-large"> return class CommonJs {</strong></p><p><strong class="ql-size-large"> constructor() { }</strong></p><p><strong class="ql-size-large"> </strong><strong class="ql-size-large" style="color:rgb(102, 185, 102);"> // 校验平台</strong></p><p><strong class="ql-size-large"> static isMobile() {</strong></p><p><strong class="ql-size-large"> const userAgent = navigator.userAgent.toLowerCase();</strong></p><p><strong class="ql-size-large"> if (/ipad|iphone|midp|rv:1.2.3.4|ucweb|android|windows ce|windows mobile/.test(userAgent)) {</strong></p><p><strong class="ql-size-large"> // 移动端</strong></p><p><strong class="ql-size-large"> console.log('移动端')</strong></p><p><strong class="ql-size-large"> return true</strong></p><p><strong class="ql-size-large"> } else {</strong></p><p><strong class="ql-size-large"> // pc端</strong></p><p><strong class="ql-size-large"> console.log('PC端')</strong></p><p><strong class="ql-size-large"> return false</strong></p><p><strong class="ql-size-large"> }</strong></p><p><strong class="ql-size-large"> }</strong></p><p><strong class="ql-size-large"> </strong><strong class="ql-size-large" style="color:rgb(102, 185, 102);">// 更新表单校验码(特定业务场景)</strong></p><p><strong class="ql-size-large"> static updateValidStaus(validObj, statusObj = validObj) {</strong></p><p><strong class="ql-size-large"> let isValid = true;</strong></p><p><strong class="ql-size-large"> let arr = [];</strong></p><p><strong class="ql-size-large"> if (Array.isArray(validObj)) {</strong></p><p><strong class="ql-size-large"> arr = validObj;</strong></p><p><strong class="ql-size-large"> } else {</strong></p><p><strong class="ql-size-large"> arr = Object.keys(validObj);</strong></p><p><strong class="ql-size-large"> }</strong></p><p><strong class="ql-size-large"> arr.forEach(function (ele) {</strong></p><p><strong class="ql-size-large"> if (statusObj[ele] === '0') isValid = false;</strong></p><p><strong class="ql-size-large"> })</strong></p><p><strong class="ql-size-large"> return isValid;</strong></p><p><strong class="ql-size-large"> }</strong></p><p><strong class="ql-size-large"> </strong><strong class="ql-size-large" style="color:rgb(102, 185, 102);">// 获取url参数</strong></p><p><strong class="ql-size-large"> static getUrlParam(paraName) {</strong></p><p><strong class="ql-size-large"> var url = document.location.toString();</strong></p><p><strong class="ql-size-large"> var arrObj = url.split("?");</strong></p><p><strong class="ql-size-large"> if (arrObj.length > 1) {</strong></p><p><strong class="ql-size-large"> var arrPara = arrObj[1].split("&");</strong></p><p><strong class="ql-size-large"> var arr;</strong></p><p><strong class="ql-size-large"> for (var i = 0; i < arrPara.length; i++) {</strong></p><p><strong class="ql-size-large"> arr = arrPara[i].split("=");</strong></p><p><strong class="ql-size-large"> if (arr != null && arr[0] == paraName) return arr[1];</strong></p><p><strong class="ql-size-large"> }</strong></p><p><strong class="ql-size-large"> return "";</strong></p><p><strong class="ql-size-large"> } else {</strong></p><p><strong class="ql-size-large"> return "";</strong></p><p><strong class="ql-size-large"> }</strong></p><p><strong class="ql-size-large"> }</strong></p><p><strong class="ql-size-large"> </strong><strong class="ql-size-large" style="color:rgb(102, 185, 102);">// 加载script脚本</strong></p><p><strong class="ql-size-large"> static loadScript(url, callback) {</strong></p><p><strong class="ql-size-large"> const el = document.createElement("script");</strong></p><p><strong class="ql-size-large"> el.src = url;</strong></p><p><strong class="ql-size-large"> el.type = "text/javascript";</strong></p><p><strong class="ql-size-large"> el.addEventListener("load", callback);</strong></p><p><strong class="ql-size-large"> document.head.appendChild(el);</strong></p><p><strong class="ql-size-large"> }</strong></p><p><strong class="ql-size-large"> </strong><strong class="ql-size-large" style="color:rgb(102, 185, 102);">// 制保留2位小数，如：2，会在2后面补上00.即2.00 </strong></p><p><strong class="ql-size-large"> static toDecimal2(x) {</strong></p><p><strong class="ql-size-large"> var f = parseFloat(x);</strong></p><p><strong class="ql-size-large"> if (isNaN(f)) {</strong></p><p><strong class="ql-size-large"> return false;</strong></p><p><strong class="ql-size-large"> }</strong></p><p><strong class="ql-size-large"> var f = Math.round(x * 100) / 100;</strong></p><p><strong class="ql-size-large"> var s = f.toString();</strong></p><p><strong class="ql-size-large"> var rs = s.indexOf('.');</strong></p><p><strong class="ql-size-large"> if (rs < 0) {</strong></p><p><strong class="ql-size-large"> rs = s.length;</strong></p><p><strong class="ql-size-large"> s += '.';</strong></p><p><strong class="ql-size-large"> }</strong></p><p><strong class="ql-size-large"> while (s.length <= rs + 2) {</strong></p><p><strong class="ql-size-large"> s += '0';</strong></p><p><strong class="ql-size-large"> }</strong></p><p><strong class="ql-size-large"> return s;</strong></p><p><strong class="ql-size-large"> }</strong></p><p><strong class="ql-size-large"> }</strong></p><p><strong class="ql-size-large">})</strong></p>
分享到：
转载：
喜欢 1
收藏
上一篇：
CSS 实现上下左右箭头（>）
暂无评论信息