1. 程式人生 > >前端之js易混淆點

前端之js易混淆點

1.substring(x,y)

可以有一個引數也可以有兩個引數 
substring() 方法返回的子串包括 start 處的字元,但不包括 stop 處的字元    類似於這個區間 [x,y)
**注意:**x>y會自動調換位置

2.Substr(x,y)

可以有一個引數也可以有兩個引數  
substr() 的引數指定的是子串的開始位置和長度
**注意:**可以接受負的引數  當y為負值時,則為空

3.slice(x,y)

substring類似,都是返回一個 [x,y)區間的字串 
**注意:** 和substring不同,當x>y的情況發生,則會產生一個空,而不會自動調換位置
和Substr類似的一點是  y可以為負值,輸出的的是y+length之後的長度

4.this

一般預設情況下this指標指向window,this會指向定義時所在的物件,this是會隨著當前呼叫者的改變而改變,例如在定時器中this指向window,如果想this只向當前物件即需提前繫結住this,以便後面使用,在面向物件(oop)的設計模式中很常見,但是在ES6中this則不存在該問題,箭頭函式內的 this 執行定義時所在的物件。

5.轉換

5.1.陣列轉換成字串:var array1=(["b", 2, "a", 4,]);var str=array1.join();str此時就是字串;
   字串轉換成陣列:var str=‘b2a4’;var array1=str.split(",");
5.2.物件轉換成字串:var object1={x:6,y:6};var array1=JSON.stringify(object1);這時候輸出 '{"x":6,"y":6}';
   字元轉轉換成物件:var array1='{"x":6,"y":6}';var object1=JSON.parse(array1)或者var object1=jQuery.parseJSON(array1);這時候輸出{x:6,y:6};**後者jquery3以後不推薦使用**

ps:ie7和ie6環境下,字串轉換成JSON物件:var c=’{“name”:”Mike”,”sex”:”女”,”age”:”29”}’; var obj=eval(“(“+c+”)”);

6.alt title區別

alt是在圖片無法顯示時候對無法顯示的物件起描述作用;圖片顯示時不表現;

title,是圖片的標題主題,只要img標籤存在,不管是否顯示圖片,滑鼠停滯在此處時都會浮現;

7.load與ready的區別

1.load是當頁面所有資源全部載入完成後(包括DOM文件樹,css檔案,js檔案,圖片資源等),執行一個函式,如果圖片資源較多,載入時間較長,onload後等待執行的函式需要等待較長時間,所以一些效果可能受到影響

2.$(document).ready()是當DOM文件樹載入完成後執行一個函式 (不包含圖片,css等)所以會比load較快執行
在原生的jS中不包括ready()這個方法,只有load方法就是onload事件

(未完待續。。。)

相關推薦

前端js混淆

1.substring(x,y) 可以有一個引數也可以有兩個引數 substring() 方法返回的子串包括 start 處的字元,但不包括 stop 處的字元 類似於這個區間 [x,y) **注意:**x>y會自動調換位置 2.Subst

js中的混淆

