原创 vue 項目爲echarts圖添加點擊事件 及常見的兩問題分析

vue 項目裏用echarts已經很長一段時間了,項目的配置項什麼的也查了不少, 但是隔斷時間換個項目, 很多內容都容易忘記,或者掉進之前踩過的坑, 所以下面做個簡單的記錄:   步驟一: 本地安裝echarts npm install

原创 VUE技術揭祕閱讀筆記之vue源碼構建

一:vue的源碼構建是基於rollup 關於rollup, 我們需要提前瞭解並知道的是,rollup是一種最近比較火的前端工程化構建工具, 提供了多種打包方式,並且可以通過format屬性設置你想要打包成的代碼類型: amd - 輸出成

原创 自定義輸入框樣式修改

input 上樣式 outline: none   包裝框: .outter-box  input:focus {         border: 1px solid  #4e7aeb; }    

原创 前端補齊起止日期之間的所有日期與月份的簡單方法

       最近在做的一個圖表可視化需求裏面要求: 選定起止日期之後對起止日期裏面每一天的數據進行展示,由於後端對數據的處理是沒有數據就不返回, 所以起止日期之間的date列表需要前端進行處理, 任意選擇兩個起止時間之後需要得到的日期和

原创 純css 利用多欄佈局實現瀑布流 簡略版

由於工作需要,今天嘗試用純css實現了一下瀑布流的佈局,實現的原理是利用多欄佈局配合break-inside屬性,此種方式的實現代碼非常簡單,也不需要依賴任何插件,下面 先看一下實現的效果圖:   下面貼上實現代碼: <!DOCTYPE

原创 position fixed 固定定位失效問題及解決方案

最近在項目開發過程中遇到了一個固定定位失效的問題,當給一個元素設置了position: fixed並設置了距離top和left的距離之後發現位置居然一直不正確,fix固定定位失效了。 由於出現這個bug的地方使用了better-scrol

原创 前端性能優化之減少重排,對比重排與重繪

在前端開發的過程中,性能優化是一個最常見的問題,重繪與重排也是提到優化時不可忽視的一塊。 那麼什麼是重繪與重排呢,在解釋重繪與重排之前,我們首先需要先了解清楚瀏覽器的渲染過程, 下面先上一張比較常見的渲染過程圖:   根據上圖我們可以看

原创 IE項目使用iframe之後內存持續升高的解決辦法

  問題背景 最近一年多在做的項目是一個大數據的產品平臺, 做一些數據類的產品, 主要是做一些客戶的分羣篩選, 客戶畫像, 策略配置之類的功能, 項目使用的技術棧是vue, 項目的一些產品頁會被公司的幾個其他的平臺調用. 出現問題的這個頁

原创 文件上傳編碼格式不對

解決方案一: 1、將編碼方式 enctype設置爲:"multipart/form-data" 如: <form action="${ctx}/executeImport" method="post" enctype="multipart

原创 vue-cli3 項目啓動報錯 unexpected token... 居然是因爲node版本過低

最近在接手一個vue-cli3搭建的app項目的新需求時, 發現自己拉下代碼之後啓動一直報錯, 報錯是 unexpected token...  對應的報錯文件是  項目\ node_modules\ read-pkg\index.js

原创 緩存機制

原文鏈接:https://www.cnblogs.com/ranyonsue/p/8918908.html http緩存機制:https://www.cnblogs.com/ranyonsue

原创 前端錯誤捕獲

原文鏈接:https://blog.csdn.net/qq_26702033/article/details/79863485 原文鏈接:https://blog.csdn.net/qq_267

原创 vue項目頁面滾動到特定元素的的四種方法

最近在做一個關於語音識別的項目, 涉及到語音消息的實時推送, 語音內容的識別與內容關聯話術推薦, 做的時候需要實現一個識別出來的內容關聯客戶對話內容的功能, 簡而言之就是實現一個點擊跳轉到在實時更新的對話框內與當前內容相關聯的特定元素的功

原创 flutter與RN對比

本週五下午公司組織了三場分享: 一場是關於前端微架構; 一場是關於flutter的介紹;  一場是關於react native項目實戰 flutter最近熱度很高, 是由 Google 的工程師團隊打造的,用於創建高性能、跨平臺的移動應用

原创 Express中間件的原理及實現

最近在學習的內容裏面有關於中間件原理以及實現,認真瞭解一下,發現其原理並不難 轉一篇寫得不錯的文章做下記錄, 轉載地址:https://www.jianshu.com/p/797a4e38fe77  參考文章:初學nodejs一:別被E