js
茅坤宝骏氹
语言:Java、C/C++、C#、Python、Linux Shell。
框架:Spring、Spring MVC、Spring Boot、Spring Cloud、Hibernate、Mybatis、Freemarker、Velocity。
前端:HTML5、CSS3、JavaScript、Bootstrap、JQuery、Vue、React。
数据库:oracle、mysql、MongoDB、HBase。
缓存:Memcache、Redis。
消息队列:kafka。
大数据:Hadoop、Hive、Sqoop、Flume、Spark、Strom、OpenTSDB、Druid。
展开
-
select2删除选中项,allowClear设置
转载自 面试官再问你如何看待义务加班,学会如何怼回去我曾经遇到这么一家公司,由于之前我们有合作关系,去了以后聊的很顺利,本来都要敲定了,我多嘴问了一句,“咱们这儿休息时间是怎样?”那个女老板的回答让我十分震惊。“首先,9点上班,7点下班,但是每天我们都工作到最少九点,一般都是十点到十一点。”“然后,原则上呢,我们是歇双休的,国家规定吗,但是我们周六都是要加班的,周日大多数时间,...转载 2021-01-02 19:26:52 · 2121 阅读 · 0 评论 -
JS document.execCommand实现复制功能
转载自JS document.execCommand实现复制功能最近项目中需要实现功能:点击button,复制input框的值;我使用的是document.execCommand('copy')的方法;但是很郁闷的是,始终实现不了功能;代码如下HTML代码(v-model是vue框架中的双向数据绑定,不懂的请移步vue文档)<input id='input_u...转载 2020-01-26 19:35:43 · 484 阅读 · 0 评论 -
JavaScript学习总结(七)——JavaScript函数(function)
转载自 JavaScript学习总结(七)——JavaScript函数(function)一、函数基本概念 为完成某一功能的程序指令(语句)的集合,称为函数。二、JavaScript函数的分类 1、自定义函数(我们自己编写的函数),如:function funName(){} 2、系统函数(JavaScript自带的函数),如alert函数。三、函数的调用方式...转载 2018-08-05 14:30:38 · 218 阅读 · 0 评论 -
JavaScript学习总结(八)——JavaScript数组
转载自 JavaScript学习总结(八)——JavaScript数组JavaScript中的Array对象就是数组,首先是一个动态数组,无需预先制定大小,而且是一个像Java中数组、ArrayList、Hashtable等的超强综合体。一、数组的声明 常规方式声明: 1、var arrName = new Array();//创建一个数组 2、var arr...转载 2018-08-05 14:34:51 · 238 阅读 · 0 评论 -
JavaScript学习总结(九)——Javascript面向(基于)对象编程
转载自 JavaScript学习总结(九)——Javascript面向(基于)对象编程一、澄清概念 1.JS中"基于对象=面向对象" 2.JS中没有类(Class),但是它取了一个新的名字叫“原型对象”,因此"类=原型对象"二、类(原型对象)和对象(实例)的区别与联系 1.类(原型对象)是抽象,是概念的,代表一类事物。 2.对象是具体的,实际的,代表一个具体的事物...转载 2018-08-11 12:42:14 · 236 阅读 · 0 评论 -
URLSearchParams 接口
转载自 URLSearchParams 接口URLSearchParams 接口定义了很多个用来处理 URL 参数串的方法。基本使用方法如下var paramsString = "q=URLUtils.searchParams&topic=api" // location.search.slice(1)var searchParams = new URLSearchPa...转载 2018-08-21 19:40:01 · 1593 阅读 · 0 评论 -
js object 常用方法总结
转载自 js object 常用方法总结Object.assign(target,source1,source2,...)该方法主要用于对象的合并,将源对象source的所有可枚举属性合并到目标对象target上,此方法只拷贝源对象的自身属性,不拷贝继承的属性。Object.assign方法实行的是浅拷贝,而不是深拷贝。也就是说,如果源对象某个属性的值是对象,那么目标对象拷贝得到的是...转载 2018-08-20 19:12:54 · 3295 阅读 · 0 评论 -
js取整数、取余数的方法
转载自 js取整数、取余数的方法1.丢弃小数部分,保留整数部分parseInt(5/2)2.向上取整,有小数就整数部分加1 Math.ceil(5/2)3,四舍五入.Math.round(5/2)4,向下取整 Math.floor(5/2)Math 对象的方法FF: Firefox, N: Netscape, IE: Internet Explorer...转载 2018-08-05 10:41:50 · 945 阅读 · 0 评论 -
html数据复制到剪切板
一、原生js指令复制function copyUtil(info) { var $textArea = $('<textarea></textarea>'); $textArea.val(info); $textArea.css('opacity','0'); $('body').append($textArea); $textArea...原创 2018-12-07 19:23:36 · 2681 阅读 · 0 评论 -
JS的Date.setMonth()方法坑
一、场景复现业务需求,查询时间需要设置为前一个月。//辅助代码Date.prototype.format = function(fmt) { //author: meizz var o = { "M+" : this.getMonth()+1, //月份 "d+" : this.getDate(), ...原创 2019-03-29 20:47:06 · 3899 阅读 · 0 评论 -
JS中 [] == ![]结果为true,而 {} == !{}却为false, 追根刨底
转载自JS中 [] == ![]结果为true,而 {} == !{}却为false, 追根刨底console.log( [] == ![] ) // trueconsole.log( {} == !{} ) // false在比较字符串、数值和布尔值的相等性时,问题还比较简单。但在涉及到对象的比较时,问题就变得复杂了。最早的ECMAScript中的相等和不相等操作符会在执行比...转载 2019-04-27 13:53:51 · 918 阅读 · 1 评论 -
十分钟快速了解 ES6 Promise
转载自十分钟快速了解 ES6 Promise什么是PromisePromise最早由社区提出并实现,典型的一些库有Q,when, bluebird等;它们的出现是为了更好地解决JavaScript中异步编程的问题,传统的异步编程最大的特点就是地狱般的回调嵌套,一旦嵌套次数过多,就很容易使我们的代码难以理解和维护。而Promise则可以让我们通过链式调用的方法去解决回调嵌套的问题,使我们的...转载 2019-05-03 11:38:27 · 178 阅读 · 0 评论 -
JS中typeof的用法
转载自JS中typeof的用法 js是一门弱语言,它在声明变量时无需确定变量的类型,js在运行时会自动判断。那么如何判断一个变量的类型呢,js提供了typeof运算符,用来检测一个变量的类型。1. typeof的语法 typeof是一个运算符,有2种使用方式:typeof(表达式)和typeof 变量名,第一种是对表达式做运算,第二种是对变量做运算。2. t...转载 2019-06-29 21:52:53 · 322 阅读 · 0 评论 -
js中toString()和String()区别详解
转载自js中toString()和String()区别详解我们知道String()与 .toString()都是可以转换为字符串类型,但是String()与 .toString()的还是有区别的1、.toString()可以将所有的的数据都转换为字符串,但是要排除null 和 undefined例如将false转为字符串类型var str = false.toString()...转载 2019-06-29 22:10:07 · 330 阅读 · 0 评论 -
JS中的加号+运算符详解
转载自JS中的加号+运算符详解加号+运算符在 JavaScript 中,加法的规则其实很简单,只有两种情况:把数字和数字相加 把字符串和字符串相加所有其他类型的值都会被自动转换成这两种类型的值。 为了能够弄明白这种隐式转换是如何进行的,我们首先需要搞懂一些基础知识。让我们快速的复习一下。 在 JavaScript 中,一共有两种类型的值:原始值(primitives)...转载 2019-06-29 22:19:31 · 1189 阅读 · 0 评论 -
JS原型链与instanceof底层原理
转载自JS原型链与instanceof底层原理一、问题:instanceof 可以判断一个引用是否属于某构造函数;另外,还可以在继承关系中用来判断一个实例是否属于它的父类型。老师说:instanceof的判断逻辑是: 从当前引用的proto一层一层顺着原型链往上找,能否找到对应的prototype。找到了就返回true。如果没有发生继承关系,这个逻辑自然是没有疑惑的。但...转载 2019-06-30 12:12:13 · 241 阅读 · 1 评论 -
帮你彻底搞懂JS中的prototype、__proto__与constructor(图解)
转载自帮你彻底搞懂JS中的prototype、__proto__与constructor(图解) 作为一名前端工程师,必须搞懂JS中的prototype、__proto__与constructor属性,相信很多初学者对这些属性存在许多困惑,容易把它们混淆,本文旨在帮助大家理清它们之间的关系并彻底搞懂它们。这里说明一点,__proto__属性的两边是各由两个下划线构成(这里为了方便大家看清,...转载 2019-09-13 20:48:23 · 252 阅读 · 0 评论 -
JavaScript学习总结(四)——逻辑OR运算符详解
转载自 JavaScript学习总结(四)——逻辑OR运算符详解在JavaScript中,逻辑OR运算符用||表示 var bTrue = true; var bFalse = false; var bResult = bTrue || bFalse;下面的真值表描述了逻辑AND运算符的行为: 运算数 1 运算数 2 结果 true true ...转载 2018-08-05 12:12:33 · 960 阅读 · 0 评论 -
JavaScript学习总结(二)——逻辑Not运算符详解
转载自 JavaScript学习总结(二)——逻辑Not运算符详解 在JavaScript 中,逻辑NOT运算符与C和Java中的逻辑 NOT 运算符相同,都由感叹号(!)表示。与逻辑 OR 和逻辑 AND 运算符不同的是,逻辑 NOT 运算符返回的一定是 Boolean 值。逻辑 NOT 运算符的行为如下:如果运算数是对象,返回 false 如果运算数是数字 0,返回 t...转载 2018-08-05 12:02:08 · 825 阅读 · 0 评论 -
探讨JS合并两个数组的方法
转载自 探讨JS合并两个数组的方法我们在项目过程中,有时候会遇到需要将两个数组合并成为一个的情况。比如:var a = [1,2,3];var b = [4,5,6];有两个数组a、b,需求是将两个数组合并成一个。方法如下:1、concatjs的Array对象提供了一个叫concat()方法,连接两个或更多的数组,并返回结果。var c = a.concat(b);//c=[1,2,3,4,5...转载 2018-07-16 12:33:15 · 1278 阅读 · 0 评论 -
JS Promise的实现原理
转载自 JS Promise的实现原理 在前端开发过程中,会经常使用到 Promise 模式,可以使异步代码看起来如同步般清新易读,从而从回调地狱中解脱出来。ES6中 已原生支持 Promise,但在未支持的浏览器中还需要通过 polyfill 模拟实现。下面介绍一下自己的实现过程,此实现可通过 Promise/A+测试集 的所有测试。 Promise 是一个关联了执行任务的承诺,当你的任务...转载 2018-07-16 12:33:01 · 3652 阅读 · 0 评论 -
用JAVASCRIPT实现静态对象、静态方法和静态属性
转载自 用JAVASCRIPT实现静态对象、静态方法和静态属性Javascript语言的面向对象特征很弱,其他面向对象语言在创建类时只要使用关键字static即可指定类为静态类,Javascript没有提供static这样的关键字,要让Javascript也具有“静态”特性只有靠一些“奇技淫巧”了。代码中列举了两种静态方法/属性的实现方式,一种是静态类的静态方法和属性,另一种是非静态类...转载 2018-08-04 13:08:13 · 1105 阅读 · 0 评论 -
JS刷新页面的几种方法
转载自 JS刷新页面的几种方法Javascript刷新页面的几种方法:1 history.go(0)2 location.reload()3 location=location4 location.assign(location)5 document.execCommand(‘Refresh‘)6 window.navigate(location)7 locat...转载 2018-08-04 13:19:06 · 525 阅读 · 0 评论 -
js实现页面跳转重定向的几种方式
转载自 js实现页面跳转重定向的几种方式这篇文章主要介绍js实现页面跳转重定向的几种方式,需要的朋友可以参考下第一种: <script language="javascript"type="text/javascript"> window.location.href="http://shanghepinpai.com"; </script> 第二种:...转载 2018-08-04 13:24:03 · 3865 阅读 · 0 评论 -
JavaScript原生添加移除class的方法
转载自 JavaScript原生添加移除class的方法1.JavaScript原生移除class方法window.onload = function () { var stamp = document.getElementById("btGetCode"); //根据id查找到该标签 removeClass(stamp, "can-code"); ...转载 2018-08-04 13:31:26 · 5043 阅读 · 0 评论 -
JS获取自定义属性data-*值与dataset
转载自 JS获取自定义属性data值<body><div id="tree" data-leaves="47" data-plant-height="2.4m"></div><script>var tree = document.getElementById("tree");//getAttribut转载 2018-08-04 13:33:50 · 13666 阅读 · 0 评论 -
JS 获取浏览器、显示器 窗体等宽度和高度
转载自 JS 获取浏览器、显示器 窗体等宽度和高度网页可见区域宽:document.body.clientWidth网页可见区域高:document.body.clientHeight网页可见区域宽:document.body.offsetWidth (包括边线的宽)网页可见区域高:document.body.offsetHeight (包括边线的宽)网页正文全文宽:docu...转载 2018-08-04 13:36:01 · 446 阅读 · 0 评论 -
js Date 函数方法
转载自 js Date 函数方法var myDate = new Date();myDate.getYear(); //获取当前年份(2位)myDate.getFullYear(); //获取完整的年份(4位,1970-????)myDate.getMonth(); //获取当前月份(0-11,0代表1月)myDate.getDate(); //获取当前日(1-31)myDa...转载 2018-08-04 13:39:25 · 547 阅读 · 0 评论 -
js深拷贝和浅拷贝
转载自 js深拷贝和浅拷贝一、数组的深浅拷贝在使用JavaScript对数组进行操作的时候,我们经常需要将数组进行备份,事实证明如果只是简单的将它赋予其他变量,那么我们只要更改其中的任何一个,然后其他的也会跟着改变,这就导致了问题的发生。var arr = ["One","Two","Three"];var arrto = arr;arrto[1] = "test";doc...转载 2018-08-04 13:43:46 · 128 阅读 · 0 评论 -
js深度复制一个对象使用JSON.stringify是最好的办法吗
转载自 js深度复制一个对象使用JSON.stringify是最好的办法吗深度复制一个对象,看到很多种方法,最简单的是:var newObject = JSON.parse(JSON.stringify(oldObject));这样写有什么弊端吗?http://stackoverflow.com/questions/20662319/javascript-deep-copy-...转载 2018-08-04 13:54:04 · 2924 阅读 · 0 评论 -
JavaScript Function.arguments 属性详解
转载自 JavaScript Function.arguments 属性详解arguments属性是正在执行的函数的内置属性,返回该函数的arguments对象。arguments对象包含了调用该函数时所传入的实际参数信息(参数个数、参数值等)。该属性属于Function对象,所有主流浏览器均支持该属性。语法[functionObject.]arguments只有在当前函...转载 2018-08-05 10:57:50 · 576 阅读 · 0 评论 -
比较正宗的验证邮箱的正则表达式js代码详解
转载自 比较正宗的验证邮箱的正则表达式js代码详解邮箱正则最正宗的一条正则语句是^[a-z0-9]+([._\\-]*[a-z0-9])*@([a-z0-9]+[-a-z0-9]*[a-z0-9]+.){1,63}[a-z0-9]+$ 下面我们来讲解一下fuchangxi的正则: /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(.[a-zA-Z0-9_-...转载 2018-08-05 11:03:24 · 13293 阅读 · 2 评论 -
解决Html5用canvas绘制不出来图片的问题
转载自 解决Html5用canvas绘制不出来图片的问题如果使用html5的ctx.drawImage(img,0,0);绘制不出来,就改为:img.onload = function(){ctx.drawImage(img,0,0);}只有img 加载完了,你画它才有意义。...转载 2018-08-05 11:05:22 · 3856 阅读 · 4 评论 -
JS实现星星评分功能实例代码(两种方法)
转载自 JS实现星星评分功能实例代码(两种方法)一、方法11、用到图片 2、结构和样式<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> &转载 2018-08-05 11:17:23 · 9161 阅读 · 3 评论 -
JavaScript学习总结(一)——JavaScript基础
转载自 JavaScript学习总结(一)——JavaScript基础一、JavaScript语言特点1.1、JavaScript是基于对象和事件驱动的(动态的) 它可以直接对用户或客户输入做出响应,无须经过Web服务程序。它对用户的响应,是采用以事件驱动的方式进行的。所谓事件驱动,就是指在主页中执行了某种操作所产生的动作,就称为“事件”。比如按下鼠标,移动窗口,选择菜单等都可以...转载 2018-08-05 11:56:31 · 117 阅读 · 0 评论 -
js模块化历程
转载自 js模块化历程这是一篇关于js模块化历程的长长的流水账,记录js模块化思想的诞生与变迁,展望ES6模块化标准的未来。经历过这段历史的人或许会感到沧桑,没经历过的人也应该知道这段历史。 无模块时代在ajax还未提出之前,js还只是一种“玩具语言”,由Brendan Eich花了不到十天时间发明,用来在网页上进行表单校验、实现简单的动画效果等等,你可以回想一下那个网页上到处有公告块飘来飘去的时...转载 2018-07-15 09:35:10 · 147 阅读 · 0 评论