原创 使用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表達式中常見 ${變量名}以及{{}} ,它只提供從數據源到視圖的單方向的數據展示