原创 web前端浮動
1.佈局的三種基本方式: 標準流 按照標籤默認的特性擺放盒子即爲標準流 浮動流 利用浮動擺放盒子即爲浮動流 定位流 利用定位擺放盒子即爲定位流 2.浮動的意義 1.浮動最開始是做圖文繞排的 2.浮動的應用場景：元素
2020-06-02 08:09:21
原创 JavaScript 重寫alert（)修改樣式
下面是一個簡單的alert(）方法，通過HTML+CSS 方式，把提示信息以HTML層的形式顯示在頁面中 <!doctype html> <html> <head> <meta charset="utf-8"> <title></tit
2019-05-05 01:48:41
4
原创 navigator 檢測瀏覽器類型和版本號 案例
//下面方法能夠檢測當前主流瀏覽器類型，包括IE、Opera、Safari、Chrome和Firefox瀏覽器： var ua = navigator.userAgent.toLowerCase(); // 獲取用戶端信息 var i
2019-05-05 01:48:41
原创 navigator 檢測客戶操作系統
//如果僅檢測通用信息，那麼所有Windows版本的操作系統都會包含"Win"字符串，而所有的Macintosh版本操作系統都包含有"Mac"字符串，所有的UNIX版本操作系統都包含有"X11"，而在Linux操作系統下則同時包含"X1
2019-05-05 01:48:41
原创 定時器
1.設置定時器 1.1setTimeout() 作用:到達間隔時間之後，只調用一次回調函數 **語法: ** window.setTimeout(回調函數, 間隔時間) window可以省略 間隔時間以毫秒爲單位 返回這個定時器的標
2019-04-09 16:58:14
原创 js中的基本類型和引用類型
基本數據類型：按值訪問，可操作保存在變量中的實際的值。基本類型值指的是簡單的數據段。 基本數據類型有這六種:undefined、null、string、number、boolean、symbol（es6）。 引用類型：當複製保存着對象的某
2019-04-09 16:58:14
原创 DOM
1.BOM **概念: **BOM(Browser Object Model) 是指瀏覽器對象模型,瀏覽器對象模型提供了獨立於內容的、可以與瀏覽器窗口進行互動的對象結構。BOM由多個對象組成，其中代表瀏覽器窗口的Window對象
2019-04-09 16:58:14
原创 offset client scroll
1.offset系列 offsetParent 用於獲取定位的父級元素 offsetLeft 距離定位父元素的左偏移量 offsetTop 距離定位父元素的上偏移量 offsetWidth 當前元素的寬度 (內容寬度+padding+
2019-04-09 16:58:14
原创 JS 事件
1註冊事件的方式 1. ele.onclick=function(){ } 2.w3c dom 規範提供了註冊事件監聽的另外一種方式 addEventListener 2.使用
2019-04-04 17:01:36
原创 JS 事件流
事件對象需要被分派到事件目標。但是在分派開始之前，必須首先確定事件對象的傳播路徑,傳播路徑是事件通過的當前事件目標的有序列表,該傳播路徑反映文檔的分層樹結構. 列表中的最後一項是事件目標，並且列表中的前面的項目被稱爲目標的祖先，其中前
2019-04-04 17:01:36
原创 JS 事件對象
當用戶觸發我們註冊的事件之後,瀏覽器會創建一個事件對象,這個事件對象就包含了觸發事件時的一些信息,比如時間戳,鼠標座標,事件目標等等.然後瀏覽器會將這個事件對象,傳遞給事件處理函數,那麼我們只需要在事件處理函數中申明一個形參,接收一下即可
2019-04-04 17:01:36
原创 JS 事件委託
1.什麼是事件委託 本來是要註冊給自己的事件,註冊給了父元素.事件觸發後的事情,委託給父元素執行 2. 事件委託的好處 : 代碼簡潔 節省內存 3. 事件委託的原理 : 事件冒泡
2019-04-04 17:01:36
原创 標籤上自定義屬性的操作
1.獲取自定義屬性的值 **語法:** element.getAttribute('屬性名') 返回對應屬性的值 ,如果沒有返回null 2.設置自定義屬性的值 **語法:** element.setAttribute('屬性名',
2019-04-03 16:55:29
原创 innerText 和 innerHTML
作用：給雙標籤元素設置內容/獲取雙標籤裏面的 內容 不同點： innerText 只是用於獲取文本或設置文本 innerHTML 不僅可以設置/獲取文本，還可以識別html 相同點： 如果是賦值的話，都會覆蓋元素內本身的內容 兩者兼容
2019-04-03 16:55:28
原创 JS創建元素的三種方式
1.innerHTML element.innerHTML = '標籤字符串' 2.docuement.write() document.write('標籤字符串') 3.document.createElement() documen
2019-04-03 16:55:28