1. 希望本文总结的内容能给各位看官带来焕然一新的感觉。另外,如果你们有什么值得推荐的js技巧,欢迎在评论中补充,我可以收纳在本文中。
  2. PS:此文档会持续新增内容。
  3. Ajax请求
  4. jquery ajax函数
  5.  
  6. 我自己封装了一个ajax的函数,代码如下:
  7.  
  8. var Ajax = function(url, type success, error) {
  9. $.ajax({
  10. url: url,
  11. type: type,
  12. dataType: 'json',
  13. timeout: 10000,
  14. success: function(d) {
  15. var data = d.data;
  16. success && success(data);
  17. },
  18. error: function(e) {
  19. error && error(e);
  20. }
  21. });
  22. };
  23. // 使用方法:
  24. Ajax('/data.json', 'get', function(data) {
  25. console.log(data);
  26. });
  27. jsonp方式
  28.  
  29. 有时候我们为了跨域,要使用jsonp的方法,我也封装了一个函数:
  30.  
  31. function jsonp(config) {
  32. var options = config || {}; // 需要配置url, success, time, fail四个属性
  33. var callbackName = ('jsonp_' + Math.random()).replace(".", "");
  34. var oHead = document.getElementsByTagName('head')[0];
  35. var oScript = document.createElement('script');
  36. oHead.appendChild(oScript);
  37. window[callbackName] = function(json) { //创建jsonp回调函数
  38. oHead.removeChild(oScript);
  39. clearTimeout(oScript.timer);
  40. window[callbackName] = null;
  41. options.success && options.success(json); //先删除script标签,实际上执行的是success函数
  42. };
  43. oScript.src = options.url + '?' + callbackName; //发送请求
  44. if (options.time) { //设置超时处理
  45. oScript.timer = setTimeout(function () {
  46. window[callbackName] = null;
  47. oHead.removeChild(oScript);
  48. options.fail && options.fail({ message: "超时" });
  49. }, options.time);
  50. }
  51. };
  52. // 使用方法:
  53. jsonp({
  54. url: '/b.com/b.json',
  55. success: function(d){
  56. //数据处理
  57. },
  58. time: 5000,
  59. fail: function(){
  60. //错误处理
  61. }
  62. });
  63. 常用正则验证表达式
  64.  
  65. 手机号验证
  66.  
  67. var validate = function(num) {
  68. var exp = /^1[3-9]\d{9}$/;
  69. return exp.test(num);
  70. };
  71. 身份证号验证
  72.  
  73. var exp = /^[1-9]{1}[0-9]{14}$|^[1-9]{1}[0-9]{16}([0-9]|[xX])$/;
  74. ip验证
  75.  
  76. var exp = /^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$/;
  77. 常用js函数
  78.  
  79. 返回顶部
  80.  
  81. $(window).scroll(function() {
  82. var a = $(window).scrollTop();
  83. if(a > 100) {
  84. $('.go-top').fadeIn();
  85. }else {
  86. $('.go-top').fadeOut();
  87. }
  88. });
  89. $(".go-top").click(function(){
  90. $("html,body").animate({scrollTop:"0px"},'600');
  91. });
  92. 阻止冒泡
  93.  
  94. function stopBubble(e){
  95. e = e || window.event;
  96. if(e.stopPropagation){
  97. e.stopPropagation(); //W3C阻止冒泡方法
  98. }else {
  99. e.cancelBubble = true; //IE阻止冒泡方法
  100. }
  101. }
  102. 全部替换replaceAll
  103.  
  104. var replaceAll = function(bigStr, str1, str2) { //把bigStr中的所有str1替换为str2
  105. var reg = new RegExp(str1, 'gm');
  106. return bigStr.replace(reg, str2);
  107. }
  108. 获取浏览器url中的参数值
  109.  
  110. var getURLParam = function(name) {
  111. return decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)', "ig").exec(location.search) || [, ""])[1].replace(/\+/g, '%20')) || null;
  112. };
  113. 深度拷贝对象
  114.  
  115. function cloneObj(obj) {
  116. var o = obj.constructor == Object ? new obj.constructor() : new obj.constructor(obj.valueOf());
  117. for(var key in obj){
  118. if(o[key] != obj[key] ){
  119. if(typeof(obj[key]) == 'object' ){
  120. o[key] = mods.cloneObj(obj[key]);
  121. }else{
  122. o[key] = obj[key];
  123. }
  124. }
  125. }
  126. return o;
  127. }
  128. 数组去重
  129.  
  130. var unique = function(arr) {
  131. var result = [], json = {};
  132. for (var i = 0, len = arr.length; i < len; i++){
  133. if (!json[arr[i]]) {
  134. json[arr[i]] = 1;
  135. result.push(arr[i]); //返回没被删除的元素
  136. }
  137. }
  138. return result;
  139. };
  140. 判断数组元素是否重复
  141.  
  142. var isRepeat = function(arr) { //arr是否有重复元素
  143. var hash = {};
  144. for (var i in arr) {
  145. if (hash[arr[i]]) return true;
  146. hash[arr[i]] = true;
  147. }
  148. return false;
  149. };
  150. 生成随机数
  151.  
  152. function randombetween(min, max){
  153. return min + (Math.random() * (max-min +1));
  154. }
  155. 操作cookie
  156.  
  157. own.setCookie = function(cname, cvalue, exdays){
  158. var d = new Date();
  159. d.setTime(d.getTime() + (exdays*24*60*60*1000));
  160. var expires = 'expires='+d.toUTCString();
  161. document.cookie = cname + '=' + cvalue + '; ' + expires;
  162. };
  163. own.getCookie = function(cname) {
  164. var name = cname + '=';
  165. var ca = document.cookie.split(';');
  166. for(var i=0; i< ca.length; i++) {
  167. var c = ca[i];
  168. while (c.charAt(0) == ' ') c = c.substring(1);
  169. if (c.indexOf(name) != -1) return c.substring(name.length, c.length);
  170. }
  171. return '';
  172. };
  173.  
  174. 知识技巧总结
  175.  
  176. 数据类型
  177.  
  178. underfinednull0falseNaN、空字符串。他们的逻辑非结果均为true
  179.  
  180. 闭包格式
  181.  
  182. 好处:避免命名冲突(全局变量污染)。
  183.  
  184. (function(a, b) {
  185. console.log(a+b); //
  186. })(10, 20);
  187. 截取和清空数组
  188.  
  189. var arr = [12, 222, 44, 88];
  190. arr.length = 2; //截取,arr = [12, 222];
  191. arr.length = 0; //清空,arr will be equal to [].
  192. 获取数组的最大最小值
  193.  
  194. var numbers = [5, 45822, 120, -215];
  195. var maxInNumbers = Math.max.apply(Math, numbers); //
  196. var minInNumbers = Math.min.apply(Math, numbers); //-215
  197. 浮点数计算问题
  198.  
  199. 0.1 + 0.2 == 0.3 //false
  200. 为什么呢?因为0.1+0.2等于0.30000000000000004JavaScript的数字都遵循IEEE 754标准构建,在内部都是64位浮点小数表示。可以通过使用toFixed()来解决这个问题。
  201.  
  202. 数组排序sort函数
  203.  
  204. var arr = [1, 5, 6, 3]; //数字数组
  205. arr.sort(function(a, b) {
  206. return a - b; //从小到大排
  207. return b - a; //从大到小排
  208. return Math.random() - 0.5; //数组洗牌
  209. });
  210. var arr = [{ //对象数组
  211. num: 1,
  212. text: 'num1'
  213. }, {
  214. num: 5,
  215. text: 'num2'
  216. }, {
  217. num: 6,
  218. text: 'num3'
  219. }, {
  220. num: 3,
  221. text: 'num4'
  222. }];
  223. arr.sort(function(a, b) {
  224. return a.num - b.num; //从小到大排
  225. return b.num - a.num; //从大到小排
  226. });
  227. 对象和字符串的转换
  228.  
  229. var obj = {a: 'aaa', b: 'bbb'};
  230. var objStr = JSON.stringify(obj); // "{"a":"aaa","b":"bbb"}"
  231. var newObj = JSON.parse(objStr); // {a: "aaa", b: "bbb"}
  232. git笔记
  233.  
  234. git使用之前的配置
  235.  
  236. 1.git config --global user.email xxx@163.com
  237. 2.git config --global user.name xxx
  238. 3.ssh-keygen -t rsa -C xxx@163.com(邮箱地址) // 生成ssh
  239. 4.找到.ssh文件夹打开,使用cat id_rsa.pub //打开公钥ssh串
  240. 5.登陆githubsettings SSH keys add ssh keys (把上面的内容全部添加进去即可)
  241. 说明:然后这个邮箱(xxxxx@gmail.com)对应的账号在github上就有权限对仓库进行操作了。可以尽情的进行下面的git命令了。
  242. git常用命令
  243.  
  244. 1git config user.name / user.email //查看当前git的用户名称、邮箱
  245. 2git clone https://github.com/jarson7426/javascript.git project //clone仓库到本地。
  246. 3、修改本地代码,提交到分支: git add file / git commit -m “新增文件”
  247. 4、把本地库推送到远程库: git push origin master
  248. 5、查看提交日志:git log -5
  249. 6、返回某一个版本:git reset --hard 123
  250. 7、分支:git branch / git checkout name / git checkout -b dev
  251. 8、合并name分支到当前分支:git merge name / git pull origin
  252. 9、删除本地分支:git branch -D name
  253. 10、删除远程分支: git push origin :daily/x.x.x
  254. 11git checkout -b mydev origin/daily/1.0.0 //把远程daily分支映射到本地mydev分支进行开发
  255. 12、合并远程分支到当前分支 git pull origin daily/1.1.1
  256. 13、发布到线上:
  257. git tag publish/0.1.5
  258. git push origin publish/0.1.5:publish/0.1.5
  259. 14、线上代码覆盖到本地:
  260. git checkout --theirs build/scripts/ddos
  261. git checkout --theirs src/app/ddos

