随笔分类 - js
摘要:转载自 select2删除选中项,allowClear设置 在使用select2过程中,有时候需要删除我们选中的选项,如下图: 这时候就需要设置select2的allowClear属性了。 有两种方法: 第一种: 直接用select2定义的一个class $(".select2-allow-clea
阅读全文
摘要:转载自 帮你彻底搞懂JS中的prototype、__proto__与constructor(图解) 作为一名前端工程师,必须搞懂JS中的prototype、__proto__与constructor属性,相信很多初学者对这些属性存在许多困惑,容易把它们混淆,本文旨在帮助大家理清它们之间的关系并彻底搞
阅读全文
摘要:转载自 JS原型链与instanceof底层原理 一、问题: instanceof 可以判断一个引用是否属于某构造函数; 另外,还可以在继承关系中用来判断一个实例是否属于它的父类型。 老师说:instanceof的判断逻辑是: 从当前引用的proto一层一层顺着原型链往上找,能否找到对应的proto
阅读全文
摘要:转载自 JS中的加号+运算符详解 加号+运算符 在 JavaScript 中,加法的规则其实很简单,只有两种情况: 把数字和数字相加把字符串和字符串相加 所有其他类型的值都会被自动转换成这两种类型的值。 为了能够弄明白这种隐式转换是如何进行的,我们首先需要搞懂一些基础知识。 让我们快速的复习一下。
阅读全文
摘要:转载自 js中toString()和String()区别详解 我们知道String()与 .toString()都是可以转换为字符串类型,但是String()与 .toString()的还是有区别的 1、.toString()可以将所有的的数据都转换为字符串,但是要排除null 和 undefine
阅读全文
摘要:转载自 十分钟快速了解 ES6 Promise 什么是Promise Promise最早由社区提出并实现,典型的一些库有Q,when, bluebird等;它们的出现是为了更好地解决JavaScript中异步编程的问题,传统的异步编程最大的特点就是地狱般的回调嵌套,一旦嵌套次数过多,就很容易使我们的
阅读全文
摘要:转载自 JS中 [] == ![]结果为true,而 {} == !{}却为false, 追根刨底 console.log( [] == ![] ) // true console.log( {} == !{} ) // false 在比较字符串、数值和布尔值的相等性时,问题还比较简单。但在涉及到对
阅读全文
摘要:一、场景复现 业务需求,查询时间需要设置为前一个月。 //辅助代码 Date.prototype.format = function(fmt) { //author: meizz var o = { "M+" : this.getMonth()+1, //月份 "d+" : this.getDate
阅读全文
摘要:一、原生js指令复制 function copyUtil(info) { var $textArea = $('<textarea></textarea>'); $textArea.val(info); $textArea.css('opacity','0'); $('body').append($
阅读全文
摘要:转载自 URLSearchParams 接口 URLSearchParams 接口定义了很多个用来处理 URL 参数串的方法。 基本使用方法如下 var paramsString = "q=URLUtils.searchParams&topic=api" // location.search.sli
阅读全文
摘要:转载自 JavaScript学习总结(七)——JavaScript函数(function) 一、函数基本概念 为完成某一功能的程序指令(语句)的集合,称为函数。 二、JavaScript函数的分类 1、自定义函数(我们自己编写的函数),如:function funName(){} 2、系统函数(Ja
阅读全文
摘要:转载自 JavaScript学习总结(二)——逻辑Not运算符详解 在JavaScript 中,逻辑NOT运算符与C和Java中的逻辑 NOT 运算符相同,都由感叹号(!)表示。与逻辑 OR 和逻辑 AND 运算符不同的是,逻辑 NOT 运算符返回的一定是 Boolean 值。 逻辑 NOT 运算符
阅读全文
摘要:转载自 JavaScript学习总结(一)——JavaScript基础 一、JavaScript语言特点 1.1、JavaScript是基于对象和事件驱动的(动态的) 它可以直接对用户或客户输入做出响应,无须经过Web服务程序。它对用户的响应,是采用以事件驱动的方式进行的。所谓事件驱动,就是指在主页
阅读全文
摘要:转载自 JS实现星星评分功能实例代码(两种方法) 一、方法1 1、用到图片 2、结构和样式 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> ul { padd
阅读全文
摘要:转载自 解决Html5用canvas绘制不出来图片的问题 如果使用html5的ctx.drawImage(img,0,0);绘制不出来, 就改为: img.onload = function(){ctx.drawImage(img,0,0);} 只有img 加载完了,你画它才有意义。
阅读全文
摘要:转载自 js取整数、取余数的方法 1.丢弃小数部分,保留整数部分 parseInt(5/2) 2.向上取整,有小数就整数部分加1 Math.ceil(5/2) 3,四舍五入. Math.round(5/2) 4,向下取整 Math.floor(5/2) Math 对象的方法 FF: Firefox,
阅读全文
摘要:转载自 js深拷贝和浅拷贝 一、数组的深浅拷贝 在使用JavaScript对数组进行操作的时候,我们经常需要将数组进行备份,事实证明如果只是简单的将它赋予其他变量,那么我们只要更改其中的任何一个,然后其他的也会跟着改变,这就导致了问题的发生。 var arr = ["One","Two","Thre
阅读全文
摘要:转载自 js Date 函数方法 var myDate = new Date(); myDate.getYear(); //获取当前年份(2位) myDate.getFullYear(); //获取完整的年份(4位,1970-????) myDate.getMonth(); //获取当前月份(0-1
阅读全文
摘要:转载自 JS 获取浏览器、显示器 窗体等宽度和高度 网页可见区域宽:document.body.clientWidth 网页可见区域高:document.body.clientHeight 网页可见区域宽:document.body.offsetWidth (包括边线的宽) 网页可见区域高:docu
阅读全文
摘要:转载自 JS获取自定义属性data值 <body> <div id="tree" data-leaves="47" data-plant-height="2.4m"></div> <script> var tree = document.getElementById("tree"); //getAt
阅读全文