原创 前端面試(五)

web端通信的協議 https://www.sohu.com/a/321381151_100191460 js原型繼承與其他語言的繼承和什麼區別 https://zhidao.baidu.com/question/138600597790

原创 前端html導出爲pdf文檔,且圖表不被分頁分割

由於項目需要前端導出文檔,一開始是準備導出word,後來發現導出word比較麻煩,並且前端基本都是由echarts和dataTable組成的,不好導出,最後改爲導出爲pdf,採用的是jsPDF和html2canvas 一、先引入html2

原创 dataTable 刷新後不返回首頁,調轉至當前頁

dataTable進行操作後刷新頁面會自動跳轉到首頁,增加保存當前頁碼,跳轉至當前頁 $('#materialSelected, #materialSelected2').on('click', 'a.down', function

原创 多個echarts 設置的graphic相互影響

使用echarts構建了多個圖形,並且能在同一個div中相互切換,其中一個餅狀圖設置了graphic,其他的沒有設置,結果發現設置的echarts的graphic在其他圖形上頁顯示了 如圖所示   實際上柱狀圖是沒有設置type爲tex

原创 grunt 更改任務執行順序

由於項目使用的grunt以前配置的任務執行順序是先執行concat,再執行sass,但是現在需要合併css文件,即需要先執行sass編譯scss爲css,再執行concat合併css文件,所以需要更改grunt執行任務的順序,更改以下的代

原创 ng serve 啓動後拋出 Critical dependency and Module not found 警告和錯誤

現象 使用 ng serve --open 啓動項目後,控制檯打印   ** Angular Live Development Server is listening on localhost:4200, open your brows

原创 前端通過html2canvas打印echarts圖表

項目上需要實現導出和打印html,本來直接調用的window.print,結果發現echarts圖表無法打印,會是空白的,網上搜索了一下,都是採用轉換爲64位編碼,感覺比較麻煩,找到了另一種辦法,利用html2canvas直接將頁面轉換爲

原创 js 校驗是否是全空格

js校驗輸入框,輸入的是否只是空格,不包含其他內容 $('#input').val().trim().length === 0;  

原创 前端面試(八)

一、div p 和div>p的區別 div p :後代選擇器 ,選擇div下的所有p元素 div>p: 子代選擇器, 選擇div下一級,即子級的p元素 二、實現左側固定寬高,右側自適應的佈局 float佈局,position佈局,fle

原创 NG-ZORRO中table改變表格的兩行的位子,上移,下移,置頂

由於ant-zorro組件庫裏的表格,直接使用splice修改無法生效   需要稍微改下寫法 這裏是定義方法的地方,依舊使用的是splice和unshift方法 /** * @description 數組兩個元素換位子 * @pa

原创 js實現多行文本根據換行分隔成數組

最近碰到一個問題,需要將textarea中獲取到的多行文本數據按每一行進行識別,分隔成每一行一條單獨的數據 比如這樣的數據 "adsghasdghq131dadqe1 qw1231few34234wetete qweq12314twr1

原创 解決vue中對象屬性改變視圖不更新的問題

今天碰到了一個ue中對象屬性改變視圖不更新的問題,一開始還一直以爲是vue中@focus和@blur的問題,上午查資料,各種折騰,還是沒有解決。最後請教了大神,上來就直接給我推翻了我的判斷。。。然後直接讓我百度了‘vue中對象屬性改變視圖

原创 前端面試(七)

一、同源策略 同源是指協議,域名,端口均一致。同源策略限制了從同一個源加載的文檔或腳本如何與來自另一個源的資源進行交互。這是一個用於隔離潛在惡意文件的重要安全機制。 Cookie、LocalStorage、IndexDB無法讀取; DOM

原创 JavaScript執行機制

以前一直不怎麼理解JS執行機制,直到讀了下面這篇文章 JavaScript執行機制 原文   簡書原文:https://www.jianshu.com/p/0d2d42fbe1dc 大綱   1、場景分析   2、執行機制相關知識點   

原创 前端面試(四)

1、jquery, vue, angular 操作dom的區別       https://www.jianshu.com/p/b199b87a48ad 2、vue, angular父子傳參方式       https://blog.cs