All_Izz_well
All_Izz_well

javascript常用方法函数收集

1
2
3
4
// 小于10补0
function  format(n) {
     return  n.toString().replace(/^(\d)$/,  '0$1' );
}

千分位显示，常用于价格显示：

1
2
3
4
// 千分位
function  toThousands(num) {
     return  parseFloat(num).toFixed(2).replace(/(\d{1,3})(?=(\d{3})+(?:\.))/g,  "$1," );
}


字符串长度截取

js 代码:

   
   
   
   
    
    
    
    
    
  1. function cutstr(str, len) {
    2. 
    
    
    
    
  2.     var temp,
    3. 
    
    
    
    
  3.         icount = 0,
    4. 
    
    
    
    
  4.         patrn = /[^\x00-\xff]/，
    5. 
    
    
    
    
  5.         strre = "";
    6. 
    
    
    
    
  6.     for (var i = 0; i < str.length; i++) {
    7. 
    
    
    
    
  7.         if (icount < len - 1) {
    8. 
    
    
    
    
  8.             temp = str.substr(i, 1);
    9. 
    
    
    
    
  9.                 if (patrn.exec(temp) == null) {
    10. 
    
    
    
    
  10.                    icount = icount + 1
    11. 
    
    
    
    
  11.             } else {
    12. 
    
    
    
    
  12.                 icount = icount + 2
    13. 
    
    
    
    
  13.             }
    14. 
    
    
    
    
  14.             strre += temp
    15. 
    
    
    
    
  15.             } else {
    16. 
    
    
    
    
  16.             break;
    17. 
    
    
    
    
  17.         }
    18. 
    
    
    
    
  18.     }
    19. 
    
    
    
    
  19.     return strre + "..."
    20. 
    
    
    
    
  20. }
    21.

替换全部

js 代码:

   
   
   
   
    
    
    
    
    
  1. String.prototype.replaceAll = function(s1, s2) {
    2. 
    
    
    
    
  2.     return this.replace(new RegExp(s1, "gm"), s2)
    3. 
    
    
    
    
  3. }
    4.

清除空格

js 代码:

   
   
   
   
    
    
    
    
    
  1. String.prototype.trim = function() {
    2. 
    
    
    
    
  2.     var reExtraSpace = /^\s*(.*?)\s+$/;
    3. 
    
    
    
    
  3.     return this.replace(reExtraSpace, "$1")
    4. 
    
    
    
    
  4. }
    5.

清除左空格/右空格

js 代码:

   
   
   
   
    
    
    
    
    
  1. function ltrim(s){ return s.replace( /^(\s*|　*)/, ""); } 
    2. 
    
    
    
    
  2. function rtrim(s){ return s.replace( /(\s*|　*)$/, ""); }
    3.

判断是否以某个字符串开头

js 代码:

   
   
   
   
    
    
    
    
    
  1. String.prototype.startWith = function (s) {
    2. 
    
    
    
    
  2.     return this.indexOf(s) == 0
    3. 
    
    
    
    
  3. }
    4.

判断是否以某个字符串结束

js 代码:

   
   
   
   
    
    
    
    
    
  1. String.prototype.endWith = function (s) {
    2. 
    
    
    
    
  2.     var d = this.length - s.length;
    3. 
    
    
    
    
  3.     return (d >= 0 && this.lastIndexOf(s) == d)
    4. 
    
    
    
    
  4. }
    5.

转义html标签

