發(fā)簡信
IP屬地：北京
-
封裝call,apply,bind方法
眾所周知，call，apply，bind三種方法，都可以改變this的指向，區(qū)別只在于傳參的不同，今天來用原生js對三種方法進(jìn)行封裝。首先，要聲明一個(gè)函數(shù)作為例子： call...
-
js原生代碼和jquery可以同時(shí)使用嗎
不知道大家平是有沒有這種困惑，有時(shí)圖方便用jQ聲明對象，有時(shí)又因了解jq不夠多而使用原生進(jìn)行書寫，那么到底能不能一起混用呢？首先，我們要理解dom原生對象和jq對象的區(qū)別：1...
-
使用h5新特性canvas簡單生成一個(gè)柱狀圖
要展現(xiàn)一種數(shù)據(jù)，最直觀的方式便是生成數(shù)據(jù)圖，圖例永遠(yuǎn)要比文字說明更加的清晰明了。因此，今天來生成一個(gè)利用canvas畫布上的柱狀圖。首先，先設(shè)置一個(gè)x，y軸，以便于柱狀圖的生...
-
使用h5新特性canvas簡單的完成一些效果
使用畫布完成一個(gè)太極陰陽圖的繪制繪制順序：首先，先畫出一黑一白兩個(gè)半圓，畫出半圓后，再在半徑的一半設(shè)置一個(gè)小圓，上半部分設(shè)置黑色，下半部分設(shè)置白色，再在小圓中再設(shè)置一個(gè)小圓，...
-
js實(shí)現(xiàn)一個(gè)簡易的瀑布流效果
瀑布流效果，就是每張大小不同的圖片不留白的鋪滿整個(gè)網(wǎng)頁，首先要進(jìn)行頁面的設(shè)置，設(shè)置幾個(gè)固定的圖片，讓他們排成一排： 完成后，首先要進(jìn)行判斷，因?yàn)榇笮〔灰坏膱D片排成排的話，中間...
-
js中var，let，const的區(qū)別
var聲明的變量會(huì)掛載在window上，而let，const不會(huì) var聲明變量存在聲明提升，其他聲明方式不提升 let和const聲明形成塊級(jí)作用域 同一作用域下let和c...
-
改變this指向的call,apply,bind使用方法及區(qū)別
先貼結(jié)論：call, apply, bind把this的指向改變?yōu)閏all, apply, bind所傳入的第一個(gè)參數(shù)相同點(diǎn)：1.都是用來改變函數(shù)的this對象的指向。2.第...
-
js購物車的實(shí)現(xiàn)方法
第一步有數(shù)據(jù) 第二步渲染數(shù)據(jù) 第三步封裝 第四步點(diǎn)擊加 第四步點(diǎn)擊減 第五步全選 第五步單選 第六步結(jié)算 第七步點(diǎn)擊刪除
-
js中this是什么,如何改變this指向
js中this是什么定義：this是包含它的函數(shù)作為方法被調(diào)用時(shí)所屬的對象說明：1、包含它的函數(shù)2、作為方法被調(diào)用時(shí)3、所屬的對象例1： 例2： 如果一個(gè)函數(shù)中有this,這...
-
快跑啊 鬼子進(jìn)村辣
this是什么？(無敵版)
今天帶大家觀察一波this指向是什么！總結(jié)起來就六個(gè)字 誰調(diào)用，指向誰含義： 當(dāng)一個(gè)函數(shù)沒有明確的調(diào)用對象的時(shí)候， 也就是單純作為獨(dú)立函數(shù)調(diào)用的時(shí)候， 將對函數(shù)的th...
-
淺談js中this的問題
this是js中的關(guān)鍵字，它遵循的規(guī)則是：誰調(diào)用，指向誰 哪個(gè)對象調(diào)用函數(shù)，函數(shù)里面的this指向哪個(gè)對象。 直接不帶任何引用形式去調(diào)用函數(shù)，則this會(huì)指向全局對象，因?yàn)闆]...
-
用js簡單做一個(gè)模糊搜索的效果
使用百度搜索時(shí)，每當(dāng)輸入你想查詢的關(guān)鍵詞，都會(huì)出現(xiàn)很多與關(guān)鍵詞相近的選項(xiàng)方便你快速查詢，今天，就來生成一個(gè)自己寫的簡單的模糊搜索的效果。首先，最初的寫入判斷，然后分為兩部分，...
-
用js簡單生成一個(gè)拖拽事件
模仿windows界面的鼠標(biāo)拖拽，在網(wǎng)頁上生成一個(gè)鼠標(biāo)點(diǎn)擊拖拽事件，需要注意：需要設(shè)置一個(gè)控制的開關(guān)，判斷為開時(shí)正常拖拽，判斷為關(guān)時(shí)，拖拽鼠標(biāo)獲得的矩形立即消失；完整代碼：
-
用js實(shí)現(xiàn)一個(gè)簡便的可以實(shí)行增刪改查的購物車功能
購物車功能，對初學(xué)js的人來說，可謂是一項(xiàng)難度頗高的挑戰(zhàn)，它會(huì)對初接觸的人進(jìn)行一個(gè)綜合性的考核。所以，為了更方便的寫出這些代碼，首先心里要有一個(gè)完整的規(guī)劃。當(dāng)把購物車的靜態(tài)樣...
-
冒泡排序和快速排序?qū)Ρ?，為什么反?fù)調(diào)用函數(shù)的快排更快
快速排序,說白了就是給基準(zhǔn)數(shù)據(jù)找其正確索引位置的過程.冒泡排序算法的原理如下：比較相鄰的元素。如果第一個(gè)比第二個(gè)大，就交換他們兩個(gè)。對每一對相鄰元素做同樣的工作，從開始第一對...
-
淺析querySelector和getXXXByXXX 的區(qū)別以及實(shí)現(xiàn)一個(gè)簡單的tab切換
querySelector和getElementById的區(qū)別，官方解釋為："querySelector 屬于 W3C 中的 Selectors API 規(guī)范 。而 getE...
-
用js簡單生成一個(gè)留言板
留言板功能，會(huì)運(yùn)用到基本的增刪改的功能，增加時(shí)，不會(huì)出現(xiàn)空格，enter等生成的空值，點(diǎn)擊留言時(shí)，可以將輸入框中的值寫入到留言框中，而且點(diǎn)擊留言框中的刪除按鈕時(shí)，可以將留言框...
