bug描述： 需求大概是收到 websocket 通知后自動給用戶跳轉到下個頁面， 然后就遇到一個bug: 如果此時瀏覽器是處于后臺掛起的狀態(tài)（比如不在當前選項卡，或者在瀏覽...
發(fā)簡信
IP屬地：廣東
-
關于Chrome 后臺掛起處于不可見狀態(tài)時，無法跳轉頁面的問題
-
JavaScript 多線程Web Worker && 在Vue中如何使用
概述 Web Worker 是 html5 的新特性，JavaScript 是單線程模型，所有任務只能在一個線程上完成，一次只能做一件事。前面的任務沒做完，后面的任務只能等著...
-
[css] object-fil介紹，實現(xiàn)固定寬高圖片的顯示方式以及位置object-fit CSS[https://developer.mozilla.org/zh-CN/docs/Web/CSS] 屬性指定可替換元素[https://deve...
-
通過監(jiān)聽localStorage實現(xiàn)多選項卡時判斷用戶的賬戶主體是否發(fā)生改變需求分析： 用戶打開多個選項卡并登錄頁面， 如果其中一個頁面的賬號主體發(fā)生了改變（即切換了登錄的賬號），其他的頁面需要監(jiān)聽到其改變并提示用戶去刷新， 類似于下圖 實現(xiàn)思路： ...
-
快速上手webpack
概念 webpack 是一個現(xiàn)代 JavaScript 應用程序的靜態(tài)模塊打包器(module bundler)。當 webpack 處理應用程序時，它會遞歸地構建一個依賴關...
-
vue 2.0中引入sass的配置以及版本問題解決方案在 vue 中使用 scss 經(jīng)常會遇到報錯，這里記錄一下經(jīng)常 踩得坑。 正確操作姿勢 全部安裝之后去配置一下scss，讓vue識別就好了 在 build 文件夾下的 web...
-
simple安裝vue項目install elementUI 報錯解決方式
使用 vue init webpack-simple 安裝elementUI， 配置之后報錯信息如下 特意去官網(wǎng)看了一下， 原來simple安裝體積更小， 所有部分配置是...
-
css mask實現(xiàn)圖片重疊，圖片切角CSS 屬性 mask 允許使用者通過遮罩或者裁切特定區(qū)域的圖片的方式來隱藏一個元素的部分或者全部可見區(qū)域。這是一個非常有趣的元素，可以實現(xiàn)元素遮罩部分，點擊查看mdn-ma...
-
前端文件上傳 —— 文件流轉base64（element-upload為例）
有時候文件上傳， 并不需要馬上傳給后臺，而是需要先轉 base64 預覽等后面一并提交以下以elemnt-upload為例，如何文件流前端自己先轉成base64. 利用htt...
-
Vue自定義指令 directive
使用場景 除了核心功能默認內置的指令，Vue 也允許注冊自定義指令， 在你需要對普通 DOM 元素進行底層操作的情況下，這時候就會用到自定義指令directive。 注冊方式...
-
AICODER的創(chuàng)始人，有理想有情懷的IT教育從業(yè)者，致力于協(xié)助寒門子弟的IT技術學習和幫助他們改變自己的命運而奮斗。老馬是資深全棧開發(fā)工程師，中國HTML5產(chǎn)業(yè)聯(lián)盟特邀嘉賓，曾任職傳智播客前端學院院長，對Web前端全棧開發(fā)技術、HTML5、數(shù)據(jù)庫集群等有深入研究。曾參與大型分布式高并發(fā)互聯(lián)網(wǎng)項目設計開發(fā)等工作，對于分布式應用架構設計、系統(tǒng)優(yōu)化等經(jīng)驗豐富。<br>官網(wǎng)：<a href="https://links.jianshu.com/go?to=http%3A%2F%2Fwww.aicoder.com" target="_blank">http://www.aicoder.com</a> <br> 騰訊課堂：<a href="https://links.jianshu.com/go?to=https%3A%2F%2Fqtxh.ke.qq.com" target="_blank">https://qtxh.ke.qq.com</a>
-
使用文本可編輯屬性 contenteditable 輕松做到textarea 高度自適應contenteditable 表示元素是否可被用戶編輯，如果可以，瀏覽器會修改元素的部件以允許編輯。contenteditable是一個枚舉屬性，并非布爾屬性，也就是說并不...
-
echarts餅形圖hover時顯示hover對象的數(shù)據(jù)這個問題是在工作中遇到的需求，效果圖如下圖 詳細的解決問題方式放在代碼注釋中， 自行copy改用吧 函數(shù)如上，大家自行根據(jù)自己需求修改即可
-
你用的是行內樣式嗎， 還是寫在了@print里面呢
vue單頁面使用window.print()多張打印
因為項目使用了側邊菜單，在vue單頁面中無法精準控制打印的數(shù)據(jù)，總是會把側邊欄給一起打印出來， 所以使用原生的方式，生成一個新的窗口去打印， 實例如下 div中的行內樣式 p...
-
關于 css 偽類 :empty
介紹一個比較有趣的css偽類， :empty ，這個偽類會匹配沒有內容的元素，作用于該元素，使用 empty 配合 bofore 或者 after 可以打到空元素占位的效果，...
-
CSS粘性定位實現(xiàn)吸頂效果吸頂效果在項目中并不少見， 通常做法是使用 javascript 監(jiān)聽 scroll，不過今天要說的這個方法，是使用css來完成吸頂效果。關于 positoin ,CSS3...
-
使用ES6語法處理數(shù)組基本類型，引用類型的去重
數(shù)組去重的方法有很多種，下面給大家?guī)讉€使用es6去重的方法 1.數(shù)組去除重復基本類型 利用 Set 和 Array.from 兩個es6的語法可以快速完成基本類型的數(shù)組去重S...