1.為文字框賦值。 *jQuery中設定或者獲取所選內容的值: text();設定或者獲取所選元素的文字內容; html();設定或者獲取所選元素的內容(包括html標記); val();設定或者獲取表單欄位的值(前提是表單設定了value屬性); (text()和h

前端JS(五)

會有 標準 oca 沒有 銷毀 最重要的 集合 return 分析 js的作用域 作用域是JavaScript最重要的概念之一,想要學好JavaScript就需要理解JavaScript作用域和作用域鏈的工作原理。 任何程序設計語言都有作用域的概念,簡單的說,作用域就是變量

python路-----前端js(一)

模仿 rip 條件 整合 1-1 花括號 nvi image 討論   一.JS發展歷史 1992年Nombas開發出C-minus-minus(C--)的嵌入式腳本語言(最初綁定在CEnvi軟件中).後將其改名ScriptEase.(客戶端執行的語言) Netsc

前端HTML/CSS混淆知識點總結

CSS易忽略點: 標準盒子模型:盒子的總寬度=左右margin+左右border+左右padding+width h1標籤預設情況下,形成“加粗,大號文字”的效果 html5新增的標籤:article caption video header footer section na

前端js中的函式

函式 函式就是重複執行的程式碼片。   函式定義與執行 <script type="text/javascript">     // 函式定義     fu

混淆驗證

1. 短路 規則: 邏輯與&&以及邏輯或||會產生短路現象: 若&&前表示式為假, 則程式不會檢查並執行&&後的表示式, 因為邏輯與左右有一假則結果必假 若||前表示式為真, 則程式不會檢查執行||前的表示式, 因為邏

2017100901難點及混淆總結——持續更新

Time sum(constTime &t)const這兩個const分別都是什麼含義 第一個const呼叫函式的時候,用相應的變數初始化const常量,則在函式體中,按照const所修飾的部分進行常量化,如形參為const Time& t,則不能對傳遞進來

前端JS的執行緒

1. 前言 很多文章在介紹執行緒以及執行緒之間的關係,都存在著脫節的現象。還有的文章過於廣大,涉及到了核心,本文希望以通俗易懂的話去描述晦澀的詞語,可能會和實際有一丟丟的出入,但是更易理解。 我們都知道JS是單執行緒的,即js的程式碼只能在一個執行緒上執行,也就說,js同時只能執行一個js任務,但是為什麼

前端JS-陣列去重

方法1:簡單粗暴的ES6方法Set,Set資料結構,它類似於陣列,其成員的值都是唯一的。 var arr = [1, 2, 3, 2, 1, 3]; console.log(new Set(arr))//列印結果:Set(3) {1, 2, 3} 方法2:使用

前端js-openlayers4

1.初識openlayers // 建立地圖 new ol.Map({ // 設定地圖圖層 layers: [

從零開始,學習web前端js基礎

js來源 Javascript作為web標準中的行為標準,最初起名叫LiveScript,它是Netscape開發出來一種指令碼語言,其目的是為了擴充套件基本的Html的功能,驗證web頁表單資訊,為web頁增加動態效果。為了趕上java的熱潮,Netscap

安卓程式設計混淆 持續更新中

“==” 和“equals”的區別: ==操作比較的是兩個變數的值是否相等,對於引用型變量表示的是兩個變數在堆中儲存的地址是否相同,即棧中的內容是否相同。即比較的是2個物件的地址。 equals操作表示的兩個變數是否是對同一個物件的引用,即堆中的內容是否相同

java操作符混淆

今天開始重新溫習java,翻了翻java程式設計思想,看到操作符那裡有一些考試面試經常遇到的又容易出錯的地方,在這記錄一下。 1. 賦值操作:在對一個物件進行賦值操作時,我們所操作的是對物件的引用。比如使用c=d,將物件d賦給物件c,這時c所指向的正式d之前所指向的記憶體,

前端js外掛-ztree使用篇

使用zTree外掛實現樹形圖中,需要獲取當前點選的父節點的子節點數的需求,使用treeNode.children獲取子節點資料集合,使用length方法獲取集合長度。將當前節點的treeNode傳入即可

前端js外掛-fullPage

優點: 1.市場佔比高 2.很好的相容性 3.支援滑鼠鍵盤 4.支援手機平板裝置互動操作 5.支援css3動畫 <link rel="stylesheet" href="css/jquery.fullPage

關於集合中元素的有序無序的混淆

最近在整理Java基礎知識的面試題,看到了一個題目的答案不夠準確,這裡跟大家分享一下。 一、面試題的小錯誤  對於TreeSet和TreeMap來說,元素應該是無序(指元素的存取)而不是有序的,而在表中它可能想表達的是可以排序,不夠嚴謹,嚴格來講 元素的有序≠可以排序。元素的存取有序和排序本質上應

js 變量聲明混淆的幾知識

內部 可能 決定 archive fire for 作用域鏈 時機 聲明 這是我 JavaScript 學習過程中遇到的一些容易混淆的地方,趁著有時間,做了一個整理。 變量提升 變量與函數名提升優先級 js 作用域內有變量,這個很好理解,但有一些細節需要註意。 consol

前端 —— node.js摸爬打滾路(一)

turn lan name resp function oba ack val 括號 安裝: window下的安裝,node.js直接上官網下載:https://nodejs.org/en/ 選擇LTS,也就是版本號比較低的穩定版,下載下來後運行下載的文件進行安裝; 通

js中局部變量和全局變量的

write bsp 顯示 作用域 ati cti 原因 -s 上下 1.以下輸出的是: undefined局部變量 <script type="application/javascript">  var scope="全局變量";  function cal()