原创 前端面試（三）
一、mvvm的理解 model-view-viewmodel model: 數據模型層 view: 視圖層，即顯示的頁面 viewmodel: 視圖模型層，model和view之間的橋樑 model和view之間不產生之間交互，通過vie
2020-03-15 10:25:27
原创 前端面試（二）
一、HTML5新特性 語義化標籤、.新增的表單元素和表單類型、新增的視頻和音頻標籤（video,audio）、canvas、svg、地理定位、拖放屬性、Web Worker、本地存儲、WebSocket、Web SQL ht
2020-03-12 03:14:43
原创 前端面試（一）
最近在考慮換個新的環境，所以先找了家公司面了下試試水，雖然不知道結果，但是把題目記錄下來當做一次學習經歷吧！ 一、html語義化意義，作用，原因，理解： 1.使代碼結構更清晰，在沒有CSS的情況下也能呈現出代碼層次結構 2.方便其他設備解
2020-03-09 22:49:15
原创 Mock.js攔截帶參數的get請求
用Mock.js模擬攔截前端的請求，發現對於post請求能正常攔截，但是對於get請求無法攔截到，網上百度了一下，發現是由於get請求傳遞了參數拼接在了url後面，而Mock.js只能攔截到不帶參數的url,比如 // 只能攔截到/ap
2020-02-20 20:27:46
原创 div禁用，不可點擊
原文鏈接：https://blog.csdn.net/wyh_mwk/article/details/81777270 設置css樣式： div{ pointer-events: none;
2019-10-25 14:58:07
原创 阻止鍵盤默認事件
$(document).ready(function () { // 頁面加載結束後 $(document).keydown(function (event) {
2019-10-25 14:58:07
原创 前端HTML5 顏色選擇器 input[type = "color"]
由於項目上要實現對不同的狀態實現自定義配置不同的顏色，所以需要實現一個color選擇器，一開始是直接採用input框輸入16進制的顏色值，但對於非專業人士不太瞭解顏色對於的16進制碼，後來改用類似於chrome中的取色器，類似於這樣的
2019-10-25 14:58:07
37
原创 echarts 堆疊柱狀圖頂部顯示總和
用echarts實現了一個堆疊圖要求能夠在每個柱狀圖上顯示總數，參考了網上的一些辦法，也踩了一些坑 方法一 代碼 series: [{ name: n[0], //完成,
2019-09-15 14:46:29
3
原创 字體大小隨文字數改變
最新公司一個項目中從後臺獲取的數據長度不一定，而前端的fong-size是固定的，雖然做了響應式，用了rem,但是這是根據屏幕寬度進行字體大小的調整，不是根據字數，而後又想到用百分比，根據字體父級元素的，即寬度大小進行調整
2019-09-04 14:46:20
原创 scss @for 循環
在實現樣式過程中碰到了一個隔一定時間右滑出來的效果，一開始一個個寫，感覺太麻煩了，搜了一下scss有個@for方法，效果很強大 使用scss @for循環 注意一下在選擇器調用循環項 $i 和樣式裏調用是有區別的，選擇器裏是用插
2019-08-25 14:55:19
原创 bootstrap下拉菜單dropdown點擊後阻止自動收起菜單
公司有個切換院區的下拉框，使用的bootstrap的dropdown,以前是單選,因此點擊切換後就會自動收起並且將數據傳給後臺，現在改成了多選，出現了一個問題就是點擊一個後也會自動收起，這樣的多選肯定是有問題的，因此在網上搜索了一下，找到
2019-08-07 14:44:23
88
原创 檢測前端代碼運行時間
最近公司有個關於性能優化的問題，需要提升zTree樹加載速度，一直無法定位到時哪段代碼的運行速度較慢，只能通過執行去判斷，後面突然想到chrom瀏覽器能檢測接口返回耗時，能不能檢測某段代碼的運行時間的，百度了一下，還真有 主要有兩種 第一
2019-07-30 14:49:26
原创 dataTable分頁功能,修改默認顯示條數
公司的一個小需求，需要修改dataTable剛進來時默認顯示的數據數量由10條到30條，一開始想到的是直接修改 "aLengthMenu": [10, 15, 30, 100],改爲"aLengthMenu": [30, 50,100
2019-07-05 14:47:00
1
原创 幾個菜鳥問題
這幾天比較忙，今天就總結性的歸納一下碰到的幾個問題 1、jdk，maven在window10系統的環境變量配置，如果配置失敗，可以把path設爲絕對路徑試一下 2、安裝npm，提示缺失license等，可以繼續進行下去，但是如果grunt
2018-11-22 09:54:59