js+jquery
曾曾子
求成长求进步
展开
-
CommonJS和AMD/CMD!
转自:https://www.cnblogs.com/chenguangliang/p/5856701.html转载 2019-04-16 17:44:46 · 182 阅读 · 0 评论 -
js中的基础数据类型简单理解
js中的原始数据类型: number、string、boolean、undefined、null、object;1)number:数字类型(整数和小数);2)string:字符串类型(的值一般都是用单引号或者是双引号括起来);3)Boolean:布尔类型(值只有两个,true(真1),false(假0));4)undefined:未定义,值只有一个:undefined;5)null:空类型,值只有一个:null,一个对象指向为空了,此时可以赋值为null,只能自行赋值null,没有什么操作之后返原创 2020-06-23 22:28:39 · 205 阅读 · 0 评论 -
自调用函数的初步理解(一)
自调用函数的初步理解步骤://函数的自调用,自调用函数,页面加载后,这个自调用函数就执行完了,声明的时候直接调用了,不能再调用了 ,分号一定要加上// 分步骤理解: 1) 函数的普通调用方式: function f1(){ console.log("函数"); }; f1(); //函数调用 2) 延伸——可以换种写法: (function f1(){ console.log("自调用函数222sss2"); })(); 3) 延伸——再精简一下,可以去掉方法名:.原创 2020-06-21 19:49:11 · 799 阅读 · 0 评论 -
原型链的初步理解(一)
实例对象使用的属性或者方法,先在实例对象中找,找到了直接使用,如果找不到,就去实例对象__proto__指向的原型对象中找,找到了直接使用,如果找不到,就报错;1)为内置对象添加原型方法: Array.prototype.mySort=function(){ console.log(this+"哈哈哈,冒泡排序");}String.prototype.sayHi=function(){ console.log(this+"哈哈哈,你好");}var arr =[1,2,3,21,10,2原创 2020-06-20 23:18:30 · 189 阅读 · 0 评论 -
构造函数和实例对象和原型对象之间的关系
实例对象中有一个属性: __proto__,也是对象,叫原型,不是标准的属性,是浏览器使用的;构造函数中有一个属性:prototype ,也是对象,叫原型,是标准的,程序员使用;初步理解构造函数,实例对象,原型对象之间的关系;1)构造函数可以实例化对象,先有构造函数,再有实例对象;2)构造函数的prototype属性 指向的就是构造函数的原型对象(prototype);3)构造函数的原型对象(prototype) 中有一个构造器(constructor),这个构造器指向的就是自己所在的原型对象原创 2020-06-19 22:51:51 · 502 阅读 · 0 评论 -
初步理解面向对象与面向过程
js简单写法:需求:点击input按钮,改变一个div的样式;1.面向过程写法: <input type="button" value="点击0" onclick="changeColor()"/> <p id="p0">窗前明月光,疑是地上霜</p> <script> function changeColor(){ let ele = document.getElementById('p0');原创 2020-06-18 16:19:14 · 243 阅读 · 0 评论 -
js原型的初步理解(一)
<script> //提取方法,节省内存空间,解决数据共享问题,但是这种写法会产生命名冲突 function myPlay(){ console.log("打王者荣耀"); } //普通写法 function Person(name,age){ this.name=name; this.age=age; this.eat原创 2020-06-17 22:32:36 · 201 阅读 · 0 评论 -
通过自定义构造函数创建对象的学习小记
//自定义构造函数,先有构造函数,再有对象 function Person(name,age){ this.name=name; this.age=age;}//通过构造函数实例化对象:var per1 =new Person("小红",20); console.dir(per1);console.dir(Person);原创 2020-06-16 18:35:42 · 430 阅读 · 0 评论 -
js创建对象的几种方式
1.字面量法:var person={ "name":"小红", "age":19, "eat":function(){ console.log("喜欢吃榴莲"); } }//调用方式,有两种 [""] 必须加引号,不然出错person.name; person['name']; person.age; person['age']; person.eat(); person['eat'](); 2.构造函数法//它与工厂模式的区别就是首原创 2020-06-15 19:11:38 · 420 阅读 · 0 评论 -
简单总结 session,cookie,sessionStorage,localStorage
浏览器的缓存机制提供了可以将用户数据存储在客户端上的方式,可以利用cookie,session等跟服务端进行数据交互。一、cookie和sessioncookie和session都是用来跟踪浏览器用户身份的会话方式。区别:1、保持状态:cookie保存在浏览器端,session保存在服务器端2、使用方式:(1)cookie机制:如果不在浏览器中设置过期时间,cookie被保存在内存中,...翻译 2019-04-11 18:05:07 · 159 阅读 · 0 评论 -
正斜杠 / 和反斜杠 \ 的区别
正斜杠 / 和反斜杠 \ 的区别解释 1、” / ” 英文是forward slash, “ \ ” 是backward slash ; 形象些比喻的话,” / “是一个人站立着向前倾倒->, 而” \ “是一个人站立着向后倾倒。 2、“在绝大多数地方,用的都是 /(forward slash),包括Mac/Linux,也包括URL。你唯一需要记住的是,而Microsof...翻译 2018-03-21 09:57:13 · 12192 阅读 · 0 评论 -
JSON.stringify()和parse()的理解小记
一 、 JSON.stringify()和JSON.parse()的区别;简单来说:JSON.stringify()将对象obj变成了字符串str,那么我就可以用JSON.parse()将字符串str还原成对象obj。在使用JSON.parse()需要注意一点,由于此方法是将JSON字符串转换成对象,所以你的字符串必须符合JSON格式,即键值都必须使用双引号包裹;二、JSON.strin...原创 2019-11-20 16:21:26 · 213 阅读 · 0 评论 -
JavaScript 中的 continue break retrun 的区别
主要是看看,在循环中,这三者的区别;<script> function fun1(){ loop1:for(var i =0 ;i<3;i++){ //循环一 for(var j=0;j<5;j++){ //循环二 if(j == 1){ ...原创 2019-08-20 16:29:07 · 221 阅读 · 0 评论 -
JS根据出生日期计算年龄
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...原创 2019-06-05 16:05:55 · 21046 阅读 · 1 评论 -
判断数组对象中是否有某个对象有值
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...原创 2019-04-10 20:52:27 · 18020 阅读 · 0 评论 -
did you register the component correctly? For recursive components, make sure to provide the "name"
vue 引入组件报错:Unknown custom element: <select-tree> - did you register the component correctly? For recursive components, make sure to provide the "name" option.问题所在:components 写重了!!!!!!!!...原创 2019-03-25 20:06:26 · 6586 阅读 · 2 评论 -
JS获取当前时间并格式化"yyyy-MM-dd HH:mm:ss"
var myDate = new Date();myDate.getYear(); //获取当前年份(2位)myDate.getFullYear(); //获取完整的年份(4位,1970-????)myDate.getMonth(); //获取当前月份(0-11,0代表1月)myDate.getDate(); //获取当前日(1-31)myDate.getDay(); //获取当前星期...原创 2019-03-19 16:05:57 · 4845 阅读 · 0 评论 -
elementUI提交表单时焦点跳转至第一个校验不通过处
亲测,可用,编程思想真的很重要啊,想半天的怎么获取没有校验通过的元素,居然还可以用这种方法,赞赞,这种思想值得学习。this.$refs[formName].validate((valid) => { if (valid) { } else { setTimeout(()=>{ var isError= ...翻译 2019-03-05 16:06:27 · 4952 阅读 · 4 评论 -
js 判断对象是否为空对象
1.将json对象转化为json字符串,再判断该字符串是否为"{}"2.for循环3.jquery的isEmptyObject方法此方法是jquery将2方法(for in)进行封装,使用时需要依赖jqueryvar data = {};var b = $.isEmptyObject(data);alert(b);//true4.Object.getOwnPropertyNam...原创 2019-02-20 17:46:13 · 434 阅读 · 0 评论 -
事件对象中target对象和currentTarget对象的区别
1、target在事件流的目标阶段;currentTarget在事件流的捕获,目标及冒泡阶段。 2、event.currentTarget指向事件所绑定的元素,而event.target始终指向事件发生时的元素。 3、事件真正的发送者是evt.target(而且是可以变的,根据触发的不同displayObject),注册侦听器的是evt.currentTarget(不会变的)。 4、在 Goo翻译 2016-08-19 18:09:18 · 6698 阅读 · 0 评论 -
JS nodeType返回类型大总结
1、定义和用法:nodeType 属性返回被选节点的节点类型。 2、语法:elementNode.nodeType。 1 Element 2 Attribute 3 Text 4 CDATA Section 5 Entity Reference 6 Entity 7翻译 2016-08-22 10:24:23 · 1006 阅读 · 0 评论 -
jQuery attr()获取属性和设置属性的方法
前言: 在JS中设置节点的属性与属性值用到setAttribute(),获得节点的属性与属性值用到getAttribute(),而在jquery中,只需要用到attr()这个函数就可以了。attr是attribute(属性)的缩写。 语法: 1、attr(“属性名”); //获取属性的值(取得第一个匹配元素的属性。通过这个方法可以方便的从第一个匹配元素中获取一个属性的值。如果元素没有相应属性,原创 2016-09-06 14:50:37 · 75063 阅读 · 2 评论 -
Vue.js环境配置
1.去官网下载nodejs,手动安装,新版本的nodejs安装包里面集成了npm,所以不需要再安装npm; 2.下载git,手动安装git,这样的话,能省去转换盘符所耗费的时间。 3.由于npm是国外的,npm安装包的时候速度会比较慢,所以我们可以选择使用淘宝的cnpm镜像来安装vue. 4. 安装cnpm,打开命令行窗口,(cmd),输入npm install -g cnpm ...原创 2017-09-19 15:50:39 · 372 阅读 · 0 评论 -
在js中如何获取一个hash对象的键值对,尤其是键的获取
var obj = { '1' : 'apple', '2' : 'orange', '3' : 'pear' }; var arrMsg = ['apple', 'orange', 'pear'];var array = [{'111': 'apple'}, {'222': 'orange'}];for(var key in obj){ console.log(...原创 2018-04-19 14:30:06 · 8253 阅读 · 0 评论 -
什么是IIFE
立即执行函数表达式:IIFE(Immediately-invoked function expression) 在javascript(ES5)中,是没有块级作用域的概念的,例如:for (var i = 0; i < 5; i++) { console.log(i);}console.log(i); //5因为没有块级作用域的概念,因此,在 for 循环中声明的 i 变...翻译 2018-06-06 15:22:27 · 8067 阅读 · 0 评论 -
javascript 函数定义和函数作用域
对于var命令来说,局部变量只能在函数内部声明。在其他区块声明,一律都是全局变量。 总之,函数执行时所在的作用域,是定义时的作用域,而不是调用时所在的作用域。 http://www.cnblogs.com/unclekeith/p/5792485.html http://www.cnblogs.com/xiaohuochai/p/5731016.html...转载 2018-06-06 17:28:00 · 388 阅读 · 0 评论 -
JSON.parse()与JSON.stringify()的区别
JSON.parse()【从一个字符串中解析出json对象】例子://定义一个字符串var data='{"name":"mike"}'//解析对象 JSON.parse(data)结果是:name:"mike"三种方式var str = '{"name":"小明","age":18}';1. var json = JSON.parse(str);原创 2018-06-20 14:29:10 · 498 阅读 · 0 评论 -
对象数组数组对象
var beingNum=data.results[0].Count_Being;var FinsihNum=data.results[0].Count_Finish;var InvalidNum=data.results[0].Count_Invalid;var res=[{ value:'Count_Being', processName:'审批中', Coun...原创 2018-08-20 11:45:14 · 4413 阅读 · 2 评论 -
JavaScript获取完整当前域名
window.location.protocol+"//"+window.location.host; // 返回https://mp.csdn.netwindow.location.host; //返回url 的主机部分,例如:mp.csdn.net window.location.hostname; //返回mp.csdn.netwindow.location.href; //返...原创 2018-10-12 15:53:36 · 74136 阅读 · 2 评论 -
Js千分位格式化金额数字的方法
应用场景:在比较大小的时候,金额的千分位格式需要去掉,才能比较大小!1.添加千分位function fmoney(s, n) { n = n > 0 && n < = 20 ? n : 2; s = parseFloat((s + "").replace(/[^\d\.-]/g, "")).toFixed(n) + ""; ...原创 2018-10-29 15:17:03 · 7555 阅读 · 0 评论 -
break 和continue 的区别
//break是结束整个循环体,continue是结束单次循环使用break: var x=0; while(x++ < 10) { if(x == 5) { break; } console.log(x); } 结果是输出 1 2 3 4 就退出了整个while循环...翻译 2019-01-16 11:25:10 · 587 阅读 · 0 评论 -
获取后台传给前台的二进制流文件 ,前台实现下载
//res 是后台返回的结果 const content = res.data; const blob = new Blob([content]); const fileName = "下载文件名"; //下载的文件名称 if ('download' in document.createElemen...原创 2019-02-21 16:49:35 · 8101 阅读 · 17 评论 -
js 删除数组中某一项或几项
1、js中的splice方法splice(index,len,[item]) 注释:该方法会改变原始数组。splice有3个参数,它也可以用来替换/删除/添加数组内某一个或者几个值;index:数组开始下标(起始下标为 0 );len: 替换/删除的长度;item:替换的值,删除操作的话 item为空; var arr = ['1','2','3','4']*删除 ----...原创 2019-02-18 17:14:54 · 4176 阅读 · 0 评论 -
将后台返回的json数据转换成excel下载
//json是获取到的数据: var json=[{ id:"1", grade:"大二", name:"Mike" },{ id:"1", grade:"大二", name:"Mike" }]; var str = 'ID,年纪,姓名\n'; for (let i = 0; i < jsonData.length; i++) {原创 2019-02-28 16:49:52 · 7077 阅读 · 0 评论 -
node
Node 是一个程序,能够完成 Apache 能够完成的所有任务(借助一些模块),而且,作为一个可以将其作为基础进行构建的可扩展 JavaScript 平台,Node 还能完成更多的任务。 Node 是一个服务器端 JavaScript 解释器,它将改变服务器应该如何工作的概念。它的目标是帮助程序员构建高度可伸缩的应用程序,编写能够处理数万条同时连接到一个(只有一个)物理机的连接代码。 简介翻译 2016-02-20 16:24:20 · 452 阅读 · 0 评论