
javaScript
脚下的黑珍珠号
With his sword to rule the world
展开
-
关于 return return false return true
retrun true; 返回正确的处理结果。return false;返回错误的处理结果,终止处理。return;把控制权返回给页面。原创 2016-11-03 16:32:00 · 441 阅读 · 0 评论 -
使用javaScript控制伪元素
一、伪元素并不是dom元素,js是无法直接操作它的 伪元素有六个,分别是 ::after 、 ::before、 ::first-line、 ::first-letter、 ::selection、 ::backdrop。 常用的是 ::after 、 ::before。 而且在css3中伪元素要使用两个原创 2017-03-20 15:30:06 · 2815 阅读 · 0 评论 -
JavaScript内存(相关)
JavaScript中的内存 JavaScript中的变量包含两种不同的数据类型的值:基本类型值(undefined null Boolean number string)和引用类型的值(保存在内存中的对象)。 JavaScript不允许直接操作对象的内存空间,操作的实际是对象的引用。 JavaScript中的内存也分为占内存和对内存,栈内存是储存的对象的地址,堆内存存放的是储存对象的具体内容原创 2017-10-23 17:36:16 · 242 阅读 · 0 评论 -
location对象
一个完整的URL地址格式协议://主机:端口/路径名称#hash标识?搜索条件location对象:既是window对象的属性,也是document对象的属性。window.location和document.location引用的是同一个对象。下面是location对象的所有属性(写成window.location. ;也能运行): //("#contents")返回url中的ha原创 2017-03-21 11:58:11 · 310 阅读 · 0 评论 -
原型常用的检测方法
isPrototypeOf() 对象是否存在于另一个对象的原型链中;A instanceof B A是B的实例 ;person1.hasOwnProperty(‘name’) 检测一个属性是否存在一个实例中,true;Object.getPrototypeOf(person1).name; Nicholas; 返回的是 [prototype] 的值(取得一个对象的原型)原创 2017-10-16 10:21:52 · 1314 阅读 · 0 评论 -
!function(){}
都是跟(function(){})();这个函数是一个意思,都是告诉浏览器自动运行这个匿名函数的,因为!+()这些符号的运算符是最高的,所以会先运行它们后面的函数原创 2017-12-02 13:07:47 · 3536 阅读 · 0 评论 -
移动端视口知识
待整理原创 2017-12-02 13:15:35 · 412 阅读 · 0 评论 -
滚动条循环,判断滚动条滚动到底部
scrollTop为滚动条在Y轴上的滚动距离。clientHeight为内容可视区域的高度。scrollHeight为内容可视区域的高度加上溢出(滚动)的距离。滚动条到底部的条件即为scrollTop + clientHeight == scrollHeight。上面的公式很重要原创 2017-11-23 16:50:25 · 687 阅读 · 0 评论 -
避免全局变量污染的解决办法
避免全局变量的污染原创 2017-03-20 13:47:28 · 5742 阅读 · 0 评论 -
绑定数据如果后台有null,用三元运算符
'<p class="prize-tel fl other-break">' + ((result[i].phone === null) ? take_p_html : result[i].phone)+ '</p>'//这样就可以在循环时直接把null改写了(估计性能上肯定有缺失)。take_p_html是我设定的一个常量,如果是null那么我就把设定为一个常量字符串( (result[i].原创 2017-11-24 09:48:45 · 2593 阅读 · 0 评论 -
405 Method Not Allowed
查看自己的请求方式,是否能与后台对应。既后台返回的是post那么你请求的时候也应该是post如果报错为服务器500,那么你需要查看自己给后台传的参数是否符合要求原创 2017-11-27 18:35:53 · 597 阅读 · 0 评论 -
500 Internal Server Error
如果报错为服务器500,那么你需要查看自己给后台传的参数是否符合要求 参看自己的参数。原创 2017-11-27 18:38:00 · 2833 阅读 · 0 评论 -
$(function(){})报错
如果两个文件是相互依赖的,这个时候你在每个引用的文件里都用了$(function(){})。那么他们之间的共用的变量的空间(分别在不同的作用域下)就会有变化导致报错原创 2017-11-27 18:46:45 · 3546 阅读 · 0 评论 -
理解函数重载
两个重载函数必须在下列一个或两个方面有所区别: 1、函数有不同参数。 2、函数有不同参数类型,原创 2017-12-17 09:59:39 · 206 阅读 · 0 评论 -
JavaScript方法call,apply,caller,callee,bind的使用详解及区别
这个改变不同的对象来执行不同的this;window.name = 'tom';var objName = { name: 'jack'};function getName(){ console.log('name-- '+this.name);}getName.call( window );getName.call( objName );这里面解释了apply与call的差异,传递原创 2017-09-01 09:50:15 · 287 阅读 · 0 评论 -
JS兼容性问题归纳
1.苹果机事件冒泡问题,见下面代码; https://www.cnblogs.com/xdoudou/p/3991163.html 待总结$('body').click(function (e) { alert('**');}原创 2018-01-23 18:20:50 · 287 阅读 · 0 评论 -
js取数组最大值
var arr = [ 10, 2, 5];一、apply()引用某一个对象的方法var getMax = Math.max.apply(null, arr);console.log(getMax);max里的参数不能为数组,借助apply(function, array)方法调用Math.max(),function为要调用的方法,array是数组对象,当function为null时,默认为上...原创 2018-05-28 17:22:42 · 5442 阅读 · 0 评论 -
变量及其作用域
<script> var str1 = "hello"; var str2 = "world"; function t1() { console.log(str1); console.log(str2); var str2 = "toby"; console.log(str2); } //这里会输出什么原创 2017-03-22 12:32:50 · 290 阅读 · 0 评论 -
javaScript中的类与对象,引用,原型,原型链的定义
A.对象 对象是JavaScript的基本数据类型,有属性也有方法,在JavaScript中一切皆为对象(这是事实)。B.引用 引用是一个指向对象实际位置的指针,对象通过引用来传递C.类 JavaScript中无法创建类,常用组合使用构造函数模式和原型模式来实现自定义类型。类可以实例化一个对象。D.原型 每个对象都连接到一个原型对象,且可以从中继承属性。所有通过对象字面量创建的对象都连接到O原创 2017-10-23 11:16:18 · 275 阅读 · 0 评论 -
JSON.parse()与JSON.stringify()的区别
JSON.parse() —– 从一个字符串中解析出json对象//定义一个字符串,注意json的格式里面要用双引号var data = '{"name": "jack"}';//从字符串中解析出json对象JSON.parse(data); //name:"jack"JSON.stringify() —– 从一个对象中解析出字符串//定义一个对象var data = {name:'jac原创 2017-10-23 09:43:41 · 1042 阅读 · 0 评论 -
parseFloat() parseInt()
parseInt()方法首先查看位置0处的 字符,判断它是否是个有效数字;如果不是,该方法将返回NaN,不再继续执行其他操作。但如果该字符是有效数字,该方法将查看位置1处的字符,进行同样的 测试。这一过程将持续到发现非有效数字的字符为止,此时parseInt()将把该字符之前的字符串转换成数字。如果要把字符串 "1234blue "转换成整数,那么parseInt()将返回1234,因为当原创 2016-11-06 19:11:50 · 238 阅读 · 0 评论 -
screen clientY offset
转载 2016-11-07 17:05:45 · 262 阅读 · 0 评论 -
object
script> /* * 尽量使用点号表示法来访问对象的方法属性 * 不要在对象中使用带引号的属性标识 * */ var hero={ breed:'a', agreed:'b' }; /* * 这里有一个用于表示该对象的变量名hero。 * 括号中用逗号分割着的是组成该对象的元素(通常原创 2016-11-13 00:38:31 · 204 阅读 · 0 评论 -
递归
严格非严格下通用var factory=(function f(num){ if(num<=1){ return 1; }else{ return num * f(num-1); }})// 5 * f(4); 4 * f(3) ;原创 2017-03-21 15:56:00 · 213 阅读 · 0 评论 -
mouseover mouseout 冒泡事件
暂时就看这个方法挺简单 $('.parent').on('mouseover',function(e){ //终止事件在传播过程的捕获,目标处理,起泡阶段进一步传播。调用该方法后,该节点上处理该事件的处理程序将被调用,事件不再被分派到其他节点。 e.stopPropagation() e.stopPropagation(); $('.a1').show(1000); });原创 2017-03-28 14:03:46 · 262 阅读 · 0 评论 -
git操作总结
命令//linux命令: mkdir //创建文件 cd //进入目录 pwd //列出当前目录;//git命令: cat file //读取文件内容git init //初始化 git add //添加 git commit -m ""原创 2017-03-24 15:44:04 · 234 阅读 · 0 评论 -
移动端开发总结
苹果字体不用引用外部文件,比如平方体直接设置 font-family:“pingfangSC”(苹果) font-family:”pingfang SC”,”微软雅黑”; (微软雅黑用于苹果,平方体用于安卓)移动端的效果图,要比效果图缩小二倍,移动端效果图是24px 写css时就是12px。原创 2017-04-17 16:56:37 · 317 阅读 · 0 评论 -
起步-封装组件
1.可供使用的继承的范行有两种,原型式继承和类似继承。2.对象的易变性 在JavaScript中一切皆是对象,除三种原始数据类型,即便是这些数据类型,在必要的时候也会被自动封装为对象。且所有对象都是易变的。意味着能使用大多数别的语言中不允许的技术,如为函数添加属性3.在JavaScript中使用设计模式主要有3种原因: 可维护性,沟通,性能 4.也有如下两种理由不实用设计模式:原创 2017-05-12 12:12:52 · 209 阅读 · 0 评论 -
JavaScript中常用方法汇总
Math对象常用方法Math.pow(2,53) //2的53次幂Math.round(.6) //1.0 四舍五入Math.ceil(.6) //1.0 向上取整Math.floor(.6) //0.0 向下求整Math.abs(-5) //5 求绝对值Math.max(2,9,5)原创 2017-06-02 20:00:52 · 552 阅读 · 0 评论 -
运算符
递增++,当运算符在操作数之前称为前增量,在操作数之后称为后增量。 ·前增量:对操作数进行增量计算。并返回计算后的值。 ·后增量:对操作数进行增量计算。但返回未做增量计算的值。var i=1,j=++i; //i与j的值都为2;var i=1,j=i++; //i的值为2,j的值为1;++a 并不总和 a=a+1 完全一样,++从不进行字符串链接操作,而是将操原创 2017-06-01 13:56:35 · 202 阅读 · 0 评论 -
JavaScript中常见的术语总结(如:什么是类?)
计算机的程序运行需要对值进行操作,能够表示操作的值的类型称做数据类型。编程语言最基本的特性就是能够支持多种数据类型。当程序需要将值保存起来以备将来使用时,便将其赋值给一个变量。变量是一个值得符号名称。可以通过名称来获得对值得引用。JavaScript数据类型包括两种类型:原始类型,对象类型。原始类型:包括数字,字符串,和布尔值。null(空),undefined(未定义)是JavaScrip原创 2017-06-02 16:03:12 · 891 阅读 · 0 评论 -
forEach , $.each() , $().each()的使用
forEach是js中数组的遍历方法var arr=[ 1, 2, 3, 4];arr.forEach(function(){ //val 是数组中当前的值,index为当前值的下标,arr为原数组; arr[index] = 2 * val;})console.log(arr);$.each()是jquery中遍历数组的方法var arr= [1, 2, 3, 4原创 2017-06-22 21:49:47 · 1839 阅读 · 0 评论 -
jquery专栏
append,after //append 是在ol标签内的最后的一个li元素之后插入Appended item// after 是在ol这个标签后面插入Appended item $("#btn2").click(function(){ $("ol").append("<li>Appended item</li>"); $("ol").after("<li>Appe原创 2017-07-05 11:46:38 · 316 阅读 · 0 评论 -
获取数组中最大值和最小值
//获取数组中最小值的方法function smallest(array){ return Math.min.apply(Math,array);}//获取数组中最大值的方法function largest(array){ return Math.max.apply(Math,array);}原创 2017-10-10 14:40:26 · 4177 阅读 · 0 评论 -
querySelector(),querySelectorAll()
a. querySelector()方法返回文档中匹配到指定的css选择器的一个元素b. 要注意的是返回的nodeList集合中的元素是非实时的//dom<div id = 'box> <div class = 'inner-box'></div> <p class = 'inner-box'></p> <div class = 'inner-b原创 2017-10-11 14:14:56 · 1461 阅读 · 1 评论 -
return false
return false 在函数作用域内阻止继续执行 salesOffices.strigger = function(){ var key = Array.prototype.shift.call( arguments ), fns = this.clientList.key; if( !f...原创 2018-07-07 10:20:46 · 514 阅读 · 0 评论