javascript
ASIA_技术
习惯优秀,就会更优秀。
专注 专注 专注!!!
展开
-
javascript 简介(一)
写在前面的话: 本专栏,主要是用做个人学习使用,主要参考书籍《JavaScript高级程序设计》,主要记录JavaScript学习和使用中的难点和坑点,和主要知识点,很多信息仅作参考使用;本人本专栏的每一篇文章会不断修改和补充和完善,如果您发现有问题和疑问希望大家积极指出,方便我完善文章,谢谢大家。1.JavaScript诞生于1995年。它既是一门非常简单的语言,又是一门非常...原创 2019-03-16 16:01:41 · 262 阅读 · 0 评论 -
网页中使用JavaScript(二)
写在前面的话:本专栏,主要是用做个人学习使用,主要参考书籍《JavaScript高级程序设计》,主要记录JavaScript学习和使用中的难点和坑点,和主要知识点,很多信息仅作参考使用;本人本专栏的每一篇文章会不断修改和补充和完善,如果您发现有问题和疑问希望大家积极指出,方便我完善文章,谢谢大家。<script>标签属性1.async:可选,表示应该立刻下载...原创 2019-03-16 17:56:12 · 316 阅读 · 0 评论 -
Javascript 变量,作用域和内存问题(四)
写在前面的话:本专栏,主要是用做个人学习使用,主要参考书籍《JavaScript高级程序设计》,主要记录JavaScript学习和使用中的难点和坑点,和主要知识点,很多信息仅作参考使用;本人本专栏的每一篇文章会不断修改和补充和完善,如果您发现有问题和疑问希望大家积极指出,方便我完善文章,谢谢大家。1.基本类型和引用类型的值,基本类型在复制时有一个完整的副本,引用类型的值复制类...原创 2019-03-22 11:09:55 · 113 阅读 · 0 评论 -
JavaScript 引用类型(五)
写在前面的话:本专栏,主要是用做个人学习使用,主要参考书籍《JavaScript高级程序设计》,主要记录JavaScript学习和使用中的难点和坑点,和主要知识点,很多信息仅作参考使用;本人本专栏的每一篇文章会不断修改和补充和完善,如果您发现有问题和疑问希望大家积极指出,方便我完善文章,谢谢大家。1.Array通过字面量定义时:var arr = [,,,,,]长度不确定性,...原创 2019-03-22 17:05:54 · 92 阅读 · 0 评论 -
JavaScript 面向对象的程序设计 (六)
写在前面的话:本专栏,主要是用做个人学习使用,主要参考书籍《JavaScript高级程序设计》,主要记录JavaScript学习和使用中的难点和坑点,和主要知识点,很多信息仅作参考使用;本人本专栏的每一篇文章会不断修改和补充和完善,如果您发现有问题和疑问希望大家积极指出,方便我完善文章,谢谢大家。1.对象的属性:数据属性和访问器属性。2.数据属性特性:4个特性如果不去修改...原创 2019-03-23 17:35:18 · 110 阅读 · 0 评论 -
JavaScript 函数表达式(七)
写在前面的话:本专栏,主要是用做个人学习使用,主要参考书籍《JavaScript高级程序设计》,主要记录JavaScript学习和使用中的难点和坑点,和主要知识点,很多信息仅作参考使用;本人本专栏的每一篇文章会不断修改和补充和完善,如果您发现有问题和疑问希望大家积极指出,方便我完善文章,谢谢大家。1.function关键字后面的表示符,alert(funcyionName.n...原创 2019-03-27 01:45:52 · 120 阅读 · 0 评论 -
JavaScript 防抖
参考:https://github.com/mqyqingfeng/Blog/issues/22应用:防抖主要用来解决高频事件短时间高频触发,带来的一系列的bug,全部代码和解释经过验证,结合自己的理解高频事件:window 的 resize、scroll mousedown、mousemove keyup、keydowndemo:主要修改事件绑定的触发函数,一步一步深入理解...原创 2019-08-20 19:55:48 · 280 阅读 · 0 评论 -
获取服务器时间,终极技能
上来就是代码:function getServeDate(){ var d = new Date($.ajax({type:'HEAD',async: false}).getResponseHeader("Date"));//依赖jquery return d;}解析:首先这个ajax请求的一个网站的根路径--->url:'/'getResponseHeade...原创 2019-08-21 10:37:09 · 147 阅读 · 0 评论 -
原生 Ajax 细节
1.初识原生AJAXvar Myxhr;//------------创建AJAX对象---------------------if (window.XMLHttpRequest) { // IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码 Myxhr = new XMLHttpRequest();}else { // ...原创 2019-08-21 15:21:32 · 100 阅读 · 0 评论 -
javascript 零与空字符串的比较
看实际效果图原创 2019-08-26 10:10:00 · 314 阅读 · 0 评论 -
package.json文件
package.json文件来自《JavaScript 标准参考教程(alpha)》,by 阮一峰概述每个项目的根目录下面,一般都有一个package.json文件,定义了这个项目所需要的各种模块,以及项目的配置信息(比如名称、版本、许可证等元数据)。npm install命令根据这个配置文件,自动下载所需的模块,也就是配置项目所需的运行和开发环境。下面是一个最简单的package...转载 2019-09-18 15:42:40 · 172 阅读 · 0 评论 -
JavaScript对象遍历 与 function item() {[native code]}
首先引出问题问题代码部分var temp = '';var taskscreen = {}.....for(var item in taskscreen){ if(taskscreen[item]!=''&&taskscreen[item]!='-万'&&taskscreen[item]!='至'&&taskscreen[it...原创 2019-09-23 16:28:59 · 3322 阅读 · 0 评论 -
JavaScript 基本概念(三)
写在前面的话:本专栏,主要是用做个人学习使用,主要参考书籍《JavaScript高级程序设计》,主要记录JavaScript学习和使用中的难点和坑点,和主要知识点,很多信息仅作参考使用;本人本专栏的每一篇文章会不断修改和补充和完善,如果您发现有问题和疑问希望大家积极指出,方便我完善文章,谢谢大家。1.标识符规则:第一个字符必须是一个字母,下划线或美元符号;其他字符可以是字母,...原创 2019-03-20 15:50:26 · 219 阅读 · 0 评论 -
javascript 中各种生僻函数统计
1.Boolean(val),返回val对应的布尔值 返回值 true,false2.typeof val 返回val的类型,undefined,null,object,number,string,object,function3.isFinite(val) 判读val是否超出计算机数值范围,返回值 true,fasle4.isNaN(val)判断val是不是“不是数值”,NaN表...原创 2019-03-20 11:47:37 · 150 阅读 · 0 评论 -
JavaScript 原型与原型链
转载自https://github.com/mqyqingfeng/Blog/issues/2构造函数创建对象我们先使用构造函数创建一个对象:function Person() {}var person = new Person();person.name = 'Kevin';console.log(person.name) // Kevin在这个例子中,Person ...转载 2019-02-25 21:36:20 · 114 阅读 · 0 评论 -
javascript零碎知识点
1.唯一能判断NaN的方法NaN === NaN; // falseisNaN(NaN); // true2.null表示一个“空”的值,它和0以及空字符串''不同,0是一个数值,''表示长度为0的字符串,而null表示“空”。 3.对象的判断是否有某个属性 pror in object//ture or false4.JavaScript还有一个免费赠送的关键字argum...原创 2018-08-12 15:32:36 · 133 阅读 · 0 评论 -
javascript 函数
1.变量提升可能带来的效果function foo() { var x = 'Hello, ' + y; console.log(x); var y = 'Bob';}提升之后 function foo() { var y; // 提升变量y的申明,此时y为undefined var x = 'Hello, ' + y; conso...原创 2018-08-19 09:29:10 · 193 阅读 · 0 评论 -
javascript 浏览器对象
1.window对象innerWidth和innerHeight属性表示净宽高outerWidth和outerHeight属性表示浏览器窗口的整个宽高。2.navigatornavigator.appName:浏览器名称;navigator.appVersion:浏览器版本;navigator.language:浏览器设置的语言;navigator.platform:操...原创 2018-08-19 10:58:10 · 153 阅读 · 0 评论 -
javascript 操作DOM
1.更新标签内的内容根据document返回的DOM对象调用属性innerHTML,innerText,textContentvar p = document.getElementById('p-id');// 设置文本为abc:p.innerHTML = 'ABC'; // <p id="p-id">ABC</p>2 .更新CSSDOM节点的styl...原创 2018-08-19 11:37:20 · 121 阅读 · 0 评论 -
原生javascript的alert方法坑爹情况
原生js中,alert方法会优先于js控制元素样式渲染执行,导致必须点击确定元素才渲染js中的样式实验代码:注意alert的位置<!DOCTYPE html><html><head><style> #test{ width:100px; height:100px; background-color:red; }<...原创 2018-10-04 02:04:31 · 1350 阅读 · 0 评论 -
禁止查看页面源码
直接上代码:注意看注释window.onload=function(){ document.onkeydown=function(){ var e = window.event||ar||arguments[0]; if(e.keyCode==123){ //F12 alert('请尊重劳动成果!成果!'...原创 2018-11-18 21:57:13 · 477 阅读 · 0 评论 -
javascript sort()函数排序问题
使用sort()函数进行排序会调用toString()函数,然后比较字符的ASCII码进行排序。但是sort()函数可以接受一个函数,通过函数的返回值进行控制排序元素的位置。function compare(value1, value2) { if (value1 < value2) { return -1; } else if (va...原创 2018-10-25 20:21:21 · 1631 阅读 · 0 评论 -
javascript Array 迭代方法
every():对数组中的每一项运行给定函数,如果该函数对每一项都返回 true,则返回 true。 filter():对数组中的每一项运行给定函数,返回该函数会返回 true 的项组成的数组。forEach():对数组中的每一项运行给定函数。这个方法没有返回值。map():对数组中的每一项运行给定函数,返回每次函数调用的结果组成的数组。some():对数组中的每一项运行给定函数...原创 2018-10-25 21:08:33 · 80 阅读 · 0 评论 -
js的单线程和异步
前言说到js的单线程(single threaded)和异步(asynchronous),很多同学不禁会想,这不是自相矛盾么?其实,单线程和异步确实不能同时成为一个语言的特性。js选择了成为单线程的语言,所以它本身不可能是异步的,但js的宿主环境(比如浏览器,Node)是多线程的,宿主环境通过某种方式(事件驱动,下文会讲)使得js具备了异步的属性。往下看,你会发现js的机制是多么的简单高效!...转载 2018-11-18 21:03:53 · 163 阅读 · 0 评论 -
jquery 控制复选框
代码是只有全选和全不选操作$('#allbox').click(function () { if($('#allbox').prop('checked') == true){ $('.checkli').prop('checked',true); } else { $('.checkli').prop('checked',f...原创 2018-11-23 10:55:52 · 378 阅读 · 0 评论 -
jquery.qrcode.min.js 生成二维码
引入jquery.qrcode.min.js前需要先引入jquery.js,插件依赖需要注意顺序给一个二维码的容器<div id="qrcode"></div>生成二位码$("#qrcode").qrcode({ render: "canvas", // 渲染方式有table方式(兼容IE)和canvas方式 width: 256, ...原创 2018-12-02 11:41:40 · 910 阅读 · 0 评论 -
js获取本周周一的日期
var nowTemp = new Date();//当前时间var oneDayLong = 24*60*60*1000 ;//一天的毫秒数var c_time = nowTemp.getTime() ;//当前时间的毫秒时间var c_day = nowTemp.getDay()||7;//当前时间的星期几var m_time = c_time - (c_day-1)*one...原创 2018-11-27 12:18:49 · 6956 阅读 · 3 评论 -
JQuery中阻止事件冒泡
方式一:event.stopPropagation()$("#div1").click(function(event){ event.stopPropagation();});方式二:return false$("#div1").click(function(event){ return false;});注意:event.stopPropagation(...原创 2018-12-03 11:24:46 · 500 阅读 · 0 评论 -
点击事件,点击一次多次发生解决方法
原因:事件绑定在函数体,函数的多次调用进行了调用,但是整个页面没有刷新,导致为元素绑定了多个点击事件解决方法:可以把事件在函数体外。保证在页面不刷新的情况只有一次绑定操作。1.可以利用jquery的one()方法保证事件只能触法一次,这种方法有一个缺点,如果该部分不发生重绘就只能点击一次2.利用函数的执行,进行先解绑再绑定操作保证事件只发生一次$("div").unbind("c...原创 2019-01-19 14:58:13 · 1657 阅读 · 0 评论 -
JavaScript页面状态变化判断:刷新,离开,
这里所有相关判断都是pc端的,移动端另寻出路页面离开事件触发多种多样比较常见有onunload,onbeforeunload,pagehide但是怎么判断是离开还是刷新还是没有解决。。。当前tab不关闭通过链接离开当前页面进入其他页面,可以通过history的长度来进行判断是刷新页面还是重新进入,这种判断方法应该始于onload类似事件或类是生命周期结合的if(localSto...原创 2019-09-27 10:25:46 · 1581 阅读 · 0 评论