原创 繼承屬性和方法 BOM

將元素固定在頁面右下角

原创 js call apply bind比較

在Javascript中,Function是一種對象。Function對象中的this指向決定於函數被調用的方式。使用apply,call 與 bind 均可以改變函數對象中this的指向,在說區別之前還是先總結一下三者的相似之處: 1、

原创 js構建層級樹的幾種方法

  const filterList = jiraList.filter(i => !i.parentKey || !jiraList.some(it => it.key === i.parentKey)); // 如果節點存在paren

原创 前端面試(三)

1.一些開放性題目1.自我介紹:除了基本個人信息以外,面試官更想聽的是你與衆不同的地方和你的優勢。 2.項目介紹 3.如何看待前端開發? 4.平時是如何學習前端開發的? 5.未來三到五年的規劃是怎樣的? position的值, r

原创 前端面試問題(四)html css

說說你對HTML語義化的理解?(1)什麼是 HTML 語義化?<基本上都是圍繞着幾個主要的標籤,像標題( H1~H6 )、列表( li )、強調( strong em )等等 >根據內容的結構化(內容語義化),選擇合適的標籤(代碼語義化)

原创 瀏覽器緩存 描述一下 cookies,sessionStorage 和 localStorage 的區別?

sessionStorage 和 localStorage 是 HTML5 Web Storage API 提供的,可以方便的在 web 請求之間保存數據。有了本地數據,就可以避免數據在瀏覽器和服務器間不必要地來回傳遞。sessionSt

原创 echarts實現數據可視化

在實際工作中,對於數據的處理常常需要對數據進行可視化的操作,本文針對日常需要總結了echarts的使用姿勢 echarts的常規使用 根據項目的需要選擇合適的可視化圖標,引入echarts包 設定我們需要的圖形type類型: bar 柱形

原创 js中的apply()和call()

.apply()用法和call()的區別Js apply方法詳解我在一開始看到javascript的函數apply和call時,非常的模糊,看也看不懂,最近在網上看到一些文章對apply方法和call的一些示例,總算是看的有點眉目了,在這

原创 雙飛翼佈局和聖盃佈局

https://www.zhihu.com/question/21504052【聖盃佈局】在這裏,實現了左(200px) 右(220px) 寬度固定,中間自適應,container部分高度保持一致。DEMO稍微說明一下:html代碼中 

原创 前端基本知識:JS的異步模式:1、回調函數;2、事件監聽;3、觀察者模式;4、promise對象

前端基本知識(四):JS的異步模式:1、回調函數;2、事件監聽;3、觀察者模式;4、promise對象 JavaScript語言將任務的執行模式可以分成兩種:同步(Synchronous)和異步(Asychronous)。“同步模式”就是

原创 js數組去重的6種方法

JS實現數組去重方法總結(六種方法)方法一:雙層循環,外層循環元素,內層循環時比較值如果有相同的值則跳過,不相同則push進數組?123456789101112131415161718Array.prototype.distinct =

原创 CORS解決跨域請求--html5

CORS是一個W3C標準,全稱是"跨域資源共享"(Cross-origin resource sharing)。它允許瀏覽器向跨源服務器,發出XMLHttpRequest請求,從而克服了AJAX只能同源使用的限制。本文詳細介紹CORS的內

原创 常用網頁狀態碼

2開頭 (請求成功)表示成功處理了請求的狀態代碼。200   (成功)  服務器已成功處理了請求。 通常,這表示服務器提供了請求的網頁。 201   (已創建)  請求成功並且服務器創建了新的資源。 202   (已接受)  服務器已接受

原创 Mac安裝mysql初始密碼忘記 重新設置密碼

Mac安裝MySQL後,設置初始密碼引子: 在Mac上安裝MySQL之後,通過MySQLWorkBench登錄本地數據連接,發現沒有密碼,而在安裝MySQL過程中,是沒有設置過密碼的。其實,剛剛安裝完,是有一個界面,分配了一個初始化的密碼

原创 canvas學習二-------一些接口

var context=canvas.getContext('2d');//主要是通過context這個接口2d和3d區別挺大lineWidth//線條的寬度strokeStyle//線條的樣式context.beginPath()//開