javascript基础
陆康永
是时候开始明确自己写博客是为了什么,以前搞不懂,感觉挺浪费时间的,而且自己的水平写出了的博客可参考价值也不大,权当给以后的自己一个了解过去自己的机会,避免继续踩坑。
展开
-
Object和Function是函数,函数都有一个prototype属性
在上面代码中,fun1、fun2、fun3 都是函数对象,obj1、obj2、obj3 都是普通对象。在 JavaScript 中,万物皆对象,你要一个吗?new Object() 啊!都有一个 prototype 属性,这个属性的指向被称为这个函数对象的。而 Object 和 Function 都是 JavaScript。当然,就好比同样为人,也区分普通人和天才。对象也是有分类的,分为。原创 2024-02-23 22:22:22 · 663 阅读 · 0 评论 -
Object.create和Object.setPrototypeOf区别
Object.create实现属性继承时候,重新为prototype属性赋值,同时删除原型对象的constructor属性所以需要从新更新原型对象的构造函数指向。原创 2024-02-23 10:44:55 · 262 阅读 · 0 评论 -
__proto__和protype的区别
都是JavaScript中非常重要的概念,它们在原型链和继承中发挥着关键作用。理解它们的区别和用途对于掌握JavaScript中的对象模型和继承机制至关重要。是JavaScript中两个重要的概念,它们在对象原型链和继承中起着关键作用。原创 2024-02-22 09:09:22 · 546 阅读 · 0 评论 -
javascript 常见的继承方式
继承是基于“类”的,在没有es6前,一的函数就充当了“类”的,构造函数的prototype上面的属性就等于实例的共享属性。原创 2024-01-17 21:57:24 · 497 阅读 · 0 评论 -
函数传递对象类型参数的怪异解读
目录:参数是{对象类型」的函数 对形参重新赋值对「象类型数据」 对象传递在「vue」中的使用函数接受对象类型的参数时候,其实是传递对象的内存地址,这个大家都知道。var a={x:111};var b=function(c){ c.x=222;}b(a);console.log(a)这里的a肯定等于{x:222},这个也是毫疑问的。那能否把这个函数拆开不要那个大花括号呢?来试试。。。。。。。呐,变成这样了,var a={x:111};var c=a;原创 2021-01-19 10:59:23 · 178 阅读 · 0 评论 -
jquery ajax监听 then when done
JQuery的Promise详解(一):Promise基础 http://www.ido321.com/1643.htmljQuery的deferred对象详解:http://www.ruanyifeng.com/blog/2011/08/a_detailed_explanation_of_jquery_deferred_object.html原创 2016-05-31 00:54:53 · 3005 阅读 · 0 评论 -
验证码创建,以及验证码输入判断;
验证码#ran{width:100px;height:20px;border:#333333 solid 1px;background-color:#999999;color:#CC0066;display:inline-block;padding:0px 10px 0px 10px;}var sum=""; //需要设置一个全局对象,否则sum+无法引用var attr=""原创 2014-03-12 22:22:20 · 1000 阅读 · 0 评论 -
计算时间差
无标题文档function calDay(){var date=new Date();document.getElementById("currentDate").innerText=date.toLocaleDateString();var year=document.getElementById("year").value;var month=document.getE原创 2014-03-15 21:38:22 · 790 阅读 · 0 评论 -
javascript焦点图(可以自动切换 )
思路总结:1.实现图片滚动的function、鼠标经时候获取当前li的index、设置ndex自动递增的函数、实现淡入淡出效果的函数2.整个实现效果一传递index为主线3.我的编写代码过程---->a.先编写好实现图片切换的函数,这里主要是包含for历遍所以图片并设置display为none和传递index(这里把index赋值给inew);---->b.编写鼠标经过时候获取index,这里必须通过历遍和赋值把鼠标经过的index赋值个inew,并传递给可以实现图片切换的函数move();--原创 2014-05-08 14:31:22 · 2398 阅读 · 0 评论 -
js判断json不为空
回顾:公司使用avalon来做开发,本来挺高兴的,毕竟像MVC走出了半步,不过越走越不顺...(前后端开发没有分离,导致HTML源码在后端手中,前端用avalon得修改freemark模板,感觉比之前还麻烦).. ... 其余碰到的都是一些之前没有遇过坑,踩一下还是感觉可以的判断json不为空,这个我之前真的没有考虑过,百度了一下,最能让我接受的是这个:funct原创 2016-01-17 01:40:19 · 15766 阅读 · 0 评论 -
数组去除重复 json的继承和重新
历要删除的数组arr, 把元素分别放入另一个数组tmp中,在判断该元素在arr中不存在才允许放入tmp中,具体实现如下,需要的朋友可以看看例如:var student = [‘qiang','ming','tao','li','liang','you','qiang','tao'];第一种思路是:遍历要删除的数组arr, 把元素分别放入另一个数组tmp中,在判断该元转载 2016-02-22 21:10:30 · 2322 阅读 · 0 评论 -
Array.prototype.slice 妙用
函数传参转数组:var slice = Array.prototype.slice;var toString = Object.prototype.toString;(function() { var args = arguments; console.log(args, toString.call(args)); // [1, 2, 3] "[object Arguments]原创 2017-09-23 20:54:00 · 313 阅读 · 0 评论 -
javascript tostring自动调用
1.最近tostring频频出现在视野中,jquery源码里面有看到,朋友的面试题里面有,好吧,那就去一探究竟。这是面试 题:function add(x) {________}; alert(add(2)(3)(4)); //填空,使结果为9这是网友给的答案,感谢万能的群,感谢万能的网友function fn(x) { var b = x; fu原创 2017-09-20 15:19:04 · 2332 阅读 · 2 评论 -
返回上一页跳过中间页面,返回上一页跳过敏感页面
location.replace("./agency.html");常见一种情况,例如支付:有如下三个页面:入口页面,填写金额页面,支付成功页面其中支付页面在支付成功有会有一个返回上一页的按钮,点击就返回上一页,或者点击浏览器返回上一页会出现继续进入输入金额的页面。现在解决这个问题方案1:添加中间空白页面:agency.html,输入金额页面原创 2017-09-18 20:30:35 · 2747 阅读 · 0 评论 -
javascript 对象私有属性,构造函数,原型
万物皆函数万物皆对象函数是javascript里面的核心内容。javascript的函数是最难理解的,同时混淆了太多的概念在里面。javascript存在静态属性么?我觉得是否定的,但是有些书或资料上面经常出现这个字眼,我觉得有必要把自己的理解记录下来,以方便以后的理解。静态属性,私有变量,私有属性;私有变量是比较容易理解的,例如下面代码var gloal="gloal";function a(...原创 2018-04-26 01:02:57 · 1074 阅读 · 0 评论 -
js 随机数边缘问题
原文标题 JS生成某个范围的随机数(四种情况)前言 JS没有现成的函数,能够直接生成指定范围的随机数。 但是它有个函数:Math.random() 这个函数可以生成 [0,1) 的一个随机数。 利用它,我们就可以生成指定范围内的随机数。 而涉及范围的话,就有个边界值的问题。这样就包含四种情况: 1)min ≤ r ≤ m...转载 2019-02-21 11:27:51 · 308 阅读 · 0 评论 -
json&Array&for..in&for的介绍
var obj={a:15,b:4,c:8}; //json var arr=[15,16,17]; //数组是可以使用for和for..in /* for(var i=0;i { alert(i+"="+arr[i]); }*/ /* for(var i in a原创 2014-10-21 17:08:50 · 752 阅读 · 0 评论 -
数组删除、插入、分割--splice()
/* splice splice(开始,长度元素); 1.删除 splice(开始,长度); 2.插入 splice(开始,0,元素); 3替换 splice(开始,替换,元素) */ var arr=原创 2014-10-21 17:44:06 · 3361 阅读 · 0 评论 -
隔行变色--------------%的妙用
*{ margin:0; padding:0; list-style: none; } ul{ width:500px; margin:0 auto; height:auto; }原创 2014-10-21 17:44:32 · 581 阅读 · 0 评论 -
106 浏览器判断 IE firefox chrome safari opara
//浏览器检测(function(){ window.sys={}; var ua=navigator.userAgent.toLowerCase();//获取炉冷却信息字符串 var s;//浏览器信息数组,浏览器名称+版本号 //document.write(ua);//不同浏览器将输出一下浏览器信息 /* document.wri原创 2015-05-11 22:52:41 · 940 阅读 · 0 评论 -
98 拖拽
//base.jsvar $=function(_this)//调用,把this传递过来{ return new Base(_this);};//对象式function Base(_this){ //创建一个数组来获取节点和节点的数组 this.elements=[];//私有化,不共用 if(_this!=u原创 2015-05-03 23:01:56 · 526 阅读 · 0 评论 -
一个在别人网站扒的tools.js
*Date:2012年6月19日 14:31:08Author:AwaitAuthorUrl: http://leotheme.cn/*/Util.getName = function(a) { return document.getElementsByName(a);};Util.getID = function (id){return document转载 2015-01-12 13:36:33 · 953 阅读 · 0 评论 -
a=i++;和a=++i;的区别
a=i++等同i=1;a=i;i++,所以a=1;a=++i等同i=1;i++;a=i;所以 a=2;这就是先赋值再自增,和先自增再赋值的区别原创 2014-11-14 11:20:55 · 4261 阅读 · 1 评论 -
arguments&&callee
arguments编辑本词条缺少概述、信息栏、名片图,补充相关内容使词条更完整,还能快速升级,赶紧来编辑吧!目录1arguments▪ 说明▪ 属性2举例▪ 参数的长度▪ 隐藏的参数▪ 改变参数值▪ 递归1arguments编辑说明在Jav转载 2014-11-04 09:40:20 · 632 阅读 · 0 评论 -
操作 iframe里面 的dom元素
JS操作iframe里的dom body{ margin:0; padding:0; } #wIframeA,#wIframeB{ width:400px; height:400px;转载 2014-10-27 14:35:11 · 4885 阅读 · 0 评论 -
split 和join的使用 模仿关键词高亮显示 替换
p{width:600px;height:auto;background:darkgray;} span{background:yellow;} 阿茂妙味课堂走过去拿起话筒一听,是乡下的堂弟打来的长途:“听说月霞侄妙味课堂女要结婚了,到时候别忘了通知我们前来喝两杯哪!”阿茂听了心想:究妙味课堂竟是谁向他透露了风声? 八成是月霞那疯丫头!喝两原创 2014-10-26 20:06:01 · 873 阅读 · 0 评论 -
split 字符串的剪切 彩色文字效果
#div1{width:300px;height:300px;border:1px #000 solid;} span{padding:5px 10px;font-size: 14px;color:blue;} window.onload=function() { var oDiv=docume原创 2014-10-26 19:35:59 · 557 阅读 · 0 评论 -
字符串是否有非数字判断 charCodeAt()的使用
//detectNum("123456") detectNum("123a456") function detectNum(str) { var n=0; for(var i=0;i { n=str.charCodeAt(i)原创 2014-10-26 17:22:13 · 1093 阅读 · 0 评论 -
元素抖动 数组和 索引的妙用
img{width:100px;margin:100px;position: absolute;left:100px;top:100px;} window.onload=function() { function getStyle(obj,attr) {原创 2014-10-26 16:59:13 · 631 阅读 · 0 评论 -
实现图片分割---产生多个div分割图片 使用for和二维数组来设置背景定位
生成多个div 动态改div添加背景 鼠标经过的时候 div显示 实现上色的效果 不过还能拓展很多东西,希望 大家可以多多指导 如果有开发新的效果 还望指导原创 2014-10-25 16:46:17 · 2080 阅读 · 0 评论 -
jQuery,javascript获得网页的高度 宽度 滚动
网页可见区域宽: document.body.clientWidth网页可见区域高: document.body.clientHeight网页可见区域宽: document.body.offsetWidth (包括边线的宽)网页可见区域高: document.body.offsetHeight (包括边线的高)网页正文全文宽: document.body.scrollWidth转载 2014-10-24 19:53:27 · 588 阅读 · 0 评论 -
数组添加删除----unshift,shift,pop,push
var arr=[1,2,3]; // arr.push(4);//在数组后面添加 // arr.pop();//删掉数组最后一位 //arr.shift();//头部删除 arr.unshift(4);//头部添加 alert(arr);原创 2014-10-21 17:48:26 · 772 阅读 · 0 评论 -
数组排序
var arr=[22,122,3]; //arr.sort();//无法对数字进行排序 //只能排序字符串,如果需要字母的话,需要自定义一个函数 arr.sort(function(num1,num2){ //return num1-num2;//从小到大 //return num2-nu原创 2014-10-21 17:47:10 · 622 阅读 · 0 评论 -
数组连接
var a=[22,122,3]; var b="ABC"; var c=[88,88,88] alert(a.concat(b).concat(c));原创 2014-10-21 17:46:33 · 472 阅读 · 0 评论 -
中英文混合长度的计算以及截取
1.中文算2个字符2.英文算一个字符代码 window.onload = function(){ function getByteLen(val) { var len = 0; for (var i = 0; i转载 2015-09-06 15:18:06 · 1419 阅读 · 0 评论