JS 之 appendChild 與 innerHTML
問題：手機滑動分頁，每次向下滑到低，就會請求資料並增加 n 個 item ，至於這個 item是什麼，item 就是一類相似的 元素，它們有共同的父元素，那麼，我要如何新增這幾個item？
方式有兩種，第一種很簡單，修改父元素的innerHTML，原來的加上新的。
第二種，用appendChild方式，有幾個加幾個。
以上兩種方法比較
第一種方式會刪除父元素裡面內容，然後重新寫入所有item，操作簡單，但如果有大量已經存在的item，再次新增會重新整理很多
第二種方式，不會影響其他item，在後面新增item，這樣重新整理的內容就是新增的內容，這樣的缺陷就是如果想做成公共介面，不知道item是什麼，用js動態新增有點麻煩
相關推薦
JS 之 appendChild 與 innerHTML
問題：手機滑動分頁，每次向下滑到低，就會請求資料並增加 n 個 item ，至於這個 item是什麼，item 就是一類相似的 元素，它們有共同的父元素，那麼，我要如何新增這幾個item？ 方式有兩種，第一種很簡單，修改父元素的innerHTML，原來的加上新的。 第二種，用append
js之展開與收起效果
previous edi 處理 cor ext 良好的 添加 核心 分享 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/
js之Ajax與跨域
color all 異步發送請求 ready 網站 解析 執行 發送 set 一、Ajax 我們對Ajax一定不會陌生，異步發送請求獲取數據，這是我們前端與後臺服務器交互的重要的手段，那麽對於ajax我們需要了解什麽呢？ 我們手寫一個ajax
js之 DOM與BOM
JavaScript HTML DOM （文件物件模型）（Document Object Model） 什麼是DOM？ DOM是W3C標準。 DOM定義了訪問文件的標準： “W3C文件物件模型（DOM）是一個平臺和語言中立的介面，允許程式和指令碼動態訪問和更新文件的內容，結構和樣式。” W3C DO
Array陣列(JS)之map與reduce方法
map // Define the callback function. const AreaOfCircle = (radius) => { let area = Math.PI
js之全域性與區域性坑
在js中coding的時候有個習慣，因為有許多變數是需要全域性使用的，於是在A檔案中頭部分定義一個變數 var self = {}; self.m_num = []; 這樣在A檔案中所有的成員變數都在可以通過self來訪問了 由於模組的不同，於是有了B檔
淺談JS之setTimeout與setInterval
概念 setTimeout與clearTimeout，以及setInterval與clearInterval均屬於Window物件方法。 方法描述 setTimeout 在指定的毫秒數後呼叫函式或計算表示式。 clearTimeout 取消由 setInterval() 設定的 timeout。取消
小tips：JS之淺拷貝與深拷貝
obj fault tps all function spa html 存在 || 淺拷貝： function extendCopy(p) { var c = {}; for (var i in p) { c[i] = p[i]; } retu
js之iframe子頁面與父頁面通信
瀏覽器 cti data pos href 事件 java win 兩種方法 iframe子頁面與父頁面通信根據iframe中src屬性是同域鏈接還是跨域鏈接，通信方式也不同。 一、同域下父子頁面的通信 父頁面parent.html <html> <h
Android與JS之JsBridge使用與原始碼分析
在Android開發中，由於Native開發的成本較高，H5頁面的開發更靈活，修改成本更低，因此前端網頁JavaScript(下面簡稱JS)與Java之間的互相呼叫越來越常見。 JsBridge就是一個簡化Android與JS通訊的框架，原始碼：https://github.com/lzyzsd
js資料存貯之陣列與json
1 陣列：var arr=new array（）或者是var arr=[ ];其中arr是物件 可以定義var a=[],或者var b=[] 都可以 陣列物件為[13,25,65,89] 如果我們要取出89這個數，那麼 arr[3]就是89 陣列是用下標來表示的，下標是從0開始；
Android之webView與js互動
一、java呼叫js操作： 1.佈局檔案： <WebView android:id="@+id/web" android:layout_width="match_parent" android:layout_height="mat
Swoole WebSoctet 使用 zlib 壓縮之 PHP 與 pako.js
其中 消息 swoole length adas function cape 方法 zip壓縮 一些理論知識 先說一下deflate算法吧，deflate是zip壓縮文件的默認算法， 其實deflate現在不光用在zip文件中, 在7z, xz等其他的壓縮文件中都用， 實際
JS之執行上下文與執行上下文棧
分享一下JS中很基礎也很重要的概念:執行上下文(Execution Context); 將我們的程式碼進行分類: 1.程式碼分類(位置)： * 全域性程式碼 &nb
js學習筆記之動畫與json
三個函式 Math.ceil();向上取整 Math.floor();向下取整 Math.round();四捨五入 緩衝動畫原理 動畫原理=盒子位置+步長 1.閃現（瞬間到達） 2.勻速（每次步長一樣）
Android筆記之 Webview與Js互動-詳情舉例
Android呼叫網頁自身Js 你好！ 這是你第一次使用 Markdown編輯器 所展示的歡迎頁。如果你想學習如何使用Markdown編輯器, 可以仔細閱讀這篇文章，瞭解一下Markdown的基本語法知識。 本地（asset）網頁androidcalljs.h
研究JS執行機制之重新認識JavaScript(1) ———— 認識Js執行上下文與執行機制
關於這個系列 javascript語言有很多奧祕，譬如其執行機制，內部原理，在歷史的這一段日子裡，它不僅帶來了複雜的互動效果和充分的效能效益，而且吸引了越來越多的開發者加入其中，但是隨著時間程序的發展，很多時候開發者們因為花樣繁複的JS庫與框架而忽略了JS本身的內部機制。無可厚非，這樣做是增加了效率，但是隨著
JavaScript與node.js之把問題壁咚到牆角
一、學習方法 學會提問 科學思考 eg：為什麼要學node.js？ node.js很火。很多公司招聘都要求node node為什麼火？ 3.node和js有什麼區別？ node是平臺。js是語言。 衍生問題什麼是平臺： （1）使用者軟體： 瀏覽器：html、cs
JS 上傳檔案之FormData 與Blob 物件
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>SA</title> <link rel="style
js之原型鏈與繼承
js中的原型鏈是比較難理解的一部分知識，而繼承又是依賴於原型鏈，所以原型鏈是我們必須去掌握的。在學習原型鏈之前，我們需要去介紹一下原型。建議這部分重在理解，不推薦死記硬背。 1、原型 js中只有函式物件才有原型，原型也是個物件。例如，我們建立一個save函式，通過typeo