原创 JavaScript學習——對象的創建和繼承

對象的創建 使用Object()構造函數或者對面字向量來創建對象 JavaScript中有多種對象創建模式,其中最簡單的就是使用Object()構造函數或者對象字面量來創建對象。 var LY1 = {

原创 對js事件綁定的一些理解

今天在做項目的時候,在一個for循環裏面添加了onclick事件,事件處理程序的輸出結果並不隨着循環變量的變化而變化。 我採用以下代碼進行驗證。 <input type="button" value="複製"> <scri

原创 js變量提升和函數提升

今天做了一份公司的筆試題目,把js中變量提升的知識寫下來。 var num = 1; function test(){ console.log(num); var num = 2; console.log(num)

原创 Promise與setTimeout

Promise是ES6新提出的概念,可以把它看作是異步操作和回調函數的中轉站,或者是保存異步操作結果的容器。通過Promise,可以將異步操作通過同步流程表現出來。具體介紹參考ESMAScript6 入門。 之前在網上看到一道題目: (f

原创 問題總結(1)

1.nth-of-type(n) 和  nth-child(n) 區別 <!DOCTYPE html> <html> <head> <style> p:nth-of-type(2) { background:#ff0000; } </s

原创 行內元素,塊級元素,替換元素和inline-block

行內(inline)元素 行內元素的特點: 1.行內元素前後不會換行,多個行內元素會排成一行,直到排滿一行 2.行內元素一般無法設置width和height屬性(替換元素除外) 3.行內元素設置margin和padding屬性時,只有ma

原创 僞元素/僞類

什麼是僞元素? 僞元素在DOM中創建了一些抽象元素,而且這些元素本身時不存在與DOM中的。在CSS3中僞元素前要使用::(兩個冒號)。 比如 使用在使用::before  和 ::after時,要使用content進行內容設置。默認情況

原创 4類 JavaScript 內存泄漏及如何避免

本文將探索常見的客戶端 JavaScript 內存泄漏,以及如何使用 Chrome 開發工具發現問題。 簡介 內存泄漏是每個開發者最終都要面對的問題,它是許多問題的根源:反應遲緩,崩潰,高延遲,以及其他應用問題。 什麼是內

原创 js單例模式

今天進一步瞭解了js單例模式,下面說一下我的理解。 在實際問題中,我們在js文件中聲明過多的函數和全局變量,或者導入多個js文件,都可能導致全局變量的命名衝突問題。 單例模式要求類只能實例化一次並且提供實例的全局接口。通過單例模式,我們可

原创 vscode調試JavaScript代碼

在調試JavaScript代碼時,有兩種比較簡單的方法。 1.使用Chrome等瀏覽器調試 2.在vscode配置JavaScript運行環境 本文主要介紹第二種方法 配置步驟: 1.下載並安裝Node.js(Node.js是JavaSc

原创 HTML/CSS學習疑惑

關於引用。<q> </q> 和 <blockquote> </blockquote> <q>用於簡單的行內引用,在被引用的內容兩邊加上雙引號。而<blockquote>將引用內容從周圍內容中分離出來。 代碼如下 <!doctype htm

原创 [轉載] 使用8種方法實現豎直水平居中

盤點8種CSS實現垂直居中水平居中的絕對定位居中技術 轉載地址:http://blog.csdn.net/freshlover/article/details/11579669 Ⅰ.絕對定位居中(Absolute Cent

原创 HTML表格

在CSS中,可以採用表格進行頁面佈局。同時,HTML也提供了標籤用來在網頁中顯示錶格。 表格相關標籤 <table></table>  <th></th> <tr></tr> <!DOCTYPE html> <html lang="en"

原创 Git的一些使用方法和命令

使用Git也有一段時間了,把一些平時使用的方法寫下來,就當是一個總結吧。      1.要想創建一個空的本地倉庫,新建一個文件夾,使用git中cd命令進入該文件夾,然後git init就OK。      2.使用  cd +本地倉