原创 【bug】Swiper動態渲染swiper-slide後輪播圖劃不動解決方案

一、問題描述 在開發一個Jquery項目時，用到了Swiper插件，並且因爲要求數據的動態性，所以swiper-wrapper裏面的swiper-silde都是由Jquery動態渲染出來的DOM，結構如圖所示 二、問題分析 在使

2020-06-20 17:42:29 6

原创 【vue】使用webpack+vue-cli搭建項目如何區分開發、測試、展示和生產環境？

今天分享下自己使用 webpack + vue-cli 搭建項目的時候，是如何區分開發、測試、展示、生產這四種環境的。 我們隨便百度怎麼區分環境，會有很多種答案。但大多數都是讓在 config 文件夾下新建一個 test.env.js 和

2020-06-20 16:37:47

原创 【vue】vue封裝全局filter並統一管理

在前後端分離的項目中，經常會有後臺返回的數據需要進過處理才能顯示到頁面上的場景。 使用最多的場景就是日期和時間的處理，後臺一般返回的都是時間戳，那麼我們就要對時間戳進行處理。 下面就拿封裝全局的處理日期和時間的 filter 來展示如何

2020-06-20 16:37:47

原创 【plugins】前端常用技術插件大全

爲了方便自己以後在項目中的使用，在此留鏈記錄。 用途 插件名 描述 文檔 演示 icon圖標 fontawesome 包含了日常用到的所有的圖標，還可以設置大小、旋轉、和動畫 文檔地址 - icon圖標 iconfont 大衆常用的阿里矢

2020-06-20 16:37:37 1

原创 【css】flex佈局語法簡述

網頁佈局（layout）是 CSS 的一個重點應用。 佈局的傳統解決方案，基於盒狀模型，依賴 display 屬性 + position屬性 + float屬性。它對於那些特殊佈局非常不方便，比如，垂直居中就不容易實現。

2020-06-20 16:37:37

原创 【vue】基於vue2.x的vue項目最最最基礎模板

前言 好久不見啊大家，今天想寫這篇博客的時候才發現博客已經斷更大半年了（手動滑稽） 由於去年十二月份被公司再次發配到上海出差，而且這次主要開發的是針對IE瀏覽器的一個插件（c++ 和 js 的交互） 所以就很長時間沒有接觸外網了，更別說開

2020-06-20 16:37:37

原创 【vue】vuex+axios+element-ui實現頁面請求loading

前言 我們在平常寫項目的時候，發請求的時候肯定會習慣用一個 loading 遮罩層來防止用戶在沒拿到數據之前誤操作 如果是頁面同時只發送一個請求，那麼無論是在組件中或者是在 axios 插件中進行請求和響應攔截都可以做到 但是，當一個頁面

2020-06-20 16:37:36

原创 【vue】使用vue-cli3.0/4.0搭建的項目如何區分環境

前言 上一篇博客，我說了，最近公司是空閒期。基本都是處於渾水摸魚階段了，每天打卡上班，打卡下班 但是我是屬於那種有點閒不住的人，總想搞點東西玩玩 所以我把公司的項目往 vue-cli4.0 進行了遷移（我原本真的只想遷移到 3.0） 可以

2020-02-23 10:41:25

原创 【css】你未必知道的CSS冷知識

首先，需要聲明一下，這篇文章是篇水文，因爲我覺得1024不發篇文章不舒服。 還有，本篇文章是從其他地方搬磚過來的，我會在末尾聲明作者。 01.【負邊距】負邊距的效果。注意左右負邊距表現並不一致。左爲負時，是左移，右爲負時，是左拉。上下與左

2019-10-26 04:40:50

原创 【vue】使用vue-cli4.0快速搭建一個項目

前言 最近公司的項目終於到了空閒期，而閒不住的我終於把目標放到了項目的遷移上面 因爲公司的項目比較早的原因（雖然當時vue-cli也出來了一段時間，但是不敢輕易嘗試啊！） 所以使用的環境還是 vue2.x 版本的，而又因爲公司的前端項目都

2019-10-26 04:40:38 1

原创 【bug】Swiper的loop模式下無法操作當前swiper-slide的解決方案

一、問題描述 在開發一個 Vue 項目時，用到了 Swiper 插件，別問我爲什麼不用 vue-awesome-swiper，因爲要自定義一些東西，用不慣 vue-awesome-swiper。好了，回到正題，下面是要實現的兩個效果： 1

2019-10-26 04:40:38 25

原创 【css】各個字號大小對照表

最近接到了兩個需求，一個是打印網站的一個操作記錄，一個是通過UE生成html格式的文書模板讓渲染生成pdf打印。 所以，字體的大小就是一個關鍵點，查閱資料，整理如下字號大小對照表： 中文字號 英文字號（pt） 毫米（mm） 像素（px）

2019-09-05 03:12:03

原创 【vue】vue路由緩存的幾種方式

在我們的日常開發中，有時候會遇到頁面的緩存，特別是電商的項目，在商品列表的一些狀態都是要緩存下來的。 下面就簡單介紹幾種 vue 路由緩存的幾種方式。 1、全部緩存 <keep-alive> <router-view></rout

2019-09-05 03:12:03

原创 【plugins】IE和Chrome間的相互調用

最近我司的業務跟其他的公司業務牽扯，項目的背景都是法院的項目，但是所做的功能和需求不太一樣。 因爲是指定的客戶，所以我司的業務是針對 Chrome 做的，其他司的是已經成型的 IE8 的老項目。 雖然是合作的關係，但是難免少不了競爭，所以

2019-08-09 03:32:04 10

原创 【javascript】淺談節流和防抖

最近在負責公司的前端面試以後，迫使我不得不去重新收集一些面試題。 而在這些面試題中，節流和防抖便是我認爲需要總結的一個知識點。 在前端開發的過程中，我們經常會需要綁定一些持續觸發的事件，如 resize、scroll、mousemove

2019-07-30 01:47:53