fn

jQuery手册中的属性和css部分

跟風遠走 提交于 2019-11-29 16:29:36
属性: 1、attr(name|properties|key,value|fn) 设置或返回被选元素的属性值。 //参数name 描述:返回文档中所有图像的src属性值。 $("img").attr("src"); //参数properties 描述:为所有图像设置src和alt属性。 $("img").attr({ src: "test.jpg", alt: "Test Image" }); //参数key,value 描述:为所有图像设置src属性。 $("img").attr("src","test.jpg"); //参数key,回调函数 描述:把src属性的值设置为img1.png , ... $(function(){ //回调函数(index下标)(src1可自定义,是src属性的值) $('img').attr('src',function(index,src1){ this.src = "img"+(index+1)+".png"; }); }) //结果: src="img1.png" src="img2.png" src="img3.png" ... 2、removeAttr(name) 从每一个匹配的元素中删除一个属性 //将文档中图像的src属性删除 <img src="test.jpg"/> $("img").removeAttr("src"); 3

Javascript基础三(函数)

风流意气都作罢 提交于 2019-11-29 16:16:22
函数第一节: 1.函数的概念及作用   函数是由事件驱动的或者当他被调用时可执行的可重复使用的代码块。   具备一点功能的代码段,代码段来实现具体的功能。要想实现一个函数的功能需要对函数进行调用。每写完一个函数就需要在使用时进行调用 2.函数的好处 重复使用 忽略细节 选择执行 3.函数的定义 通过关键字function声明, function fn(){} 其中: function---为声明函数的关键字,指出这是一个函数 fn ------是函数的名称,类似于永来存储函数的变量 () ------为函数的参数,多个参数用 , 隔开 {} ------放置函数体,用于执行时,所要编译的代码段 4.函数的调用 fn(); ----函数名+() 注意: 千万不能丢掉括号;可先尝试理解fn()()()() 5.事件的概念种类和作用 是一种可以被js侦测到的行为 在JS中常见的事件有: 鼠标点击--------onclick 鼠标双击--------ondblclick 页面或图片加载-----onload 鼠标移入--------onmouseover 鼠标离开--------onmouseout 元素获得焦点------onfocus 元素失去焦点------onblur 键盘事件 …… 主要用于和用户产生一定的交互,提高页面或程序的交互性。 事件和函数之间的关系 当触发事件的时候

防抖&节流

