frontEnd
leoSong.
这个作者很懒,什么都没留下…
展开
-
前端调试js小技巧
前端调试js小技巧在前端调试中,会经常添加console.log()语句,调试完后又需要挨个删除,比较麻烦,于是想到这么一个办法(希望以后遇到更好的办法) consoleLog(1,'alert',a) function consoleLog(flag=false,type,...outs) { /* input: flag:是否启用,true/false type...原创 2018-11-16 16:16:49 · 363 阅读 · 0 评论 -
JavaScript自记忆函数
JavaScript自记忆函数,函数能够记住上次计算发结果 function isPrime(value) { //创建函数属性 if (!isPrime.answers) { isPrime.answers = {}; } //检查缓存的值 if (isPrime.answers[value] !== undefined) ...原创 2019-04-21 10:02:20 · 273 阅读 · 0 评论 -
js 实现千位分隔符
js 实现千位分隔符描述:数字的千位分隔符表示法,比如126186312转化为126,186,312。function numFormat(num) { var c = (num.toString().indexOf ('.') !== -1) ? num.toLocaleString():num.toString().replace(/(\d)(?=(?:\d{3})+$)/g, '$1,...原创 2019-04-03 10:15:32 · 333 阅读 · 0 评论 -
js函数节流
函数节流阻止一个函数在很短时间间隔内联系调用 <button>按钮</button> <script> function throttle(method,context){ clearTimeout(method.tId); method.tId = setTimeout(() ...原创 2019-03-26 19:59:25 · 4087 阅读 · 2 评论 -
mockjs模拟数据
<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <div id="app"> <p>{{ foo }}</...原创 2019-03-24 19:46:49 · 1218 阅读 · 0 评论 -
js变量交换方法汇总
js变量交换方法一 let a = 4; let b = 3; b = b - a; a = a + b; //a = a + b - a b = a - b; //b = a + b - a - (b - a)方法二 异或利用一个数异或本身等于0,一个数异或0等于本身在这里插入代码片 a = a ^ b; b = ...原创 2019-03-08 21:12:36 · 179 阅读 · 0 评论 -
使用谷歌浏览器chrome截取长图
使用谷歌浏览器chrome截取长图F12打开调试页面按住ctrl+shift+p,输入命令capture full size screenshot,按回车键,浏览器将自动保存网页为图片。原创 2019-02-16 14:45:43 · 2577 阅读 · 0 评论 -
i18next实现前端页面国际化多语言
代码记录://js$(document).ready(function() { i18n.init({ resGetPath: './locales/__lng__/__ns__.json' }, function(t) { // 加载默认语言 $('body').i18n(); }); $("#jumpMenu"...原创 2018-12-09 13:27:13 · 3812 阅读 · 0 评论 -
ES6学习笔记2-变量的解构赋值
数组的解构赋值let [a,b,c] = [1,2,3];a //1b //2c //3模式匹配,只要等号两侧模式相同,左边的变量就会被赋予对应的值。解构不成功,变量的值等于undefined解构可以嵌套;右边不是可遍历的结构,将会报错;只要某种数据结构具有Iterator结构,即可使用数组形式的解构赋值;解构赋值允许使用默认值;若数组成员不严格等于(!===)undefi...原创 2018-11-25 10:50:55 · 172 阅读 · 0 评论 -
ES6学习笔记1
let命令1.不存在变量提升console.log(foo); //undefinedvar foo = 2;console.log(bar); //Uncaught ReferenceError: bar is not definedlet bar = 2;2.不允许重复声明let a = 10;var a = 20; //Uncaught SyntaxError: Iden...原创 2018-11-24 13:12:32 · 101 阅读 · 0 评论 -
CSS继承
CSS继承记录一下,css的继承特性。CSS继承特性主要是指文本方面的继承,而关于与盒模型相关的不带继承。比如 font-size:12px;会继承,而margin-left:10px;则不会继承。...原创 2018-11-17 20:54:16 · 375 阅读 · 0 评论 -
ajax跨域理解
Ajax为啥不能跨域?是因为存在SOP(同源策略)如果Ajax请求的资源如果不满足SOP,浏览器就是禁用掉该请求。Ajax跨域请求是被阻止的?答案:浏览器Ajax请求的过程:Ajax会将请求提交到浏览器,浏览器再与服务器通信。服务器将结果返回给浏览器,浏览器会判断服务器响应的数据和发出的请求是不是在同一个域下。如果是,浏览器会将结果转交给Ajax请求;如果不是,浏览器会丢弃该响应数...原创 2019-05-18 21:25:06 · 662 阅读 · 0 评论