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

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

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

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

原创 前端面試(七)

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

原创 JavaScript執行機制

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

原创 前端面試(四)

1、jquery, vue, angular 操作dom的區別https://www.jianshu.com/p/b199b87a48ad2、vue, angular父子傳參方式https://blog.csdn.net/qq_375709

原创 前端面試(三)

一、mvvm的理解model-view-viewmodelmodel: 數據模型層view: 視圖層,即顯示的頁面viewmodel: 視圖模型層,model和view之間的橋樑model和view之間不產生之間交互,通過viewmodel

原创 前端面試(二)

一、HTML5新特性語義化標籤、.新增的表單元素和表單類型、新增的視頻和音頻標籤(video,audio)、canvas、svg、地理定位、拖放屬性、Web Worker、本地存儲、WebSocket、Web SQLhttps://blog

原创 前端面試(一)

最近在考慮換個新的環境,所以先找了家公司面了下試試水,雖然不知道結果,但是把題目記錄下來當做一次學習經歷吧!一、html語義化意義,作用,原因,理解:1.使代碼結構更清晰,在沒有CSS的情況下也能呈現出代碼層次結構2.方便其他設備解析(如屏

原创 Mock.js攔截帶參數的get請求

用Mock.js模擬攔截前端的請求,發現對於post請求能正常攔截,但是對於get請求無法攔截到,網上百度了一下,發現是由於get請求傳遞了參數拼接在了url後面,而Mock.js只能攔截到不帶參數的url,比如// 只能攔截到/api/m

原创 div禁用,不可點擊

原文鏈接:https://blog.csdn.net/wyh_mwk/article/details/81777270設置css樣式:div{ pointer-events: none; }即可實現div不可點擊

原创 阻止鍵盤默認事件

$(document).ready(function () { // 頁面加載結束後 $(document).keydown(function (event) {

原创 前端HTML5 顏色選擇器 input[type = "color"]

由於項目上要實現對不同的狀態實現自定義配置不同的顏色,所以需要實現一個color選擇器,一開始是直接採用input框輸入16進制的顏色值,但對於非專業人士不太瞭解顏色對於的16進制碼,後來改用類似於chrome中的取色器,類似於這樣的網上找

原创 echarts 堆疊柱狀圖頂部顯示總和

用echarts實現了一個堆疊圖要求能夠在每個柱狀圖上顯示總數,參考了網上的一些辦法,也踩了一些坑方法一代碼series: [{ name: n[0], //完成,

原创 字體大小隨文字數改變

最新公司一個項目中從後臺獲取的數據長度不一定,而前端的fong-size是固定的,雖然做了響應式,用了rem,但是這是根據屏幕寬度進行字體大小的調整,不是根據字數,而後又想到用百分比,根據字體父級元素的,即寬度大小進行調整,但是這樣也有問題

原创 scss @for 循環

在實現樣式過程中碰到了一個隔一定時間右滑出來的效果,一開始一個個寫,感覺太麻煩了,搜了一下scss有個@for方法,效果很強大使用scss @for循環注意一下在選擇器調用循環項 $i 和樣式裏調用是有區別的,選擇器裏是用插值 #{} ,可