原创 使用h5 標籤 href='url' download 下載踩過的坑

用戶點擊下載多媒體文件(圖片/視頻等),最簡單的方式: <a href='url' download="filename.ext">下載</a> 如果url指向同源資源,是正常的。 如果url指向第三方資源,download會失效,表現

原创 4399面試

2018.3.29,面試WEB前端工程師面試官提了以下問題:    1、HTTP狀態碼;301,302的區別    2、ajax    3、cookie/localstorage    4、閉包    5、算法、排序    6、nodej

原创 網頁毛玻璃效果

需求描述:     系統菜單欄滑出覆蓋界面左側,要求菜單欄有毛玻璃效果。     例如下圖MAC OS桌面效果,可模糊看見背景。      可行性調研:     ccs3屬性有屬性可以高斯模糊  filter:blur(4px);  

原创 html input type='file'和使用formData上傳文件

1、使用input標籤,屬性設置type=‘file’用於選擇本地文件,。 <input type='file' accept='image/*' />    accept屬性設置可選擇文件的類型。選擇一個文件後,控制檯查看event

原创 CSS知識碎片

1、常用display :none           /*不顯示,不佔位*/ :inline /*行內*/ :block /*塊*/ :flex /*彈性*/ :flow /*流式佈局*/ :grid

原创 localStorage/sessionStorage

html5提供了兩種在客戶端存儲數據的新方法    localStorage: 無時間限制的數據存儲    sessionStorage:針對一個session的數據存儲    localStorage/sessionStorage用來替

原创 前端字符處理知識碎片

1、攝氏度符號    ①使用Unicode碼 00B0 + Clet degree = '\u00B0C'; // °C

原创 前端工具/教程鏈接

1、打印        Web打印的幾種方案:看過的最全最細的WEB打印方案講解。

原创 漫說邀請抽獎機制

 有獎品x,若干人n參與抽獎,邀請他人蔘與抽獎提升自己的中獎率。這是一個零和博弈。理性狀態下,所有人都不邀請新人,中獎率固定。進一步分析,我是參與者之一,如果我邀請人,別人不邀請,我的中獎率會上升;如果別人邀請我不邀請,我的中獎率會下降;

原创 bitmap,位圖法思路

bitmap適合做大量非重複整數的排序。當然,在現實中,大量非重複整數排序的場景很少。抽象來看,bitmap的思路是數據壓縮。比如說,1-100的整數,用int表示,java中每個int需要32位,總共需要3200位的空間,使用位圖法,只

原创 Json對象深拷貝

1、淺拷貝        對於一個引用類型,如果直接將它賦值給另一個對象,只是將引用地址賦值給新對象,修改一個對象另一個也會被更改。         例:var user = { code:'0001', name:'張三

原创 h5 a標籤 href='url' download 下載的坑

用戶點擊下載文件(圖片/視頻等),最簡單的方式:<a href='url' download="filename.ext">下載</a>如果url指向同源資源,是正常的。如果url指向第三方資源,downl

原创 ES6 函數默認值

1、ES6之前,函數如果需要默認值,需要在函數內額外處理,如:function log(x,y){ y = y || 'World' console.log(x,y); } log('Hello');//Hello Wor

原创 es6 generator函數

yiled 表達式的返回值function* foo() { yield new Promise((resolve, reject) => { resolve(); }); const result = yield c

原创 angularJS 核心理念之 雙向數據綁定

雙向數據綁定是angularJS的核心理念之一。單向數據綁定:單向數據即是將用於生成界面的模板與從服務器取得的數據結合,生成用於顯示的html標籤。比如El表達式中常見 ${變量名}以及{{}} ,它只提供從數據源到視圖的單方向的數據展示