台部落qq_26780317

背景：最近，手機微信端的項目需要重構，涉及到日曆頁面，需要重新設計一個，遇到的日曆頁面佈局如下，在此記錄一下。一、日曆頁面基本佈局查看設計稿，日曆局部的佈局難點在於紅色部分，涉及到三級嵌套，而且有選中與未選中狀態的背

2020-06-16 16:07:20

前言：有時候，我們需要根據媒體查詢，判斷用戶窗口的改變，從而控制一些代碼的變化。樣式的改變，通過CSS3的媒體查詢；行爲和功能的改變使用JS的媒體查詢。一、定義和用法 matchMedia()返回一個新的MediaQue

2020-06-16 16:07:20

前言：平常，我們遊覽網站的時候，經常會看見tab標籤的切換效果，tab切換效果在前端UI框架中也是很常見的。這次，我們在vue項目中，實現一下這個tab切換效果。 tab的切換，一般是點擊上方的標題，下方的內容塊隨之切

2020-06-16 16:07:20

前言：在有些場景下，我們需要把原本img的點擊事件，給禁止掉，變成不可點擊事件。一、html部分，給img添加class屬性通過三目運算符動態添加img的屬性 <img src="@assets/images/unRe

2020-06-16 16:07:19

前言：在實際的項目中，有時會遇到將data中返回的數據進行累計求和返顯。這時，我們就可以使用forEach()方法進行處理。 forEach的定義和方法： forEach()方法用於調用數組的每個元素，並將元素傳遞給回調函數。注意：fo

2020-06-16 16:07:19

前言：在使用mint-ui的彈框時，滾動彈框內部分區域，會導致頁面滾動。使用datetime picker時，只有ios會出現這個問題；而picker在安卓和ios上都有這個問題。一、解決辦法解決思路：彈出層打開時禁止b

2020-06-16 16:07:19

我們會發現，在很多post,put,delete等請求之前，會有一次options請求。根本原因就是，W3C規範這樣要求了，在跨域請求中，分爲簡單請求（get和部分post,post時content-type屬於

2020-06-16 16:07:19

前言：在vue項目中，子組件是一個彈框，需要在父組件中顯示此彈框,其彈框內容來自於父組件。父子組件之間的傳值通過props來實現。 A爲父組件頁面，B爲子組件頁面。其中父組件頁面調用子組件，v-bind綁定要傳遞的值ch

2020-06-16 16:07:19

前言：有時候，在項目中，我們經常需要設置簡單的倒計時功能，這個可以通過定時器來實現。一、設置div顯示倒計時數字 <div class="countCircle"> <span>{{countdown}}</span> </d

2020-06-16 16:07:19

在angularjs項目中，直接手寫一個系統定時器彈框： JS如下： //雙錄系統定時器彈框 var countdown = 11; function settime(){ if(countdown == -1){

2020-06-16 16:07:19

一、簡介概況：2005年Linux之父Linus兩週時間用C語言開發。目前，最先進的分佈式版本控制系統。優勢：①速度快；②完全分佈式；③輕量級；④社區成熟活躍。二、基礎知識

2020-06-16 16:07:19

前言：在前端有時候需要根據不同遊覽器，做不同的兼容處理，本文記錄下如何通過JS判斷是否是IE遊覽器，以及具體是什麼版本。 function IEVersion() { var userAgent = navigator.

2020-06-16 16:07:19

前言：在項目中，我們有時候需要修改Vue項目中的頁面title。方法有兩種，①如果需要動態設置頁面的title，可以直接使用document.title；②可以使用router的beforeEach去統一設置，這種方

2020-06-16 16:07:17

前言：在vue項目中使用jquery插件，需要引入jquery。在無任何配置的情況下，直接引入會報錯，具體報錯如下所示：一、考慮jquery的引入方式，更改js打包路徑然後，在webpack.dev.conf.js和

2020-06-16 16:07:17

有時候，我們在vue項目中，需要處理base64圖片的顯示： <img :src="'data:image/png;base64,'+imgurl" alt=""> <script> new Vue({ data:{

2020-06-16 16:07:17