原创 ES6異步解決方法:Promise與async

Promise Promise 對象是由關鍵字 new 及其構造函數來創建的。一共有三種狀態,分別爲pending(進行中)、fulfilled(已成功)和rejected(已失敗)。創建示例如下: const promise = ne

原创 ES6數組常用擴展方法

1.擴展運算符 擴展運算符可以將數組內容展開,可以用於替代函數的apply方法。  function f(x, y, z) { // ... } let args = [0, 1, 2]; f(...args);//參數數組展開  

原创 web前端筆記:html5的標籤

在HTML4.01中: < b > < i > 是視覺要素(presentationl elements),分別表示無意義的加粗,無意義的斜體,表現樣式爲 { font-weight: bolder },僅僅表示「這裏應該用粗體

原创 CSS中的選擇符

(1)id選擇器(#myid) (2)類選擇器(.myclassname) (3)標籤選擇器(div,h1,p) (4)後代選擇器(h1 p) (5)相鄰後代選擇器(子)選擇器(ul>li) (6)兄弟選擇器(li~a) (7)相鄰兄弟選

原创 Java解析XML文件方法介紹(SAX,JDOM,DOM4J)

示例XML文件: <?xml version="1.0" encoding="utf-8" ?> <class> <student> <firstname>cxx1</firstname> <la

原创 JavaScript數組的15個常用方法

1.some() 此方法以參數傳遞的函數測試數組。如果有一個元素與測試元素匹配,則返回true,否則返回false。  some() 不會對空數組進行檢測;some() 不會改變原始數組。 const myAwesomeArray =

原创 瀏覽器事件機制

事件機制 無論是前端還是移動端,用戶在瀏覽網頁或者APP時,通常會在屏幕上產生很多交互操作,例如點擊、選擇、滾動屏幕、鍵盤輸入等待,並且網頁或APP也會根據不同的操作進行響應變化。這種基於事件的處理方式,本質上是一種消息傳遞機制,稱之爲事

原创 前端框架選擇:React與Vue的對比

1.如果習慣使用模板語言構建應用程序,Vue更爲適合。         將標記放在HTML文件中是Vue應用程序的默認選項。與Angular類似,大括號用於數據綁定表達式,指令(特殊的HTML屬性)用於向模板添加功能。一個典型的Vue模板

原创 瀏覽器中的緩存機制

瀏覽器中的緩存即瀏覽器保存通過HTTP獲取的所有資源,是瀏覽器將網絡資源存儲在本地的一種行爲。 一、緩存資源存儲位置及優先級 1.memory cache MemoryCache顧名思義,就是將資源緩存到內存中,等待下次訪問時不需要重新下

原创 Java多線程實現方式及生命週期

Java中線程的實現方式 1.實現Runnable接口 class MyThread implements Runnable{ private String name ; // 表示線程的名稱 pu

原创 ChromeDevTools值得記住的小知識

1.Element面板 Elements 面板主要用於對頁面 HTML 和 CSS 的檢查以及可視化編輯。 DOM樹 右擊頁面任意處,選擇檢查 / 審查元素,查看選中頁面對應的 DOM 元素 點擊 ,當圖標顯示爲藍色時,鼠標點擊頁面任意一

原创 前端開發值得收藏的網站

工作空閒時間,作爲前端開發人員,還是希望利用好這段寶貴的時間多學習一些前端資源,瞭解當前前端知識體系,從整體上對當前行業有一個由淺入深的瞭解和掌握。後續還會慢慢更新好用的前端相關網站,加油! 1.CodePen(https://codep

原创 ES6數組常用操作

1.擴展運算符 擴展運算符可以將數組內容展開,可以用於替代函數的apply方法。  function f(x, y, z) { // ... } let args = [0, 1, 2]; f(...args);//參數數組展開  

原创 ES6對象的常用擴展方法

1.屬性簡潔表示 可以在大括號中直接寫入變量和函數,作爲對象的屬性和方法。這時,屬性名就是變量名, 屬性值就是變量值。 const foo = 'bar'; const baz = {foo}; baz // {foo: "bar"}

原创 nodejs後端相關知識總結

1.koa koa執行邏輯代碼: app.use(async (ctx, next) => { await next(); ctx.response.type = 'text/html'; ctx.respons