转载自:http://www.w3cfuns.com/notes/14094/07f975d624801cf18f73df7e9df69554.html

总结JS 常用函数的更多相关文章

  1. ecshop里提出来的js常用函数

    目录 Utils.js jquery.listTable.js 使用例子: ecshop里提出来的js常用函数 Utils.js /* $Id : utils.js 5052 2007-02-03 1 ...

  2. 总结js常用函数和常用技巧(持续更新)

    学习和工作的过程中总结的干货,包括常用函数.常用js技巧.常用正则表达式.git笔记等.为刚接触前端的童鞋们提供一个简单的查询的途径,也以此来缅怀我的前端学习之路. PS:此文档,我会持续更新. Aj ...

  3. js常用函数和常用技巧

    学习和工作的过程中总结的干货,包括常用函数.常用js技巧.常用正则表达式.git笔记等.为刚接触前端的童鞋们提供一个简单的查询的途径,也以此来缅怀我的前端学习之路. PS:此文档,我会持续更新. Aj ...

  4. js常用函数、书写可读性的js、js变量声明...

    1.Array类型函数 array.concat(item...) 函数功能:关联数组,实现数组相加功能,但并不影响原先数组,concat返回新数组. array.join(separator) 函数 ...

  5. js常用函数整理

    类型转换:parseInt\parseFloat\toString 类型判断:typeof;eg:if(typeof(var)!="undefined")\isNaN 字符处理函数 ...

  6. js常用函数汇总(不定期更新)

    1.图片按比例压缩 function setImgSize(){ var outbox_w=imgbox.width(), outbox_h=imgbox.height(); imgbox.find( ...

  7. JavaScript学习总结(9)——JS常用函数(一)

    本文中,收集了一些比较常用的Javascript函数,希望对学习JS的朋友们有所帮助. 1. 字符串长度截取 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 1 ...

  8. JavaScript的使用以及JS常用函数(JS 遍历数组和集合)

    JavaScript入门 学习总结 1. 什么是 JavaScript 2. JavaScript 的特点 3. JS的使用 编写位置 基本语法 变量 打印变量 数据类型 innerHTML和inne ...

  9. Js 常用函数

    1. 算数函数(Math) 1)Js小数取整 常用于:分页算法 js 小数取整的函 .丢弃小数部分,保留整数部分 js:parseInt(/) .向上取整,有小数就整数部分加1 js: Math.ce ...

随机推荐

  1. WLAN频段的选择

    WLAN(无线局域网)通过射频技术,将设备之间互联.当前应用于WLAN组网的有WIFI,蓝牙等.蓝牙工作在2.4GHZ的ISM(工业.科研.医疗)频段,功率等级分为0dBm,10dBm,20dBm:发 ...

  2. AspNetPager分页控件

    AspNetPager分页控件解决了分页中的很多问题,直接采用该控件进行分页处理,会将繁琐的分页工作变得简单化,下面是我如何使用AspNetPager控件进行分页处理的详细代码:1.首先到www.we ...

  3. python容器类型:列表,字典,集合等

    容器的概念我是从C++的STL中学到的 什么是容器? 容器是用来存储和组织其他对象的对象. 也就是说容器里面可以放很多东西,这些东西可以是字符串,可以是整数,可以是自定义类型,然后把这些东西有组织的存 ...

  4. asp.net core实现SHA1withRSA

    public sealed class SHA1withRSA { /// <summary> /// pem SHA1withRSA签名 /// </summary> /// ...

  5. Linux常用命令1

    jps(Java Virtual Machine Process Status Tool)是JDK 1.5提供的一个显示当前所有Java进程pid的命令. jps [ options ] [ host ...

  6. python 字符编码 转换

    #!/bin/env python#-*- encoding=utf8 -*-# 文件头指定utf8编码还是乱码时,使用下面方式指定# fix encoding problem import sys ...

  7. ASP.NET之Cookie(坑爹的Response.Cookies.Remove)(转)

      在web开发中Cookie是必不可少的 .NET自然也有一个强大的Cookie操作类,我们用起来也非常方便,不过在使用中我们会发现一个坑爹的事情Response.Cookies.Remove删除不 ...

  8. 关于tp.5.0角色管理导致的创建角色登陆报错问题解决!

    今天用tp 5.0的时候,遇到一个问题,就是在利用超级管理员创建管理员角色时,角色账号密码登陆报错的问题 解决方法如下 htaccess文件修改如下 <IfModule mod_rewrite. ...

  9. range()和xrange()区别

    版本:Python2.7 1.先看帮助说明 (1)range()返回一个递增或递减的数字列表,列表的元素由三个参数决定       start 表示列表开始的值,默认为0       stop 表示列 ...

  10. eclipse查看class文件的源码

    eclipse查看class文件的源码: 1.网上下载jadClipse的jar包和执行文件jad.exe和 net.sf.jadclipse_3.3.0.jar. 2.把上面下载的jar包放在ecp ...