bug描述： 需求大概是收到 websocket 通知后自動(dòng)給用戶跳轉(zhuǎn)到下個(gè)頁(yè)面衙耕， 然后就遇到一個(gè)bug: 如果此時(shí)瀏覽器是處于后臺(tái)掛起的狀態(tài)（比如不在當(dāng)前選項(xiàng)卡昧穿，或者在瀏覽...
發(fā)簡(jiǎn)信
IP屬地：廣東
-
關(guān)于Chrome 后臺(tái)掛起處于不可見狀態(tài)時(shí)，無(wú)法跳轉(zhuǎn)頁(yè)面的問(wèn)題
-
JavaScript 多線程Web Worker && 在Vue中如何使用
概述 Web Worker 是 html5 的新特性，JavaScript 是單線程模型橙喘，所有任務(wù)只能在一個(gè)線程上完成粤咪，一次只能做一件事。前面的任務(wù)沒(méi)做完渴杆，后面的任務(wù)只能等著...
-
[css] object-fil介紹寥枝，實(shí)現(xiàn)固定寬高圖片的顯示方式以及位置object-fit CSS[https://developer.mozilla.org/zh-CN/docs/Web/CSS] 屬性指定可替換元素[https://deve...
-
通過(guò)監(jiān)聽localStorage實(shí)現(xiàn)多選項(xiàng)卡時(shí)判斷用戶的賬戶主體是否發(fā)生改變需求分析： 用戶打開多個(gè)選項(xiàng)卡并登錄頁(yè)面， 如果其中一個(gè)頁(yè)面的賬號(hào)主體發(fā)生了改變（即切換了登錄的賬號(hào)）磁奖，其他的頁(yè)面需要監(jiān)聽到其改變并提示用戶去刷新囊拜， 類似于下圖 實(shí)現(xiàn)思路： ...
-
快速上手webpack
概念 webpack 是一個(gè)現(xiàn)代 JavaScript 應(yīng)用程序的靜態(tài)模塊打包器(module bundler)。當(dāng) webpack 處理應(yīng)用程序時(shí)比搭，它會(huì)遞歸地構(gòu)建一個(gè)依賴關(guān)...
-
vue 2.0中引入sass的配置以及版本問(wèn)題解決方案在 vue 中使用 scss 經(jīng)常會(huì)遇到報(bào)錯(cuò)冠跷，這里記錄一下經(jīng)常 踩得坑。 正確操作姿勢(shì) 全部安裝之后去配置一下scss，讓vue識(shí)別就好了 在 build 文件夾下的 web...
-
simple安裝vue項(xiàng)目install elementUI 報(bào)錯(cuò)解決方式
使用 vue init webpack-simple 安裝elementUI蜜托， 配置之后報(bào)錯(cuò)信息如下 特意去官網(wǎng)看了一下抄囚， 原來(lái)simple安裝體積更小， 所有部分配置是...
-
css mask實(shí)現(xiàn)圖片重疊橄务，圖片切角CSS 屬性 mask 允許使用者通過(guò)遮罩或者裁切特定區(qū)域的圖片的方式來(lái)隱藏一個(gè)元素的部分或者全部可見區(qū)域幔托。這是一個(gè)非常有趣的元素，可以實(shí)現(xiàn)元素遮罩部分蜂挪，點(diǎn)擊查看mdn-ma...
-
前端文件上傳 —— 文件流轉(zhuǎn)base64（element-upload為例）
有時(shí)候文件上傳重挑， 并不需要馬上傳給后臺(tái)，而是需要先轉(zhuǎn) base64 預(yù)覽等后面一并提交以下以elemnt-upload為例棠涮，如何文件流前端自己先轉(zhuǎn)成base64. 利用htt...
-
Vue自定義指令 directive
使用場(chǎng)景 除了核心功能默認(rèn)內(nèi)置的指令谬哀，Vue 也允許注冊(cè)自定義指令， 在你需要對(duì)普通 DOM 元素進(jìn)行底層操作的情況下严肪，這時(shí)候就會(huì)用到自定義指令directive史煎。 注冊(cè)方式...
-
AICODER的創(chuàng)始人劲室，有理想有情懷的IT教育從業(yè)者，致力于協(xié)助寒門子弟的IT技術(shù)學(xué)習(xí)和幫助他們改變自己的命運(yùn)而奮斗结窘。老馬是資深全棧開發(fā)工程師咖祭，中國(guó)HTML5產(chǎn)業(yè)聯(lián)盟特邀嘉賓操禀，曾任職傳智播客前端學(xué)院院長(zhǎng)，對(duì)Web前端全棧開發(fā)技術(shù)跋选、HTML5谓苟、數(shù)據(jù)庫(kù)集群等有深入研究官脓。曾參與大型分布式高并發(fā)互聯(lián)網(wǎng)項(xiàng)目設(shè)計(jì)開發(fā)等工作，對(duì)于分布式應(yīng)用架構(gòu)設(shè)計(jì)涝焙、系統(tǒng)優(yōu)化等經(jīng)驗(yàn)豐富卑笨。<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 高度自適應(yīng)contenteditable 表示元素是否可被用戶編輯，如果可以仑撞，瀏覽器會(huì)修改元素的部件以允許編輯赤兴。contenteditable是一個(gè)枚舉屬性，并非布爾屬性隧哮，也就是說(shuō)并不...
-
echarts餅形圖hover時(shí)顯示hover對(duì)象的數(shù)據(jù)這個(gè)問(wèn)題是在工作中遇到的需求，效果圖如下圖 詳細(xì)的解決問(wèn)題方式放在代碼注釋中沮翔， 自行copy改用吧 函數(shù)如上陨帆，大家自行根據(jù)自己需求修改即可
-
你用的是行內(nèi)樣式嗎， 還是寫在了@print里面呢
vue單頁(yè)面使用window.print()多張打印
因?yàn)轫?xiàng)目使用了側(cè)邊菜單，在vue單頁(yè)面中無(wú)法精準(zhǔn)控制打印的數(shù)據(jù)疲牵，總是會(huì)把側(cè)邊欄給一起打印出來(lái)承二， 所以使用原生的方式，生成一個(gè)新的窗口去打印纲爸， 實(shí)例如下 div中的行內(nèi)樣式 p...
-
關(guān)于 css 偽類 :empty
介紹一個(gè)比較有趣的css偽類亥鸠， :empty ，這個(gè)偽類會(huì)匹配沒(méi)有內(nèi)容的元素缩焦，作用于該元素读虏，使用 empty 配合 bofore 或者 after 可以打到空元素占位的效果，...
-
CSS粘性定位實(shí)現(xiàn)吸頂效果吸頂效果在項(xiàng)目中并不少見袁滥， 通常做法是使用 javascript 監(jiān)聽 scroll盖桥，不過(guò)今天要說(shuō)的這個(gè)方法，是使用css來(lái)完成吸頂效果题翻。關(guān)于 positoin ,CSS3...
-
使用ES6語(yǔ)法處理數(shù)組基本類型揩徊，引用類型的去重
數(shù)組去重的方法有很多種，下面給大家?guī)讉€(gè)使用es6去重的方法 1.數(shù)組去除重復(fù)基本類型 利用 Set 和 Array.from 兩個(gè)es6的語(yǔ)法可以快速完成基本類型的數(shù)組去重S...