js 代码:

   
   
   
   
    
    
    
    
    
  1. function HtmlEncode(text) {
    2. 
    
    
    
    
  2.     return text.replace(/&/g, '&').replace(/\"/g, '"').replace(/g, '<').replace(/>/g, '>')
    3. 
    
    
    
    
  3. }
    4.

时间日期格式转换

js 代码:

   
   
   
   
    
    
    
    
    
  1. Date.prototype.Format = function(formatStr) {
    2. 
    
    
    
    
  2.     var str = formatStr;
    3. 
    
    
    
    
  3.     var Week = ['日', '一', '二', '三', '四', '五', '六'];
    4. 
    
    
    
    
  4.     str = str.replace(/yyyy|YYYY/, this.getFullYear());
    5. 
    
    
    
    
  5.     str = str.replace(/yy|YY/, (this.getYear() % 100) > 9 ? (this.getYear() % 100).toString() : '0' + (this.getYear() % 100));
    6. 
    
    
    
    
  6.     str = str.replace(/MM/, (this.getMonth() + 1) > 9 ? (this.getMonth() + 1).toString() : '0' + (this.getMonth() + 1));
    7. 
    
    
    
    
  7.     str = str.replace(/M/g, (this.getMonth() + 1));
    8. 
    
    
    
    
  8.     str = str.replace(/w|W/g, Week[this.getDay()]);
    9. 
    
    
    
    
  9.     str = str.replace(/dd|DD/, this.getDate() > 9 ? this.getDate().toString() : '0' + this.getDate());
    10. 
    
    
    
    
  10.     str = str.replace(/d|D/g, this.getDate());
    11. 
    
    
    
    
  11.     str = str.replace(/hh|HH/, this.getHours() > 9 ? this.getHours().toString() : '0' + this.getHours());
    12. 
    
    
    
    
  12.     str = str.replace(/h|H/g, this.getHours());
    13. 
    
    
    
    
  13.     str = str.replace(/mm/, this.getMinutes() > 9 ? this.getMinutes().toString() : '0' + this.getMinutes());
    14. 
    
    
    
    
  14.     str = str.replace(/m/g, this.getMinutes());
    15. 
    
    
    
    
  15.     str = str.replace(/ss|SS/, this.getSeconds() > 9 ? this.getSeconds().toString() : '0' + this.getSeconds());
    16. 
    
    
    
    
  16.     str = str.replace(/s|S/g, this.getSeconds());
    17. 
    
    
    
    
  17.     return str
    18. 
    
    
    
    
  18. }
    19.

判断是否为数字类型

js 代码:

   
   
   
   
    
    
    
    
    
  1. function isDigit(value) {
    2. 
    
    
    
    
  2.     var patrn = /^[0-9]*$/;
    3. 
    
    
    
    
  3.     if (patrn.exec(value) == null || value == "") {
    4. 
    
    
    
    
  4.         return false
    5. 
    
    
    
    
  5.     } else {
    6. 
    
    
    
    
  6.         return true
    7. 
    
    
    
    
  7.     }
    8. 
    
    
    
    
  8. }
    9.

设置cookie值

js 代码:

   
   
   
   
    
    
    
    
    
  1. function setCookie(name, value, Hours) {
    2. 
    
    
    
    
  2.     var d = new Date();
    3. 
    
    
    
    
  3.     var offset = 8;
    4. 
    
    
    
    
  4.     var utc = d.getTime() + (d.getTimezoneOffset() * 60000);
    5. 
    
    
    
    
  5.     var nd = utc + (3600000 * offset);
    6. 
    
    
    
    
  6.     var exp = new Date(nd);
    7. 
    
    
    
    
  7.     exp.setTime(exp.getTime() + Hours * 60 * 60 * 1000);
    8. 
    
    
    
    
  8.     document.cookie = name + "=" + escape(value) + ";path=/;expires=" + exp.toGMTString() + ";domain=360doc.com;"
    9. 
    
    
    
    
  9. }
    10.

获取cookie值

js 代码:

   
   
   
   
    
    
    
    
    
  1. function getCookie(name) {
    2. 
    
    
    
    
  2.     var arr = document.cookie.match(new RegExp("(^| )" + name + "=([^;]*)(;|$)"));
    3. 
    
    
    
    
  3.     if (arr != null) return unescape(arr[2]);
    4. 
    
    
    
    
  4.     return null
    5. 
    
    
    
    
  5. }
    6.

加入收藏夹

js 代码:

   
   
   
   
    
    
    
    
    
  1. function AddFavorite(sURL, sTitle) {
    2. 
    
    
    
    
  2.     try {
    3. 
    
    
    
    
  3.         window.external.addFavorite(sURL, sTitle)
    4. 
    
    
    
    
  4.     } catch(e) {
    5. 
    
    
    
    
  5.         try {
    6. 
    
    
    
    
  6.             window.sidebar.addPanel(sTitle, sURL, "")
    7. 
    
    
    
    
  7.         } catch(e) {
    8. 
    
    
    
    
  8.             alert("加入收藏失败，请使用Ctrl+D进行添加")
    9. 
    
    
    
    
  9.         }
    10. 
    
    
    
    
  10.     }
    11. 
    
    
    
    
  11. }
    12.

设为首页

js 代码:

   
   
   
   
    
    
    
    
    
  1. function setHomepage() {
    2. 
    
    
    
    
  2.     if (document.all) {
    3. 
    
    
    
    
  3.         document.body.style.behavior = 'url(#default#homepage)';
    4. 
    
    
    
    
  4.         document.body.setHomePage('http://w3cboy.com')
    5. 
    
    
    
    
  5.     } else if (window.sidebar) {
    6. 
    
    
    
    
  6.         if (window.netscape) {
    7. 
    
    
    
    
  7.             try {
    8. 
    
    
    
    
  8.                 netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect")
    9. 
    
    
    
    
  9.             } catch(e) {
    10. 
    
    
    
    
  10.                 alert("该操作被浏览器拒绝，如果想启用该功能，请在地址栏内输入 about:config,然后将项 signed.applets.codebase_principal_support 值该为true")
    11. 
    
    
    
    
  11.                 }
    12. 
    
    
    
    
  12.         }
    13. 
    
    
    
    
  13.         var prefs = Components.classes['@mozilla.org/preferences-service;1'].getService(Components.interfaces.nsIPrefBranch);
    14. 
    
    
    
    
  14.         prefs.setCharPref('browser.startup.homepage', 'http://w3cboy.com')
    15. 
    
    
    
    
  15.     }
    16. 
    
    
    
    
  16. }
    17.

加载样式文件

js 代码:

   
   
   
   
    
    
    
    
    
  1. function LoadStyle(url) {
    2. 
    
    
    
    
  2.     try {
    3. 
    
    
    
    
  3.         document.createStyleSheet(url)
    4. 
    
    
    
    
  4.     } catch(e) {
    5. 
    
    
    
    
  5.         var cssLink = document.createElement('link');
    6. 
    
    
    
    
  6.         cssLink.rel = 'stylesheet';
    7. 
    
    
    
    
  7.         cssLink.type = 'text/css';
    8. 
    
    
    
    
  8.         cssLink.href = url;
    9. 
    
    
    
    
  9.         var head = document.getElementsByTagName('head')[0];
    10. 
    
    
    
    
  10.         head.appendChild(cssLink)
    11. 
    
    
    
    
  11.     }
    12. 
    
    
    
    
  12. }
    13.

返回脚本内容

js 代码:

   
   
   
   
    
    
    
    
    
  1. function evalscript(s) {
    2. 
    
    
    
    
  2.     if(s.indexOf(') == -1) return s;
    3. 
    
    
    
    
  3.     var p = /]*?>([^\x00]*?)<\/script>/ig;
    4. 
    
    
    
    
  4.     var arr = [];
    5. 
    
    
    
    
  5.     while(arr = p.exec(s)) {
    6. 
    
    
    
    
  6.         var p1 = /]*?src=\"([^\>]*?)\"[^\>]*?(reload=\"1\")?(?:charset=\"([\w\-]+?)\")?><\/script>/i;
    7. 
    
    
    
    
  7.         var arr1 = [];
    8. 
    
    
    
    
  8.         arr1 = p1.exec(arr[0]);
    9. 
    
    
    
    
  9.         if(arr1) {
    10. 
    
    
    
    
  10.             appendscript(arr1[1], '', arr1[2], arr1[3]);
    11. 
    
    
    
    
  11.         } else {
    12. 
    
    
    
    
  12.             p1 = /([^\x00]+?)<\/script>/i;
    13. 
    
    
    
    
  13.             arr1 = p1.exec(arr[0]);
    14. 
    
    
    
    
  14.             appendscript('', arr1[2], arr1[1].indexOf('reload=') != -1);
    15. 
    
    
    
    
  15.         }
    16. 
    
    
    
    
  16.     }
    17. 
    
    
    
    
  17.     return s;
    18. 
    
    
    
    
  18. }
    19.

清除脚本内容

js 代码:

   
   
   
   
    
    
    
    
    
  1. function stripscript(s) {
    2. 
    
    
    
    
  2.     return s.replace(/.*?<\/script>/ig, '');
    3. 
    
    
    
    
  3. }
    4.

动态加载脚本文件

js 代码:

   
   
   
   
    
    
    
    
    
  1. function appendscript(src, text, reload, charset) {
    2. 
    
    
    
    
  2.     var id = hash(src + text);
    3. 
    
    
    
    
  3.     if(!reload && in_array(id, evalscripts)) return;
    4. 
    
    
    
    
  4.     if(reload && $(id)) {
    5. 
    
    
    
    
  5.         $(id).parentNode.removeChild($(id));
    6. 
    
    
    
    
  6.     }
    7. 
    
    
    
    
  7.  
    8. 
    
    
    
    
  8.     evalscripts.push(id);
    9. 
    
    
    
    
  9.     var scriptNode = document.createElement("script");
    10. 
    
    
    
    
  10.     scriptNode.type = "text/javascript";
    11. 
    
    
    
    
  11.     scriptNode.id = id;
    12. 
    
    
    
    
  12.     scriptNode.charset = charset ? charset : (BROWSER.firefox ? document.characterSet : document.charset);
    13. 
    
    
    
    
  13.     try {
    14. 
    
    
    
    
  14.         if(src) {
    15. 
    
    
    
    
  15.             scriptNode.src = src;
    16. 
    
    
    
    
  16.             scriptNode.onloadDone = false;
    17. 
    
    
    
    
  17.             scriptNode.onload = function () {
    18. 
    
    
    
    
  18.                 scriptNode.onloadDone = true;
    19. 
    
    
    
    
  19.                 JSLOADED[src] = 1;
    20. 
    
    
    
    
  20.              };
    21. 
    
    
    
    
  21.              scriptNode.onreadystatechange = function () {
    22. 
    
    
    
    
  22.                  if((scriptNode.readyState == 'loaded' || scriptNode.readyState == 'complete') && !scriptNode.onloadDone) {
    23. 
    
    
    
    
  23.                     scriptNode.onloadDone = true;
    24. 
    
    
    
    
  24.                     JSLOADED[src] = 1;
    25. 
    
    
    
    
  25.                 }
    26. 
    
    
    
    
  26.              };
    27. 
    
    
    
    
  27.         } else if(text){
    28. 
    
    
    
    
  28.             scriptNode.text = text;
    29. 
    
    
    
    
  29.         }
    30. 
    
    
    
    
  30.         document.getElementsByTagName('head')[0].appendChild(scriptNode);
    31. 
    
    
    
    
  31.     } catch(e) {}
    32. 
    
    
    
    
  32. }
    33.

返回按ID检索的元素对象

js 代码:

   
   
   
   
    
    
    
    
    
  1. function $(id) {
    2. 
    
    
    
    
  2.     return !id ? null : document.getElementById(id);
    3. 
    
    
    
    
  3. }
    4.

跨浏览器绑定事件

js 代码:

   
   
   
   
    
    
    
    
    
  1. function addEventSamp(obj,evt,fn){ 
    2. 
    
    
    
    
  2.     if(!oTarget){return;}
    3. 
    
    
    
    
  3.     if (obj.addEventListener) { 
    4. 
    
    
    
    
  4.         obj.addEventListener(evt, fn, false); 
    5. 
    
    
    
    
  5.     }else if(obj.attachEvent){ 
    6. 
    
    
    
    
  6.         obj.attachEvent('on'+evt,fn); 
    7. 
    
    
    
    
  7.     }else{
    8. 
    
    
    
    
  8.         oTarget["on" + sEvtType] = fn;
    9. 
    
    
    
    
  9.     } 
    10. 
    
    
    
    
  10. }
    11.

跨浏览器删除事件

js 代码:

   
   
   
   
    
    
    
    
    
  1. function delEvt(obj,evt,fn){
    2. 
    
    
    
    
  2.     if(!obj){return;}
    3. 
    
    
    
    
  3.     if(obj.addEventListener){
    4. 
    
    
    
    
  4.         obj.addEventListener(evt,fn,false);
    5. 
    
    
    
    
  5.     }else if(oTarget.attachEvent){
    6. 
    
    
    
    
  6.         obj.attachEvent("on" + evt,fn);
    7. 
    
    
    
    
  7.     }else{
    8. 
    
    
    
    
  8.         obj["on" + evt] = fn;
    9. 
    
    
    
    
  9.     }
    10. 
    
    
    
    
  10. }
    11.

为元素添加on方法

js 代码:

   
   
   
   
    
    
    
    
    
  1. Element.prototype.on = Element.prototype.addEventListener;
    2. 
    
    
    
    
  2.  
    3. 
    
    
    
    
  3. NodeList.prototype.on = function (event, fn) {、
    4. 
    
    
    
    
  4.     []['forEach'].call(this, function (el) {
    5. 
    
    
    
    
  5.         el.on(event, fn);
    6. 
    
    
    
    
  6.     });
    7. 
    
    
    
    
  7.     return this;
    8. 
    
    
    
    
  8. };
    9.

为元素添加trigger方法

js 代码:

   
   
   
   
    
    
    
    
    
  1. Element.prototype.trigger = function (type, data) {
    2. 
    
    
    
    
  2.     var event = document.createEvent('HTMLEvents');
    3. 
    
    
    
    
  3.     event.initEvent(type, true, true);
    4. 
    
    
    
    
  4.     event.data = data || {};
    5. 
    
    
    
    
  5.     event.eventName = type;
    6. 
    
    
    
    
  6.     event.target = this;
    7. 
    
    
    
    
  7.     this.dispatchEvent(event);
    8. 
    
    
    
    
  8.     return this;
    9. 
    
    
    
    
  9. };
    10. 
    
    
    
    
  10.  
    11. 
    
    
    
    
  11. NodeList.prototype.trigger = function (event) {
    12. 
    
    
    
    
  12.     []['forEach'].call(this, function (el) {
    13. 
    
    
    
    
  13.         el['trigger'](event);
    14. 
    
    
    
    
  14.     });
    15. 
    
    
    
    
  15.     return this;
    16. 
    
    
    
    
  16. };
    17.

检验URL链接是否有效

js 代码:

   
   
   
   
    
    
    
    
    
  1. function getUrlState(URL){ 
    2. 
    
    
    
    
  2.     var xmlhttp = new ActiveXObject("microsoft.xmlhttp"); 
    3. 
    
    
    
    
  3.     xmlhttp.Open("GET",URL, false);  
    4. 
    
    
    
    
  4.     try{  
    5. 
    
    
    
    
  5.             xmlhttp.Send(); 
    6. 
    
    
    
    
  6.     }catch(e){
    7. 
    
    
    
    
  7.     }finally{ 
    8. 
    
    
    
    
  8.         var result = xmlhttp.responseText; 
    9. 
    
    
    
    
  9.         if(result){
    10. 
    
    
    
    
  10.             if(xmlhttp.Status==200){ 
    11. 
    
    
    
    
  11.                 return(true); 
    12. 
    
    
    
    
  12.              }else{ 
    13. 
    
    
    
    
  13.                    return(false); 
    14. 
    
    
    
    
  14.              } 
    15. 
    
    
    
    
  15.          }else{ 
    16. 
    
    
    
    
  16.              return(false); 
    17. 
    
    
    
    
  17.          } 
    18. 
    
    
    
    
  18.     }
    19. 
    
    
    
    
  19. }
    20.

格式化CSS样式代码

js 代码:

   
   
   
   
    
    
    
    
    
  1. function formatCss(s){//格式化代码
    2. 
    
    
    
    
  2.     s = s.replace(/\s*([\{\}\:\;\,])\s*/g, "$1");
    3. 
    
    
    
    
  3.     s = s.replace(/;\s*;/g, ";"); //清除连续分号
    4. 
    
    
    
    
  4.     s = s.replace(/\,[\s\.\#\d]*{/g, "{");
    5. 
    
    
    
    
  5.     s = s.replace(/([^\s])\{([^\s])/g, "$1 {\n\t$2");
    6. 
    
    
    
    
  6.     s = s.replace(/([^\s])\}([^\n]*)/g, "$1\n}\n$2");
    7. 
    
    
    
    
  7.     s = s.replace(/([^\s]);([^\s\}])/g, "$1;\n\t$2");
    8. 
    
    
    
    
  8.     return s;
    9. 
    
    
    
    
  9. }
    10.

压缩CSS样式代码

js 代码:

   
   
   
   
    
    
    
    
    
  1. function compressCss (s) {//压缩代码
    2. 
    
    
    
    
  2.     s = s.replace(/\/\*(.|\n)*?\*\//g, ""); //删除注释
    3. 
    
    
    
    
  3.     s = s.replace(/\s*([\{\}\:\;\,])\s*/g, "$1");
    4. 
    
    
    
    
  4.     s = s.replace(/\,[\s\.\#\d]*\{/g, "{"); //容错处理
    5. 
    
    
    
    
  5.     s = s.replace(/;\s*;/g, ";"); //清除连续分号
    6. 
    
    
    
    
  6.     s = s.match(/^\s*(\S+(\s+\S+)*)\s*$/); //去掉首尾空白
    7. 
    
    
    
    
  7.     return (s == null) ? "" : s[1];
    8. 
    
    
    
    
  8. }
    9.

获取当前路径

js 代码:

   
   
   
   
    
    
    
    
    
  1. var currentPageUrl = "";
    2. 
    
    
    
    
  2. if (typeof this.href === "undefined") {
    3. 
    
    
    
    
  3.     currentPageUrl = document.location.toString().toLowerCase();
    4. 
    
    
    
    
  4. }else {
    5. 
    
    
    
    
  5.     currentPageUrl = this.href.toString().toLowerCase();
    6. 
    
    
    
    
  6. }
    7.

判断是否移动设备

js 代码:

   
   
   
   
    
    
    
    
    
  1. function isMobile(){
    2. 
    
    
    
    
  2.     if (typeof this._isMobile === 'boolean'){
    3. 
    
    
    
    
  3.         return this._isMobile;
    4. 
    
    
    
    
  4.     }
    5. 
    
    
    
    
  5.     var screenWidth = this.getScreenWidth();
    6. 
    
    
    
    
  6.     var fixViewPortsExperiment = rendererModel.runningExperiments.FixViewport ||rendererModel.runningExperiments.fixviewport;
    7. 
    
    
    
    
  7.     var fixViewPortsExperimentRunning = fixViewPortsExperiment && (fixViewPortsExperiment.toLowerCase() === "new");
    8. 
    
    
    
    
  8.     if(!fixViewPortsExperiment){
    9. 
    
    
    
    
  9.         if(!this.isAppleMobileDevice()){
    10. 
    
    
    
    
  10.             screenWidth = screenWidth/window.devicePixelRatio;
    11. 
    
    
    
    
  11.         }
    12. 
    
    
    
    
  12.     }
    13. 
    
    
    
    
  13.     var isMobileScreenSize = screenWidth < 600;
    14. 
    
    
    
    
  14.     var isMobileUserAgent = false;
    15. 
    
    
    
    
  15.     this._isMobile = isMobileScreenSize && this.isTouchScreen();
    16. 
    
    
    
    
  16.     return this._isMobile;
    17. 
    
    
    
    
  17. }
    18.

判断是否移动设备访问

js 代码:

   
   
   
   
    
    
    
    
    
  1. function isMobileUserAgent(){
    2. 
    
    
    
    
  2.     return (/iphone|ipod|android.*mobile|windows.*phone|blackberry.*mobile/i.test(window.navigator.userAgent.toLowerCase()));
    3. 
    
    
    
    
  3. }
    4.

判断是否苹果移动设备访问

js 代码:

   
   
   
   
    
    
    
    
    
  1. function isAppleMobileDevice(){
    2. 
    
    
    
    
  2.     return (/iphone|ipod|ipad|Macintosh/i.test(navigator.userAgent.toLowerCase()));
    3. 
    
    
    
    
  3. }
    4.

判断是否安卓移动设备访问

js 代码:

   
   
   
   
    
    
    
    
    
  1. function isAndroidMobileDevice(){
    2. 
    
    
    
    
  2.     return (/android/i.test(navigator.userAgent.toLowerCase()));
    3. 
    
    
    
    
  3. }
    4.

判断是否Touch屏幕

js 代码:

   
   
   
   
    
    
    
    
    
  1. function isTouchScreen(){
    2. 
    
    
    
    
  2.     return (('ontouchstart' in window) || window.DocumentTouch && document instanceof DocumentTouch);
    3. 
    
    
    
    
  3. }
    4.

判断是否打开视窗

js 代码:

   
   
   
   
    
    
    
    
    
  1. function isViewportOpen() {
    2. 
    
    
    
    
  2.     return !!document.getElementById('wixMobileViewport');
    3. 
    
    
    
    
  3. }
    4.

获取移动设备初始化大小

js 代码:

   
   
   
   
    
    
    
    
    
  1. function getInitZoom(){
    2. 
    
    
    
    
  2.     if(!this._initZoom){
    3. 
    
    
    
    
  3.         var screenWidth = Math.min(screen.height, screen.width);
    4. 
    
    
    
    
  4.         if(this.isAndroidMobileDevice() && !this.isNewChromeOnAndroid()){
    5. 
    
    
    
    
  5.             screenWidth = screenWidth/window.devicePixelRatio;
    6. 
    
    
    
    
  6.         }
    7. 
    
    
    
    
  7.             this._initZoom = screenWidth /document.body.offsetWidth;
    8. 
    
    
    
    
  8.         }
    9. 
    
    
    
    
  9.     return this._initZoom;
    10. 
    
    
    
    
  10. }
    11.

获取移动设备最大化大小

js 代码:

   
   
   
   
    
    
    
    
    
  1. function getZoom(){
    2. 
    
    
    
    
  2.     var screenWidth = (Math.abs(window.orientation) === 90) ? Math.max(screen.height, screen.width) : Math.min(screen.height, screen.width);
    3. 
    
    
    
    
  3.     if(this.isAndroidMobileDevice() && !this.isNewChromeOnAndroid()){
    4. 
    
    
    
    
  4.         screenWidth = screenWidth/window.devicePixelRatio;
    5. 
    
    
    
    
  5.     }
    6. 
    
    
    
    
  6.     var FixViewPortsExperiment = rendererModel.runningExperiments.FixViewport || rendererModel.runningExperiments.fixviewport;
    7. 
    
    
    
    
  7.     var FixViewPortsExperimentRunning = FixViewPortsExperiment && (FixViewPortsExperiment === "New" || FixViewPortsExperiment === "new");
    8. 
    
    
    
    
  8.     if(FixViewPortsExperimentRunning){
    9. 
    
    
    
    
  9.         return screenWidth / window.innerWidth;
    10. 
    
    
    
    
  10.     }else{
    11. 
    
    
    
    
  11.         return screenWidth / document.body.offsetWidth;
    12. 
    
    
    
    
  12.     }
    13. 
    
    
    
    
  13. }
    14.

获取移动设备屏幕宽度

js 代码:

   
   
   
   
    
    
    
    
    
  1. function getScreenWidth(){
    2. 
    
    
    
    
  2.     var smallerSide = Math.min(screen.width, screen.height);
    3. 
    
    
    
    
  3.     var fixViewPortsExperiment = rendererModel.runningExperiments.FixViewport || rendererModel.runningExperiments.fixviewport;
    4. 
    
    
    
    
  4.     var fixViewPortsExperimentRunning = fixViewPortsExperiment && (fixViewPortsExperiment.toLowerCase() === "new");
    5. 
    
    
    
    
  5.     if(fixViewPortsExperiment){
    6. 
    
    
    
    
  6.         if(this.isAndroidMobileDevice() && !this.isNewChromeOnAndroid()){
    7. 
    
    
    
    
  7.             smallerSide = smallerSide/window.devicePixelRatio;
    8. 
    
    
    
    
  8.         }
    9. 
    
    
    
    
  9.     }
    10. 
    
    
    
    
  10.     return smallerSide;
    11. 
    
    
    
    
  11. }
    12.

完美判断是否为网址

js 代码:

   
   
   
   
    
    
    
    
    
  1. function IsURL(strUrl) {
    2. 
    
    
    
    
  2.     var regular = /^\b(((https?|ftp):\/\/)?[-a-z0-9]+(\.[-a-z0-9]+)*\.(?:com|edu|gov|int|mil|net|org|biz|info|name|museum|asia|coop|aero|[a-z][a-z]|((25[0-5])|(2[0-4]\d)|(1\d\d)|([1-9]\d)|\d))\b(\/[-a-z0-9_:\@&?=+,.!\/~%\$]*)?)$/i
    3. 
    
    
    
    
  3.     if (regular.test(strUrl)) {
    4. 
    
    
    
    
  4.         return true;
    5. 
    
    
    
    
  5.     }else {
    6. 
    
    
    
    
  6.         return false;
    7. 
    
    
    
    
  7.     }
    8. 
    
    
    
    
  8. }
    9.

getElementsByClassName

js 代码:

   
   
   
   
    
    
    
    
    
  1. function getElementsByClassName(name) {
    2. 
    
    
    
    
  2.     var tags = document.getElementsByTagName('*') || document.all;
    3. 
    
    
    
    
  3.     var els = [];
    4. 
    
    
    
    
  4.     for (var i = 0; i < tags.length; i++) {
    5. 
    
    
    
    
  5.         if (tags.className) {
    6. 
    
    
    
    
  6.             var cs = tags.className.split(' ');
    7. 
    
    
    
    
  7.             for (var j = 0; j < cs.length; j++) {
    8. 
    
    
    
    
  8.                 if (name == cs[j]) {
    9. 
    
    
    
    
  9.                     els.push(tags);
    10. 
    
    
    
    
  10.                     break
    11. 
    
    
    
    
  11.                 }
    12. 
    
    
    
    
  12.             }
    13. 
    
    
    
    
  13.         }
    14. 
    
    
    
    
  14.     }
    15. 
    
    
    
    
  15.     return els
    16. 
    
    
    
    
  16. }
    17.

获取页面高度

js 代码:

   
   
   
   
    
    
    
    
    
  1. function getPageHeight(){
    2. 
    
    
    
    
  2.     var g = document, a = g.body, f = g.documentElement, d = g.compatMode == "BackCompat"
    3. 
    
    
    
    
  3.                     ? a
    4. 
    
    
    
    
  4.                     : g.documentElement;
    5. 
    
    
    
    
  5.     return Math.max(f.scrollHeight, a.scrollHeight, d.clientHeight);
    6. 
    
    
    
    
  6. }
    7.

获取页面scrollLeft

js 代码:

   
   
   
   
    
    
    
    
    
  1. function getPageScrollLeft(){
    2. 
    
    
    
    
  2.     var a = document;
    3. 
    
    
    
    
  3.     return a.documentElement.scrollLeft || a.body.scrollLeft;
    4. 
    
    
    
    
  4. }
    5.

获取页面可视宽度

js 代码:

   
   
   
   
    
    
    
    
    
  1. function getPageViewWidth(){
    2. 
    
    
    
    
  2.     var d = document, a = d.compatMode == "BackCompat"
    3. 
    
    
    
    
  3.                     ? d.body
    4. 
    
    
    
    
  4.                     : d.documentElement;
    5. 
    
    
    
    
  5.     return a.clientWidth;
    6. 
    
    
    
    
  6. }
    7.

获取页面宽度

js 代码:

   
   
   
   
    
    
    
    
    
  1. function getPageWidth(){
    2. 
    
    
    
    
  2.     var g = document, a = g.body, f = g.documentElement, d = g.compatMode == "BackCompat"
    3. 
    
    
    
    
  3.                     ? a
    4. 
    
    
    
    
  4.                     : g.documentElement;
    5. 
    
    
    
    
  5.     return Math.max(f.scrollWidth, a.scrollWidth, d.clientWidth);
    6. 
    
    
    
    
  6. }
    7.

获取页面scrollTop

js 代码:

   
   
   
   
    
    
    
    
    
  1. function getPageScrollTop(){
    2. 
    
    
    
    
  2.     var a = document;
    3. 
    
    
    
    
  3.     return a.documentElement.scrollTop || a.body.scrollTop;
    4. 
    
    
    
    
  4. }
    5.

获取页面可视高度

js 代码:

   
   
   
   
    
    
    
    
    
  1. function getPageViewHeight() {
    2. 
    
    
    
    
  2.     var d = document, a = d.compatMode == "BackCompat"
    3. 
    
    
    
    
  3.                     ? d.body
    4. 
    
    
    
    
  4.                     : d.documentElement;
    5. 
    
    
    
    
  5.     return a.clientHeight;
    6. 
    
    
    
    
  6. }
    7.

去掉url前缀

js 代码:

   
   
   
   
    
    
    
    
    
  1. function removeUrlPrefix(a){
    2. 
    
    
    
    
  2.     a=a.replace(/：/g,":").replace(/．/g,".").replace(/／/g,"/");
    3. 
    
    
    
    
  3.     while(trim(a).toLowerCase().indexOf("http://")==0){
    4. 
    
    
    
    
  4.         a=trim(a.replace(/http:\/\//i,""));
    5. 
    
    
    
    
  5.     }
    6. 
    
    
    
    
  6.     return a;
    7. 
    
    
    
    
  7. }
    8.

随机数时间戳

js 代码:

   
   
   
   
    
    
    
    
    
  1. function uniqueId(){
    2. 
    
    
    
    
  2.     var a=Math.random,b=parseInt;
    3. 
    
    
    
    
  3.     return Number(new Date()).toString()+b(10*a())+b(10*a())+b(10*a());
    4. 
    
    
    
    
  4. }
    5.

全角半角转换

js 代码:

   
   
   
   
    
    
    
    
    
  1. //iCase: 0全到半，1半到全，其他不转化
    2. 
    
    
    
    
  2. function chgCase(sStr,iCase){
    3. 
    
    
    
    
  3.     if(typeof sStr != "string" || sStr.length <= 0 || !(iCase === 0 || iCase == 1)){
    4. 
    
    
    
    
  4.         return sStr;
    5. 
    
    
    
    
  5.     }
    6. 
    
    
    
    
  6.     var i,oRs=[],iCode;
    7. 
    
    
    
    
  7.     if(iCase){/*半->全*/
    8. 
    
    
    
    
  8.         for(i=0; i<sStr.length;i+=1){ 
    9. 
    
    
    
    
  9.             iCode = sStr.charCodeAt(i);
    10. 
    
    
    
    
  10.             if(iCode == 32){
    11. 
    
    
    
    
  11.                 iCode = 12288;                                
    12. 
    
    
    
    
  12.             }else if(iCode < 127){
    13. 
    
    
    
    
  13.                 iCode += 65248;
    14. 
    
    
    
    
  14.             }
    15. 
    
    
    
    
  15.                 oRs.push(String.fromCharCode(iCode)); 
    16. 
    
    
    
    
  16.             }                
    17. 
    
    
    
    
  17.     }else{/*全->半*/
    18. 
    
    
    
    
  18.         for(i=0; i<sStr.length;i+=1){ 
    19. 
    
    
    
    
  19.             iCode = sStr.charCodeAt(i);
    20. 
    
    
    
    
  20.             if(iCode == 12288){
    21. 
    
    
    
    
  21.                 iCode = 32;
    22. 
    
    
    
    
  22.             }else if(iCode > 65280 && iCode < 65375){
    23. 
    
    
    
    
  23.                 iCode -= 65248;                                
    24. 
    
    
    
    
  24.             }
    25. 
    
    
    
    
  25.                 oRs.push(String.fromCharCode(iCode)); 
    26. 
    
    
    
    
  26.          }                
    27. 
    
    
    
    
  27.     }                
    28. 
    
    
    
    
  28.     return oRs.join("");                
    29. 
    
    
    
    
  29. }
    30.

确认是否键盘有效输入值

js 代码:

   
   
   
   
    
    
    
    
    
  1. function checkKey(iKey){
    2. 
    
    
    
    
  2.     if(iKey == 32 || iKey == 229){return true;}/*空格和异常*/
    3. 
    
    
    
    
  3.     if(iKey>47 && iKey < 58){return true;}/*数字*/
    4. 
    
    
    
    
  4.     if(iKey>64 && iKey < 91){return true;}/*字母*/
    5. 
    
    
    
    
  5.     if(iKey>95 && iKey < 108){return true;}/*数字键盘1*/
    6. 
    
    
    
    
  6.     if(iKey>108 && iKey < 112){return true;}/*数字键盘2*/
    7. 
    
    
    
    
  7.     if(iKey>185 && iKey < 193){return true;}/*符号1*/
    8. 
    
    
    
    
  8.     if(iKey>218 && iKey < 223){return true;}/*符号2*/
    9. 
    
    
    
    
  9.     return false;
    10. 
    
    
    
    
  10. }
    11.

获取网页被卷去的位置

js 代码:

   
   
   
   
    
    
    
    
    
  1. function getScrollXY() {
    2. 
    
    
    
    
  2.     return document.body.scrollTop ? {
    3. 
    
    
    
    
  3.         x: document.body.scrollLeft,
    4. 
    
    
    
    
  4.         y: document.body.scrollTop
    5. 
    
    
    
    
  5.     }:
    6.

你可能感兴趣的:(JavaScript)

  • Phaser引擎开发：Phaser基础入门_Phaser引擎概述v1 chenlz2007 游戏开发2html5前端html游戏ui
    Phaser引擎概述Phaser是一个开源的HTML5游戏开发框架，广泛用于创建2D游戏。它基于Pixi.js，一个高性能的2D渲染引擎，旨在简化游戏开发过程，使开发者能够专注于游戏逻辑和创意。Phaser支持多种游戏类型，但特别适合用于开发动作游戏，因为它提供了丰富的功能和灵活的API来处理游戏中的动画、物理、输入等关键要素。什么是Phaser引擎？Phaser引擎是一个使用JavaScript
  • Phaser引擎开发：Phaser基础入门_Phaser引擎概述 chenlz2007 游戏开发2html5游戏音视频前端html
    Phaser引擎概述什么是Phaser引擎Phaser是一个免费的、开源的、基于Web的2D游戏开发引擎，使用JavaScript和HTML5Canvas或WebGL技术。Phaser的目的是让游戏开发者能够轻松地创建高性能的2D游戏，适用于桌面和移动平台。Phaser支持多种游戏开发需求，包括精灵管理、物理引擎、动画、输入处理、音频和视频处理等。Phaser的历史Phaser由RichardDa
  • QT6.5+qt-quick学习笔记 m0_63052064 学习
    为什么用QMLQML是一种声明式语言，这意味着开发者只需要描述用户界面的外观和行为，而不需要关心具体的实现细节。这种方式减少了代码量，使得界面设计更加直观和高效。QML提供了丰富的UI组件和动画效果，开发者可以快速创建出现代化、用户友好的应用程序QML基于JavaScript并且与JavaScript的结合使得创建交互式和动画效果变得简单且高效。开发以Debug方式可以按步运行，调试；releas
  • Python学习第十天--处理CSV文件和JSON数据 無量空所 python学习python
    CSV：简化的电子表格，被保存为纯文本文件JSON：是一种数据交换格式，易于人阅读和编写，同时也易于机器解析和生成，以JavaScript源代码的形式将信息保存在纯文本文件中一、csv模块CSV文件中的每行代表电子表格中的一行，逗号分隔了该行中的单元格。但并非CSV文件中的每个逗号都表示两个单元格之间的分界。CSV文件也有自己的转义字符，允许逗号和其他字符作为值的一部分。所以总是应该使用csv模块
  • 2025最新实测可用的免费股票API接口推荐：python、JavaScript 、JAVA等实例代码演示教你如何免费获取股票实时、历史、指标等数据 Eumenides_max pythonjavascriptjava股票数据接口股票API接口
    在数字化时代，股票投资已不再局限于传统的交易方式。随着金融科技的飞速发展，API（应用程序编程接口）接口正逐渐成为股票交易领域的新宠，为投资者提供了更加便捷、高效的交易体验。API接口在股票交易中的应用，主要体现在其能够实现数据的实时传输和交互。通过API接口，投资者可以实时获取市场动态、股票价格、交易量等关键信息，为决策提供有力支持。同时，API接口还支持自动化交易，投资者可以根据预设的交易策略
  • 深入了解 npm 和 pnpm：前端包管理工具的选择与比较 山禾女鬼001 前端npmnode.js
    在现代前端开发中，包管理工具已经成为了必不可少的组成部分。它们帮助我们管理项目的依赖、自动化任务、以及在团队协作时确保一致的开发环境。最常见的前端包管理工具有npm和pnpm，它们各自具有独特的特点和优势。今天，我们就来一起深入了解这两款工具，看看它们的异同以及在实际开发中如何选择合适的工具。一、什么是npm？npm(NodePackageManager)是目前最流行的JavaScript包管理工
  • 使用Python和Flask搭建导航网站需要注意的问题有哪些？ 大懒猫软件 pythonflask开发语言
    使用Python和Flask搭建导航网站时，需要注意以下几个关键问题，以确保网站的性能、安全性和可维护性。以下是一些常见问题和建议：1.性能优化静态文件缓存：确保静态文件（如CSS、JavaScript、图片）被浏览器缓存，减少重复请求。在Nginx中配置缓存头：nginx复制location~*\.(css|js|jpg|jpeg|png|gif)${expires1d;#设置缓存有效期为1天}
  • 对 Electron 架构的理解 北海屿鹿 前端electron前端
    Electron的架构可以分为三层：Chromium、Node.js和应用程序层。Electron是一种基于Chromium和Node.js的开源框架，可以用于快速构建跨平台的桌面应用程序。Chromium层：Chromium是一种开源的浏览器引擎，能够渲染HTML、CSS和JavaScript等web技术栈。在Electron中，Chromium负责绘制应用程序的主窗口和所有的web视图内容，并
  • Electron----桌面应用开发框架 暖阳浅笑-嘿 前端框架electron桌面应用
    Electron是一个开源框架，旨在使用Web技术（如HTML、CSS和JavaScript）开发跨平台的桌面应用。它结合了Chromium和Node.js，使开发者能够构建具有原生应用体验的桌面应用程序，同时使用熟悉的Web开发工具和技术。1.什么是Electron？定义：Electron是一个跨平台的桌面应用开发框架，由GitHub开发并维护。它允许使用Web技术（HTML、CSS和JavaS
  • 深入理解Electron一Electron架构介绍 weixin_43188769 前端框架开发语言
    深入理解Electron（一）Electron架构介绍Electron是什么引用来自官网的解释：Electron是一个使用JavaScript、HTML和CSS构建桌面应用程序的框架。通过将Chromium和Node.js嵌入到它的二进制文件中，Electron允许你维护一个JavaScript代码库，并创建可以在Windows、macOS和Linux上运行的跨平台应用程序ーー不需要本地开发经验。
  • Vue.js 如何塑造现代网络体验 清风孤客 vue.js网络前端
    Vue.js已迅速成为JavaScript框架中的热门之选，以其简洁的设计、灵活性和强大功能而闻名。全球的开发者被Vue.js所吸引，是因为它能极为轻松地构建动态且引人入胜的用户界面。但Vue.js究竟有何用途，又为何如此受欢迎呢？本文将探讨Vue.js及其在各个领域的关键应用。我们将展示开发者如何利用它构建从交互式网络应用、单页应用（SPA）到复杂电子商务网站等各种项目。我们还将讨论其核心特性、
  • Electron 框架详解与最新动态 海豹工匠 electronjavascript前端
    什么是Electron？Electron是由GitHub开发并维护的一个开源框架，旨在使用Web技术（如HTML、CSS和JavaScript）来构建跨平台的桌面应用程序。它嵌入了Chromium和Node.js，使开发者能够使用这些Web技术在桌面环境中构建应用。Electron的核心优势在于其跨平台兼容性，允许开发者编写一次代码，运行在Windows、macOS和Linux平台上。常见的基于E
  • Toxoid Engine：下一代Web游戏引擎的先锋 施刚爽
    ToxoidEngine：下一代Web游戏引擎的先锋toxoidAmodern,cross-platform,highlymodular/decoupled,data-driven,ECS-basedgameenginewritteninRustwithscriptingsupportforC#,JavaScriptandRusttoRust(WASM),hot-reloading,WebGPUr
  • boostrap组件 柒染‍ csshtml5html
    Bootstrap来自Twitter（推特），是目前最受欢迎的前端框架。Bootstrap是基于HTML，css，JavaScript的，它简洁灵活，使得web开发更加快速。框架：顾名思义就是一套架构，它有一套比较完整的网页功能解决方案，而且控制权在框架本身，有预制的样式库，组件和插件。使用者要按照框架所规定的某种规范进行开发。这是我所学到的用CSS基础，所以我要分享给你们，希望可以帮助到你们。组
  • HTTPS安全版预告页面设计与实施指南 魔都财观
    本文还有配套的精品资源，点击获取简介：本文深入探讨了网站即将上线时，如何使用HTTPS协议创建一个安全且吸引人的预告页面。HTTPS是HTTP的安全版本，利用SSL/TLS协议提供数据加密、身份验证和数据完整性，对于保护用户隐私和提升网站信任度至关重要。文章详细阐述了构建预告页面时所需的基础HTML、CSS和JavaScript技术，并且讨论了如何配置HTTPS以及进行测试和SEO优化的重要性。1
  • 深入解析Vue3响应式系统：从Proxy实现到依赖收集的核心原理 荆州克莱 面试题汇总与解析springcloudspringbootspring技术css3
    深入解析Vue3响应式系统：从Proxy实现到依赖收集的核心原理响应式系统的基本原理作为一个热门的JavaScript框架，Vue在3.x版本中引入了基于Proxy的响应式系统。这个系统的核心思想是利用Proxy对象拦截对数据的访问和修改，从而实现数据的自动更新。当我们改变一个被代理的对象时，相关的视图会自动更新，无需手动干预。这一创新的设计让Vue3在性能和开发体验上都有了大幅度的改进。如何实现
  • 前端开发实战：创建简易HTML计算器 不胖的羊
    本文还有配套的精品资源，点击获取简介：计算器是执行基本数学运算的应用程序，通常在IT和前端开发领域中通过HTML、CSS和JavaScript实现。HTML定义页面结构和布局，JavaScript赋予计算器动态交互功能，例如监听按钮点击事件、执行计算和更新结果显示。该项目涉及HTML的元素结构、JavaScript的事件处理和DOM操作，是学习Web开发基础的理想练习。1.计算器的基本概念和应用1
  • php ip获取邮政编码,地理位置-如何从IP地址确定邮政编码和城市？ 哈士奇爱深海鱼 phpip获取邮政编码
    以下是我发现的使用[http://ipinfodb.com/ip_locator.php]来获取其信息的代码段的修改版本。请记住，您也可以向他们申请API密钥，并直接使用API来获取您认为合适的信息。如您所见[http://ipinfodb.com/ip_location_api.php，]他们提供了从PHP到JavaScript到ASP.Net的所有示例。如前所述，下面不需要密钥，因为它可以拉动
  • 掌握 npm 登录与登出：使用 npm login 和 npm logout 命令 2401_85743969 npm前端node.js
    npm（NodePackageManager）是JavaScript编程语言的包管理器，广泛用于Node.js项目中管理依赖。npm提供了丰富的功能，包括包的安装、版本管理、发布等。使用npmlogin和npmlogout命令可以与npm仓库进行身份验证和登出操作。本文将详细介绍这两个命令的使用方法和相关场景。一、npmlogin命令的使用npmlogin命令用于在终端中向npm仓库进行身份验证，
  • 网页文件下载的各种方式 怪咖学生 前端javascript开发语言
    1.直接通过HTML标签实现文件下载最常见且简便的文件下载方式是使用HTML的标签，配合download属性，允许用户下载文件。适用于静态文件和指定的文件路径。方法：下载文件href:指定文件路径，可以是相对路径或绝对路径。download:指定下载时文件的名称。如果省略，会使用文件的默认名称。优点：简单易用，不需要JavaScript。浏览器原生支持。可用于静态资源的下载。缺点：仅限于文件已经存
  • npm、cnpm、pnpm、yarn的区别 迷途小码农零零发 前端知识库npm前端node.js
    npm,cnpm,pnpm,和yarn都是JavaScript的包管理工具，用于自动化处理包的安装、更新、配置和管理。它们之间的主要区别在于它们各自的实现方式、性能优化、以及一些特有的功能。npmnpm(NodePackageManager)是Node.js的默认包管理器，也是最早被广泛接受和使用的JavaScript包管理工具。它允许用户从npm公共仓库中安装、共享和分发代码包。npm在项目中创
  • Yarn安装和使用 米粒宝的爸爸 前端前端
    安装npminstall-gyarnYarn的官网Home|Yarn-JavaScript软件包管理器|Yarn中文文档-Yarn中文网部分命令yarninit-初始化某个项目yarninstall/link-默认安装依赖yarnaddtaco-安装某个依赖并默认保存到packageyarnremovetaco-移除某个依赖yarnaddtaco-dev-安装某个开发时的依赖yarnupgrade
  • Python 网络爬虫进阶：动态网页爬取与反爬机制应对 Milk夜雨 pythonpython爬虫
    在上一篇文章中，我们学习了如何使用Python构建一个基本的网络爬虫。然而，在实际应用中，许多网站使用动态内容加载或实现反爬机制来阻止未经授权的抓取。因此，本篇文章将深入探讨以下进阶主题：如何处理动态加载的网页内容应对常见的反爬机制爬虫性能优化通过具体实例，我们将探讨更复杂的网络爬虫开发技巧。一、动态网页爬取现代网页通常通过JavaScript加载动态内容。直接使用requests获取的HTML可
  • 数组at()方法：负索引的救赎与JavaScript标准化之路 不做超级小白 前端功能通关秘籍web前端javascript开发语言ecmascript
    数组at()方法：负索引的救赎与JavaScript标准化之路从一次代码评审说起在某次团队代码评审中，小白注意到有同事写下了这样的代码：constlastItem=arr[arr.length-1];这让我回想起自己早期开发时被负索引问题困扰的经历。今天，随着ES2022的发布，我们终于迎来了官方解决方案——Array.prototype.at()。本文将带你深入理解这一新特性背后的设计哲学与技术
  • 超简洁 100行Javascript代码实现2048游戏，浏览器可玩 入职啦 100行实战项目javascript游戏开发语言
    本文发表于入职啦(公众号:ruzhila)大家可以访问入职啦学习更多的编程实战。完全用Javascript的Canvas实现2048游戏，打开浏览器就可以玩项目地址代码已经开源，2048-js欢迎Star代码运行效果：所有的项目都在github上开源：100-line-code欢迎Star用100行代码的不同语言（Java、Python、Go、Javascript、Rust）实现项目，通过讲解项目
  • 基于SpringBoot的模拟证券交易系统 SAFE20242034 #一SpringBootspringboot后端java
    模拟证券交易系统项目概述本项目是一个基于Java的模拟证券交易系统，主要功能包括用户注册、登录、账户管理、股票查询、股票买卖以及交易记录查询等操作。系统采用SpringBoot实现后端，MySQL作为数据存储，前端使用HTML和JavaScript提供简单交互。主要功能模块1.用户注册与登录用户可以注册一个账户，包括用户名、密码、初始余额。用户登录后可访问其账户信息和进行股票交易操作。2.股票查询
  • 我转世到1995年写JavaScript称霸程序员-时空裂缝中的初识 HYP_Coder javascript开发语言ecmascript
    第一章：时空裂缝中的初识——穿越到1995年，开始编写JavaScript目录第一章：时空裂缝中的初识——穿越到1995年，开始编写JavaScript一切从零开始——了解JavaScript的基础走向深处——控制流与循环结构历史的车轮——预见未来深入探索：函数——代码的核心力量对象与数组——掌握数据结构的钥匙浏览器与DOM——向网页世界进发结语——开始征程雨，淅淅沥沥地拍打着窗户，夜色也随之变得
  • 详解 Python 中的json.loads和json.dumps方法：中英双语 阿正的梦工坊 Pythonpythonjsonmicrosoft
    中文版详解Python中的json.loads和json.dumps方法在Python的标准库中，json模块用于处理JSON数据格式。JSON（JavaScriptObjectNotation）是一种轻量级的数据交换格式，广泛用于前后端交互以及数据存储。json.loads和json.dumps是json模块中最常用的两个方法，分别用于解析JSON字符串和将Python对象序列化为JSON字符串
  • JavaScript系列（45）--响应式编程实现详解 ᅟᅠ        ‌‍‎‏ 一进制 JavaScriptjavascript开发语言ecmascript
    JavaScript响应式编程实现详解今天，让我们深入探讨JavaScript的响应式编程实现。响应式编程是一种基于数据流和变化传播的编程范式，它使我们能够以声明式的方式处理异步数据流。响应式编程基础概念小知识：响应式编程的核心是将所有事物都视为数据流，包括变量、用户输入、网络请求等。通过对这些数据流进行组合和转换，我们可以以声明式的方式处理复杂的异步操作。基本实现//1.基础Observable
  • JavaScript|LeetCode|动态规划|62.不同路径 J_learner LeetCodeleetcode算法动态规划
    法1：动态规划方法类同JavaScript|LeetCode|动态规划|64.最小路径和法2想法：使用一个一维数组dp，来保存到达当前行的每个网格的不同路径数到达第一行或第一列的每个网格的不同路径数目均为1到达其他网格的不同路径数目：当前网格上面的一个网格、当前网格左面的一个网格，到达这两者的不同路径数之和/***@param{number}m*@param{number}n*@return{nu
  • sql统计相同项个数并按名次显示 朱辉辉33 javaoracle
    现在有如下这样一个表： A表 ID Name time ------------------------------ 0001 aaa 2006-11-18 0002 ccc 2006-11-18 0003 eee 2006-11-18 0004 aaa 2006-11-18 0005 eee 2006-11-18 0004 aaa 2006-11-18 0002 ccc 20
  • Android+Jquery Mobile学习系列-目录 白糖_ JQuery Mobile
    最近在研究学习基于Android的移动应用开发，准备给家里人做一个应用程序用用。向公司手机移动团队咨询了下，觉得使用Android的WebView上手最快，因为WebView等于是一个内置浏览器，可以基于html页面开发，不用去学习Android自带的七七八八的控件。然后加上Jquery mobile的样式渲染和事件等，就能非常方便的做动态应用了。   从现在起，往后一段时间，我打算
  • 如何给线程池命名 daysinsun 线程池
            在系统运行后，在线程快照里总是看到线程池的名字为pool-xx，这样导致很不好定位，怎么给线程池一个有意义的名字呢。参照ThreadPoolExecutor类的ThreadFactory，自己实现ThreadFactory接口，重写newThread方法即可。参考代码如下：     public class Named
  • IE 中"HTML Parsing Error:Unable to modify the parent container element before the 周凡杨 html解析errorreadyState
      错误： IE 中"HTML Parsing Error:Unable to modify the parent container element before the child element is closed"     现象： 同事之间几个IE 测试情况下，有的报这个错，有的不报。经查询资料后，可归纳以下原因。
  • java上传 g21121 java
    我们在做web项目中通常会遇到上传文件的情况，用struts等框架的会直接用的自带的标签和组件，今天说的是利用servlet来完成上传。 我们这里利用到commons-fileupload组件，相关jar包可以取apache官网下载：http://commons.apache.org/ 下面是servlet的代码： //定义一个磁盘文件工厂 DiskFileItemFactory fact
  • SpringMVC配置学习 510888780 springmvc
    spring MVC配置详解 现在主流的Web MVC框架除了Struts这个主力 外，其次就是Spring MVC了，因此这也是作为一名程序员需要掌握的主流框架，框架选择多了，应对多变的需求和业务时，可实行的方案自然就多了。不过要想灵活运用Spring MVC来应对大多数的Web开发，就必须要掌握它的配置及原理。 　　一、Spring MVC环境搭建：（Spring 2.5.6 + Hi
  • spring mvc-jfreeChart 柱图(1) 布衣凌宇 jfreechart
    第一步：下载jfreeChart包，注意是jfreeChart文件lib目录下的，jcommon-1.0.23.jar和jfreechart-1.0.19.jar两个包即可； 第二步：配置web.xml; web.xml代码如下 <servlet>     <servlet-name>jfreechart</servlet-nam
  • 我的spring学习笔记13-容器扩展点之PropertyPlaceholderConfigurer aijuans Spring3
    PropertyPlaceholderConfigurer是个bean工厂后置处理器的实现，也就是BeanFactoryPostProcessor接口的一个实现。关于BeanFactoryPostProcessor和BeanPostProcessor类似。我会在其他地方介绍。PropertyPlaceholderConfigurer可以将上下文（配置文件）中的属性值放在另一个单独的标准java P
  • java 线程池使用 Runnable&Callable&Future antlove javathreadRunnablecallablefuture
    1. 创建线程池 ExecutorService executorService = Executors.newCachedThreadPool();   2. 执行一次线程，调用Runnable接口实现 Future<?> future = executorService.submit(new DefaultRunnable()); System.out.prin
  • XML语法元素结构的总结 百合不是茶 xml树结构
    1.XML介绍1969年   gml (主要目的是要在不同的机器进行通信的数据规范)1985年   sgml  standard generralized markup language1993年   html(www网)1998年  xml   extensible markup language
  • 改变eclipse编码格式 bijian1013 eclipse编码格式
    1.改变整个工作空间的编码格式         改变整个工作空间的编码格式，这样以后新建的文件也是新设置的编码格式。         Eclipse->window->preferences->General->workspace-
  • javascript中return的设计缺陷 bijian1013 JavaScriptAngularJS
    代码1： <script> var gisService = (function(window) { return { name:function () { alert(1); } }; })(this); gisService.name(); &l
  • 【持久化框架MyBatis3八】Spring集成MyBatis3 bit1129 Mybatis3
    pom.xml配置 Maven的pom中主要包括： MyBatis MyBatis-Spring Spring MySQL-Connector-Java Druid applicationContext.xml配置   <?xml version="1.0" encoding="UTF-8"?> &
  • java web项目启动时自动加载自定义properties文件 bitray javaWeb监听器相对路径
    创建一个类 public class ContextInitListener implements ServletContextListener 使得该类成为一个监听器。用于监听整个容器生命周期的，主要是初始化和销毁的。 类创建后要在web.xml配置文件中增加一个简单的监听器配置，即刚才我们定义的类。 <listener> <des
  • 用nginx区分文件大小做出不同响应 ronin47
    昨晚和前21v的同事聊天，说到我离职后一些技术上的更新。其中有个给某大客户(游戏下载类)的特殊需求设计，因为文件大小差距很大——估计是大版本和补丁的区别——又走的是同一个域名，而squid在响应比较大的文件时，尤其是初次下载的时候，性能比较差，所以拆成两组服务器，squid服务于较小的文件，通过pull方式从peer层获取，nginx服务于较大的文件，通过push方式由peer层分发同步。外部发布
  • java-67-扑克牌的顺子.从扑克牌中随机抽5张牌，判断是不是一个顺子，即这5张牌是不是连续的.2-10为数字本身，A为1，J为11，Q为12，K为13，而大 bylijinnan java
    package com.ljn.base; import java.util.Arrays; import java.util.Random; public class ContinuousPoker { /** * Q67 扑克牌的顺子 从扑克牌中随机抽5张牌，判断是不是一个顺子，即这5张牌是不是连续的。 * 2-10为数字本身，A为1，J为1
  • 翟鸿燊老师语录 ccii 翟鸿燊
    一、国学应用智慧TAT之亮剑精神A 1. 角色就是人格     就像你一回家的时候，你一进屋里面，你已经是儿子，是姑娘啦，给老爸老妈倒怀水吧，你还觉得你是老总呢？还拿派呢？就像今天一样，你们往这儿一坐，你们之间是什么，同学，是朋友。     还有下属最忌讳的就是领导向他询问情况的时候，什么我不知道，我不清楚，该你知道的你凭什么不知道
  • [光速与宇宙]进行光速飞行的一些问题 comsci 问题
         在人类整体进入宇宙时代，即将开展深空宇宙探索之前，我有几个猜想想告诉大家     仅仅是猜想。。。未经官方证实      1：要在宇宙中进行光速飞行，必须首先获得宇宙中的航行通行证，而这个航行通行证并不是我们平常认为的那种带钢印的证书，是什么呢？ 下面我来告诉
  • oracle undo解析 cwqcwqmax9 oracle
    oracle undo解析2012-09-24 09:02:01     我来说两句       作者：虫师收藏    我要投稿 Undo是干嘛用的？         &nb
  • java中各种集合的详细介绍 dashuaifu java集合
    一，java中各种集合的关系图 Collection       接口的接口     对象的集合  ├ List           子接口   &n
  • 卸载windows服务的方法 dcj3sjt126com windowsservice
    卸载Windows服务的方法 在Windows中，有一类程序称为服务，在操作系统内核加载完成后就开始加载。这里程序往往运行在操作系统的底层，因此资源占用比较大、执行效率比较高，比较有代表性的就是杀毒软件。但是一旦因为特殊原因不能正确卸载这些程序了，其加载在Windows内的服务就不容易删除了。即便是删除注册表中的相 应项目，虽然不启动了，但是系统中仍然存在此项服务，只是没有加载而已。如果安装其他
  • Warning: The Copy Bundle Resources build phase contains this target's Info.plist dcj3sjt126com iosxcode
        http://developer.apple.com/iphone/library/qa/qa2009/qa1649.html Excerpt: You are getting this warning because you probably added your Info.plist file to your Copy Bundle
  • 2014之C++学习笔记（一） Etwo C++EtwoEtwoiterator迭代器
            已经有很长一段时间没有写博客了，可能大家已经淡忘了Etwo这个人的存在，这一年多以来，本人从事了AS的相关开发工作，但最近一段时间，AS在天朝的没落，相信有很多码农也都清楚，现在的页游基本上达到饱和，手机上的游戏基本被unity3D与cocos占据，AS基本没有容身之处。so。。。最近我并不打算直接转型
  • js跨越获取数据问题记录 haifengwuch jsonpjsonAjax
    js的跨越问题，普通的ajax无法获取服务器返回的值。   第一种解决方案，通过getson，后台配合方式，实现。 Java后台代码： protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException { String ca
  • 蓝色jQuery导航条 ini JavaScripthtmljqueryWebhtml5
    效果体验：http://keleyi.com/keleyi/phtml/jqtexiao/39.htmHTML文件代码： <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>jQuery鼠标悬停上下滑动导航条 - 柯乐义<
  • linux部署jdk,tomcat,mysql kerryg jdktomcatlinuxmysql
    1、安装java环境jdk:     一般系统都会默认自带的JDK,但是不太好用，都会卸载了，然后重新安装。    1.1）、卸载：      （rpm -qa :查询已经安装哪些软件包；        rmp -q 软件包：查询指定包是否已
  • DOMContentLoaded VS onload VS onreadystatechange mutongwu jqueryjs
    1. DOMContentLoaded 在页面html、script、style加载完毕即可触发，无需等待所有资源（image/iframe）加载完毕。（IE9+） 2. onload是最早支持的事件，要求所有资源加载完毕触发。 3. onreadystatechange 开始在IE引入，后来其它浏览器也有一定的实现。涉及以下 document , applet, embed, fra
  • sql批量插入数据 qifeifei 批量插入
    hi，   自己在做工程的时候，遇到批量插入数据的数据修复场景。我的思路是在插入前准备一个临时表，临时表的整理就看当时的选择条件了，临时表就是要插入的数据集，最后再批量插入到数据库中。    WITH tempT AS ( SELECT item_id AS combo_id, item_id, now() AS create_date FROM a
  • log4j打印日志文件 如何实现相对路径到 项目工程下 thinkfreer Weblog4j应用服务器日志
    最近为了实现统计一个网站的访问量，记录用户的登录信息，以方便站长实时了解自己网站的访问情况，选择了Apache 的log4j,但是在选择相对路径那块 卡主了，X度了好多方法(其实大多都是一样的内用，还一个字都不差的)，都没有能解决问题，无奈搞了2天终于解决了，与大家分享一下 需求： 用户登录该网站时，把用户的登录名,ip,时间。统计到一个txt文档里，以方便其他系统调用此txt。项目名
  • linux下mysql-5.6.23.tar.gz安装与配置 笑我痴狂 mysqllinuxunix
    1.卸载系统默认的mysql [root@localhost ~]# rpm -qa | grep mysql mysql-libs-5.1.66-2.el6_3.x86_64 mysql-devel-5.1.66-2.el6_3.x86_64 mysql-5.1.66-2.el6_3.x86_64 [root@localhost ~]# rpm -e mysql-libs-5.1
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他