
js
Do_It_Better
这个作者很懒,什么都没留下…
展开
-
判断设备是 手机 或是 电脑
if (/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) { // window.location.href = 'http://www.service.49app.com/wap' } else { // window.location.href = 'htt...转载 2020-02-12 12:15:21 · 1163 阅读 · 0 评论 -
下拉框判断是否重复选中值
下拉框判断是否重复选中值原创 2022-12-03 13:57:57 · 441 阅读 · 0 评论 -
elementUI vue 动态渲染未知个输入框,并做未知个输入框的表单验证,动态新增删除输入框
表单循环验证,表单内动态增删改行原创 2022-12-03 13:56:17 · 1260 阅读 · 0 评论 -
数组重构:数组转为新结构的对象
this.campaignData.scheduleValue=[0:[1,2],1:[2,1],2:[22,31]]const timeSectionMap = {} this.campaignData.scheduleValue.map((res, index) => { timeSectionMap[index + 1] = res})原创 2022-02-22 16:49:11 · 434 阅读 · 0 评论 -
JS 循环方法总结
数组遍历方法1.for循环使用临时变量,将长度缓存起来,避免重复获取数组长度,当数组较大时优化效果才会比较明显。 1 2 3 for(j = 0,len=arr.length; j < len; j++) { } 2.foreach循环遍历数组中的每一项,没有返回值,对原数组没有影响,不支持IE 1 2 3 4 5 6 //1 没...原创 2021-11-08 16:22:29 · 577 阅读 · 0 评论 -
数据数组重构用map()方法和for方法
map() 方法创建一个新数组,其结果是该数组中的每个元素都调用一个提供的函数后返回的结果。rewardResolve(rawData, rawProb) { rawData = rawData ? JSON.parse(rawData) : []; rawProb = rawProb ? JSON.parse(rawProb) : []; const result = rawData.map((bigGift, bigGift原创 2021-08-30 23:04:09 · 623 阅读 · 0 评论 -
函数的一些理解
1、常规写法function run (参数) { alert('常规写法');//这里是你函数的内容}// 调用run();2、匿名函数写法(可以想成给变量赋值一个函数)var run = function(){ alert('这是一种声明函数的方式,左边是一个变量,右边是一个函数的表达式');}// 调用 run();3、将方法作为一个对象var Test = { run:function(){ alert('这个必须放...原创 2021-06-16 20:17:11 · 238 阅读 · 0 评论 -
构造函数理解 ,给构造函数添加方法
构造函数和普通函数的区别,在于功能:构造函数功能为初始化对象,new就是通过构造函数,创建新对象构造函数:function Person(name, gender, hobby) { this.name = name; this.gender = gender; this.hobby = hobby; this.age = 6;}...原创 2021-06-07 21:40:14 · 1151 阅读 · 1 评论 -
JS 循环最全总结 还有比这更全的吗?
do-while 先执行后判断,至少有一次被执行var num = 10; do{ document.write(num+"<br />");//10 9 8 7 6 5 4 3 2 1 0 num--; }while(num>=0); document.write(num);//-1while...原创 2019-03-20 11:44:57 · 197 阅读 · 0 评论 -
JS 6大基本数据类型, 判断数据类型的方法
基本数据类型Null //只有一个值得数据类型,逻辑上讲,null值表示一个空对象指针Undefind // 未定义,使用var声明变量但未对其初始化时,变量的值就是undefinedNumber //数字,整数、浮点数等等Boolean //返回true和false,这两个值不一定对应1和0String ...原创 2019-03-18 17:18:02 · 559 阅读 · 0 评论 -
AJAX原理
AJAX原理浏览器通过XHR向服务器发送请求获取数据,服务器响应返回数据给XHR,XHR再通知浏览器数据已经返回了 并且把数据传给浏览器,浏览器遍历三、Ajax的使用1.创建Ajax核心对象XMLHttpRequest(记得考虑兼容性) 1. var xhr=null; 2. if (window.XMLHttpRequest) 3. {/...转载 2019-03-26 11:01:12 · 214 阅读 · 0 评论 -
JS 遇到的面试题
for循环和setTimeoutfor(var i=0; i<5; i++){ (function(){ setTimeout(function(){ console.log(i); },i * 1000); })(i) }// 输出结果: 5,5,5,5,5for(let i=0;...原创 2019-04-08 11:33:57 · 397 阅读 · 0 评论 -
前端判断加载手机界面和PC界面
手机界面function browserRedirect() { var sUserAgent = navigator.userAgent.toLowerCase(); var bIsIpad = sUserAgent.match(/ipad/i) == "ipad"; var bIsIphoneOs = sUserAgent.match(/iphone os/i) ...原创 2019-05-08 19:08:58 · 459 阅读 · 0 评论 -
js 点击按钮复制文本到剪贴版,兼容ios和安卓,PC端
// 复制账号 function copyUser() { var user = document.getElementById("user"); var idUser = '#user'; navigatorCopy(user, idUser); } // 复制密码 ...原创 2019-05-06 18:43:37 · 907 阅读 · 0 评论 -
H5 video在ios播放不了的 问题
部分苹果机型是无法video播放的,所以要做判断。如果是苹果的话,直接跳转视频连接,否则插入video标签var isIphone = navigator.userAgent.indexOf('iPhone') >= 0;if(isIphone){ window.location.href = videoUrl} 这里我用的是video.js<a href...原创 2019-05-15 10:41:29 · 7975 阅读 · 0 评论 -
ES6 一些语法
ES6模板字符串var name = '小明';var age = 20;var message = `你好, ${name}, 你今年${age}岁了!`;你好, 小明, 你今年20岁了! ...运算符1.展开运算符(类似嵌套)可以用在数组和对象上let a = [1,2,3];let b = [0, ...a, 4]; // [0,1,2,3,4...原创 2018-12-20 10:18:50 · 237 阅读 · 0 评论 -
es6 ...运算符 , rest 参数使用,与arguments参数的区别
展开运算符(类似嵌套)可以用在数组和对象上let a = [1,2,3];let b = [0, ...a, 4]; // [0,1,2,3,4]let obj = { a: 1, b: 2 };let obj2 = { ...obj, c: 3 }; // { a:1, b:2, c:3 }let obj3 = { ...obj, a: 3 }; // { a:3, b:2 }...原创 2018-12-14 15:29:38 · 1391 阅读 · 1 评论 -
JS数组方法 (14个操作方法),数组属性 (3个属性)
一、数组方法shift() 数组最前面删除元素unshift() 数组最前面前添加元素push() 数组最后面添加元素pop() 数组最后面删除元素删除某个数组元素 delete arr[2]concat()数组合并 array.concat(b)var arry= [1,2,3,4,5]; var b = [111,22,3];var c= arry...原创 2018-12-14 17:36:56 · 350 阅读 · 0 评论 -
js循环
while var num = 0 while (num<=6) //条件判断 { document.write("取出第"+num+"个球<br />"); num=num+1; //条件值更新 } do while //先做赋值,再做条件判断 var mynum =0;//mynum初值...原创 2018-12-20 18:04:18 · 192 阅读 · 0 评论 -
JS数组去重 方法总结
1.遍历数组法思路:新建一个数组,遍历原数组,如果是新数组里面没有的元素(indexOf为-1),则插入,最后返回新数组var arry = [1,2,3,4,5,5,5,6,67,8,8]var hash = []for(var i = 0; i<arry.length; i++){ if(hash.indexOf(arry[i])==-1){ hash...原创 2018-12-17 18:05:48 · 173 阅读 · 0 评论 -
闭包
定义 :简单来说,就是定义在函数内部的函数。功能:1.想要获取函数内部的变量。只需要再函数内定义一个函数,并返回出值,外部调用一下就OK2.让这些变量的值始终保持在内存中Tip:根据作用域规则,底层的函数没有声明变量,就会一直往上一层函数找,一直到window为止,如果没有则undefind,如果有,则会就近取到变量。var count=10; //全局作用域 标记为fl...原创 2018-12-11 23:48:22 · 136 阅读 · 0 评论 -
什么是跨域,如何解决跨域
1、网络协议不同 http,https2、域名不同3、子域名不同4、端口不同 8080跨域解决方法:1、使用CORS后端人员在处理请求的时候,添加允许跨域请求res.writeHead(200, { "Content-Type": "text/html; charset=UTF-8", "Access-Control-Allow-Origin":'...原创 2018-12-18 16:57:46 · 274 阅读 · 0 评论 -
构造函数是什么,有什么作用,实例化对象,面向对象分析
js里的面向对象分析-(创建实例化对象)ECMAScript 有两种开发模式:1.函数式(过程化),2.面向对象(OOP)。面向对象的语言有一个标志,那就是类的概念,而通过类可以创建任意多个具有相同属性和方法的对象。但是,ECMAScript 没有类的概念,因此它的对象也与基于类的语言中的对象有所不同。js本身是没有class类型的,但是每个函数都有一个prototype属性。protot...转载 2018-12-18 18:43:30 · 1221 阅读 · 0 评论 -
MINE笔记-面向对象编程,原型链的理解,构造函数,原型对象,实例化对象,prototype 运用
// to do list 创建构造函数,实例化对象,来做面向对象编程// 创建构造函数--原型函数(原型对象)function person(name,age,id){ this.name = name; this.age = age; this.id =id// console.log(this)}// 创建实例化对象 学生jesica信息var jesic...原创 2018-12-18 19:58:03 · 708 阅读 · 0 评论 -
css 垂直水平居中
.wrapper { position: relative; width: 500px; height: 500px; border: 1px solid red; }.content{ position: absolute; width: 200px; height: 200px; /*top、bottom、left和rig...原创 2018-12-24 16:33:41 · 183 阅读 · 1 评论 -
http请求
ajax原理1.创建XMLHttpRequest对象2.open()方法,send()方法发送请求3.返回状态码,执行回调函数原创 2018-12-25 11:02:12 · 267 阅读 · 0 评论 -
浏览器是如何渲染页面的
浏览器是如何渲染页面的?浏览器输入url发送http请求给服务器,服务器接收后返回html代码给浏览器,浏览器开始渲染页面:1.解析HTML文件,创建DOM树。 自上而下,遇到任何样式(link、style)与脚本(script)都会阻塞(外部样式不阻塞后续外部脚本的加载)。2.解析CSS。优先级:浏览器默认设置<用户设置<外部样式<内联样式<HTML...原创 2018-12-25 16:09:14 · 338 阅读 · 0 评论 -
web前端开发,如何提高页面性能优化?
请说出三种减低页面加载时间的方法压缩css、js文件 合并js、css文件,减少http请求 外部js、css文件放在最底下 减少dom操作原创 2018-12-25 17:39:53 · 963 阅读 · 0 评论 -
es5 es6 this指向
例子1:function a(){ var user = "追梦子"; console.log(this.user); //undefined console.log(this); //Window}a();按照我们上面说的this最终指向的是调用它的对象,这里的函数a实际是被Window对象所点出来的,下面的代码就可以证明。function a(){...原创 2019-01-07 12:25:52 · 423 阅读 · 0 评论 -
js数组获取最大值和最小值 ,join(),split() 字符串分割
1.排序法 sort()var arr = [1,2,44,55,66,11,99]arr.sort(function(a,b){ return a-b})var min = arr[0] // 1var max = arr[arr.length-1] // 992.假设法//最大值获取var array = [1,55,66,223,11,55]var m...原创 2018-12-14 15:02:31 · 1002 阅读 · 0 评论