我们两清 提交于 2019-11-29 14:08:41
使用的原因 在前端开发当中有一部分的用户行为会频繁操作触发事件执行,而对于DOM操作,资源加载等耗费性能的处理,很可能导致页面卡顿,甚至浏览器崩溃,函数节流和防抖就是解决类似需求应运而生的 节流 预定一个函数只有在大于等于执行周期时才执行,周期内调用不执行 ,就像水滴攒到一定重量会下落一样 运用场景: 窗口调整(resize) 页面滚动(scroll) 抢购疯狂点击(mousedown) let throttle = (fn,waitTime) => { let lastTime = 0; return function () { let nowTime = new Date().getTime(); if (nowTime - lastTime >= waitTime) { fn();//执行的时候注意this指向 lastTime = nowTime; } } } 防抖 函数防抖就是函数需要频繁触发情况时,只有足够的空闲时间,才执行一次 。就像公交司机会等人都上车后才出站 运用场景 实时搜索(keyup) 拖拽(mousemove) let antiShake = (fn,intervalTime) => { let timer = null; return function () { clearTimeout(timer); timer = setTimeout(() =>

7.评价分类结果

本小妞迷上赌 提交于 2019-11-29 12:34:30
1.准确度的陷阱和混淆矩阵 我们之前对于分类问题,一直使用分类的准确度评价分类的结果,但是实际上分类问题的评价比回归问题的评价要复杂很多,相应的指标也多很多。可是之前使用准确度来进行评价不是挺好吗?但其实准确度是有一个很大的问题的,举个例子 我有一个癌症检测系统,通过对人进行体检,那么可以判断这个人是否患有癌症,而这个系统预测的准确度是99%,那么这个系统是好,还是坏呢?按照我们之前的逻辑,准确度都达到99%了,那么肯定是一个好系统了,其实不然。如果这个癌症的发病率只有百分之1呢,换句话说,1000个人里面只有10个癌症患者,健康的人远远高于患有癌症的人。那么不管什么人,系统只要都预测成健康,或者没有患有癌症,那么这个系统的准确度依然能达到99%,也就是说这个系统甚至都不需要机器学习,不管来什么人,只要都预测成健康就可以了,因为健康的人相对于患有癌症的人,比例显然是远远高于的。因此只要都预测成健康,那么准确度依旧会很高,但是这样的系统有用吗?我们的目的是,希望能够检测出来患有癌症的人,尽管这个系统的准确度达到了99%,但是癌症患者是不是一个都没有检测出来啊,所以这便是分类准确度的一个陷阱,或者说一个弊端,那么我们便有了其他的评价指标。所以我们说分类问题的评价指标相较于回归问题,要更复杂一些,毕竟回归问题只要判断误差的大小、或者r2的大小即可 或者我们的例子再举的极端一点

深入理解闭包

生来就可爱ヽ(ⅴ<●) 提交于 2019-11-29 11:08:50
前言: 对于大多数前端同学来说闭包一直是个很让人困惑的问题,我自己之前虽说在项目中有意无意的用到但是都没有刻意的去深入研究它,大部分时间是为了应付面试。后来某一天我突然意识到自己要去认真研究下它,因为知其然而不知其所以然并不应该是学习一种语言的态度,所以我打算写篇文章尝试着用我自己的理解去解释下闭包。 一、什么是闭包? 关于闭包不同的人有不同的理解,在javaScript高级编程第三版中给出了如下的解释: 闭包是指有权访问另一个函数作用域中的变量的函数。 其实解释出来说闭包就是一个函数,只不过它可以访问别的函数内部的变量。单纯的看这句话很是抽象 ,我们先看一段代码: function fn1() { var a = 1; function fn2() { console.log(a) } } fn1(); 这段代码中我们先声明了一个函数fn1然后在函数内部生明了一个函数fn2而我们在fn2中引用了fn1中的变量a ;当我们执行fn1时,这时候闭包就产生了。我们可以借助谷歌浏览器f12调试工具很清楚的看到闭包 在14行打断点后我们很清楚的看到在内部函数f2内部有一个Closure的对象,这就是我们所说的闭包.此时我们对闭包可以更准确的的解释: 闭包是一个存在内部函数对象里的包含被引用变量的对象 。 二、如何产生闭包? 当一个嵌套的内部函数引用了外部函数的变量时,就产生了闭包。上例中

jQuery:-$.Callbacks 实现原理

落爺英雄遲暮 提交于 2019-11-29 10:31:26
$.Callbacks 用于管理函数队列,通过 add 添加处理函数到队列中,通过 fire 去执行这些处理函数。 本节向大家介绍 $.Callbacks 的实现的原理,并简单实现一个自己的 callbacks。 $.Callbacks 用于管理函数队列,通过 add 添加处理函数到队列中,通过 fire 去执行这些处理函数。 本节向大家介绍$.Callbacks 的实现的原理,并简单实现一个自己的 callbacks。 概念解读 从事件函数了解 Callbacks,事件通常与函数配合使用,这样就可以通过触发事件来驱动函数的执行。 原则上,一个事件对应一个事件函数。在一个事件对应多个事件函数的情况下,后者会覆盖前者。 ele.onclick = function(){ console.log("code")}ele.onclick = function(){ console.log("code1")} 上边这个 Demo 中后面绑定的这个事件函数会覆盖前边的,事件触发时会打印"code1"。 事件驱动改造 如果想让触发事件时执行多个函数,是否可行呢? 当然可以,我们可以把需要执行的多个函数放在一个数组里,事件触发时循环执行这个数组里的函数。下面看一下伪代码: var callbacks = [function a(){}, function b(){}, function c(){

Codechef:Fibonacci Number/FN——求通项+二次剩余+bsgs

回眸只為那壹抹淺笑 提交于 2019-11-29 10:23:51
题意 定义 $F_n$ 为 $$F_n = \left\{\begin{matrix} 0, n=0\\ 1, n=1 \\ F_{n-1} + F_{n-2}, n > 1 \end{matrix}\right.$$ 现给你一个素数 $p$ 和一个非负整数 $C$,你需要最小的非负整数 $n$,使得 $F_n \equiv C (mod \ p)$. 分析 因为题目保证 $p \ mod \ 10$ 是一个完全平方数,也就是说 $p \ mod \ 5$ 等于1或-1,即5是模$p$ 的二次剩余( 据说 )。 求出通项,用Cipolla求出5的二次剩余,记为 $c$,并记 $p = \frac{1+c}{2}$, 通项变成 $${1\over c}\left(p^n-(-1)^n{1\over p^n}\right)\equiv a\pmod{P}$$ 解得 $$p^n\equiv {ac\pm \sqrt{ac+4(-1)^n}\over 2}$$ 然后枚举一下 $n$ 的奇偶性,再用BSGS求出 $n$就可以了。 //我原来的模板好像有问题,这里贴大佬的模板 //minamoto #include<bits/stdc++.h> #define R register #define inf 0x7fffffff #define fp(i,a,b) for(R int i=(a)

图解javascript的this指向

泪湿孤枕 提交于 2019-11-29 10:11:09
图解javascript的this指向 作者: HerryLo 本文永久有效链接: https://github.com/AttemptWeb...... 以下就只有两张图,请放心食用!! # 简版this指向 # 升级版this指向 # 解释: 这里的上下文对象如下: function fn() {console.log('this指向:', this);} let Obj = { fn: fn } window.fn(); // 上下文对象调用, 等价于直接调用 fn() Obj.fn(); // 上下文对象调用 # 参考: MDN: 箭头函数表达式 MDN: 函数的this ps: 微信公众号:Yopai,有兴趣的可以关注,每周不定期更新,分享可以增加世界的快乐 来源: https://www.cnblogs.com/liuheng/p/11512846.html

关于普通函数this指向

断了今生、忘了曾经 提交于 2019-11-29 10:08:28
普通函数this指向详解 this的指向在函数定义的时候是确定不了的,只有函数执行的时候才能确定this到底指向谁,实际上this的最终指向的是那个调用它的对象(这句话不那么严谨,作为一般情况下是可以的) section1:如果一个函数中有this,但是它没有被上一级的对象所调用,那么this指向的就是window,这里需要说明的是在js的严格版中this指向的不是window,但是我们这里不探讨严格版的问题(在严格版中的默认的this不再是window,而是undefined。) function dog(){ var user = "二狗子"; console.log(this.user); //undefined console.log(this); //Window } dog(); //相当于window.a(); //this最终指向的是调用它的对象,这里的函数a实际是被Window对象所点出来的 section2:如果一个函数中有this,这个函数有被上一级的对象所调用,那么this指向的就是上一级的对象。 var dog = { user:"二狗子", fn:function(){ console.log(this.user); //二狗子 console.log(this); //{user: "二狗子", fn: ƒ} } } dog.fn(); /

this指哪儿

假如想象 提交于 2019-11-29 09:49:21
this的指向问题 一、this初识 this是javascript中最复杂的机制之一。它尤为特殊,被自动定义在所有函数的作用域中。这篇文章将浅析this与函数的关系。 二、了解this 学习this的第一步就是明白this既不指向自身也不指向函数本身的词法作用域,而是指向当前行为的执行者,即:哪个函数调用函数,函数里面的this就指向哪个对象。 三、this指向 this的指向要分以下五种情况: 普通函数 自执行函数 事件绑定 构造函数 call、apply和bind 1、普通函数 function fn(){ console.log(this); } fn(); 此时,fn()执行,实际上是window.fn();此时this指向window function fn(){ console.log(this); } var obj = {fn:fn,name:"sean"}; obj.fn(); 此时,使用obj调用fn(),此时this指向obj 2、自执行函数 (function(){ console.log(this) })(); 此时,this指向window 再看下面这个代码 var name = "gary"; function fn() { console.log(this.name); (function(){ console.log(this.name) })(