原创 彈窗點擊透明部分隱藏(陰影部分隱藏)

一、需求 1)一般情況下,點擊關閉按鈕隱藏彈窗 2)更多的需求,需要點擊彈窗外圍的透明區域隱藏彈窗 3)增加的需求,彈窗下層的區域不可滑動 二、分析 類似這種彈窗一般都是嵌套的結構,點擊外圍的透明區域需要關閉裏面的彈窗,是由外向

原创 前端工程化的理解整理

前言 時代發展,前端入門好像是越來越簡單,但是要想深入卻並不簡單,而前端工程化則是前端工程師想要進階的必經之路. 一張圖帶你瞭解前端工程化 參考 https://www.jianshu.com/p/88ed70476adb

原创 vue項目之build文件、config文件配置--vue項目打包構建相關

前言 學習build文件、config文件配置可以幫助我們更快的瞭解打包構建知識 build文件、config文件配置相關了解 build 文件夾部分內容解析 build/build.js文件 // 設置打包環境是producti

原创 vue項目vue-router的使用

1、路由的基礎配置 //需要在main.js文件內引入,具體可以查看我的另一篇關於main.js設置的文章 https://blog.csdn.net/weixin_44258964/article/details/105835

原创 axios.js文件使用router跳轉的幾種方式

對於某些特殊設置會要求我們在接口返回某些要求的時候對路由做跳轉 比如:有個場景當後臺狀態返回22006的時候要求重新登陸,然而axios的js文件不能直接使用this.$router.push路由直接跳轉,這是因爲js文件無法使用

原创 前端docker的基礎配置和使用

1、安裝docker 1、docker官網安裝doucker https://www.docker.com/get-started 2、 下載compose curl -L "https://github.com/docker

原创 vue項目的echarts使用

一、vue引入使用 1.1 首先下載插件 npm install echarts --save-dev 1.2 main.js文件引入插件,設置成全局 // 引入echarts import echarts from 'echa

原创 js的堆和棧

1、介紹 創建數據的時候就會佔用內容、內存主要開闢了兩類空間 1. 堆(進程,線程共享) 大小不固定,可隨時增加 不允許js直接訪問堆內存 存儲引用數據類型 按引用訪問 存儲的值大小不定,可動態調整 主要用來存放對象 空間大,但

原创 前端存儲(強緩存、協商緩存、cookies、sessionStorage、localStorage)

一、前景介紹 1.1緩存是什麼?數據存儲是什麼? 緩存是代理服務器或客戶端磁盤內保存的一個資源副本。 當我們向服務器請求資源後,會根據情況將資源 copy 一份副本存在本地,以方便下次讀取。 它與本地存儲 localStorage

原创 前端好用、常用工具網站推薦

HTML特殊轉義字符對照表 https://tool.oschina.net/commons?type=2 壓縮圖片網站(一般一次不超過20張可以同時壓縮,單張圖片不可超過5M) https://tinypng.co

原创 微信小程序webview中H5的window.location下載安卓失效問題(wx.env.USER_DATA_PATH報錯,wx.openDocument安卓轉發文件打不開)

一、背景 項目是使用微信小程序組件封裝的H5頁面 小程序環境下,安卓機無法使用打開鏈接下載 webview不支持window.location下載文件 封裝的代碼不支持微信小程序的下載方法 所以迂迴方案在H5點擊鏈接的時候跳轉回

原创 keep-alive的介紹及使用

定義: 如果需要頻繁切換路由,這個時候就可以考慮用keep-alive了,來達到避免數據的重複請求的目的 keep-alive用來緩存組件,避免多次加載相應的組件,減少性能消耗。 簡單一點來說就是從頁面A鏈接到其他頁面後回退到頁

原创 vue項目axios使用及axios的配置介紹

Axios 是一個基於 promise 的 HTTP 庫,可以用在瀏覽器和 node.js 中 http://www.axios-js.com/zh-cn/docs/index.html 以下主要是Vue項目使用方式的介紹 一

原创 vue項目路由的使用

1、路由的基礎配置 //需要在main.js文件內引入,具體可以查看我的另一篇關於main.js設置的文章 https://blog.csdn.net/weixin_44258964/article/details/105835

原创 數組、對象便利方法彙總全-包括es6新方法

一、數組便利方法合集方法 數據量沒有成百上千,一下方法的一般性能都不會有太大的區別 不會改變原數組的方法:forEach、map、filter、reduce、some、every、reduceRight、find、findIndex 會改