原创 常用css動畫
若隱若現 @keyframes fadeIn { 0% { opacity: 0; } 50% { opacity: 0.5; } 100% {
2020-05-13 11:26:09
原创 誤刪了本地分支該如何恢復？
太多已經上線的本地分支，決定清理一下，頭一熱，忘記並行開發的另一個分支沒有上線，關鍵遠程還沒有推！ 淚流三千尺！！！！下面是恢復的過程，找回來了！感謝強大的git 如果還沒有關閉操作框，was（） 這裏是幫助恢復的關鍵hash
2020-04-25 16:35:52
原创 warning Delete `␍` prettier/prettier（eslint配置的一些問題）
配置eslint後運行項目有如下警告（換行格式問題）： 執行以下命令（可以自動修復這些問題）： npm run lint --fix 參考：eslint-plugin-prettier/issues/114 原因 在wind
2020-04-23 01:57:49
8
原创 vue-cli3預設項
使用vue-cli3可以直接修改.vuerc添加一些自己的預設配置 一般在這個路徑下： 我的常規配置需求： { "useTaobaoRegistry": true, "packageManager": "yarn"
2020-04-23 01:57:49
原创 vue中進入頁面，滾動到錨點位置
需求場景：比如一個頁面導航有蔬菜、水果、肉類，通過改變鏈接去跳轉到蔬菜、水果、肉類所在的位置。 方法一：使用<a>標籤 我一開始使用<a>標籤的錨點觸發，發現<a>標籤無法通過手動直接改變鏈接hash去跳到指定錨點（運營會這樣操作），那麼
2020-02-23 06:32:09
原创 開發中常用的一些git命令操作
簡寫(可以根據你所需要的配置)： git config --global alias.co checkout git config --global alias.ci commit git config --global ali
2020-02-23 06:32:09
原创 MintUI中的mt-popup中嵌套mt-popup
常用的vue移動端組件庫：官網 需求場景：彈窗上還有一層彈窗（如彈窗上的日期組件），使用MintUI中的mt-popup來實現 慣性思維，會這樣寫： <mt-popup> <mt-popup></mt-popup> </mt-p
2020-02-23 06:32:09
原创 一些兼容性問題
火狐瀏覽器這些寫會失效： transform:translateY(-56%); 改爲這樣寫： transform: all translateY(-56%); ios input輸入光標會很長：不給input設置高度，
2020-02-23 06:32:09
原创 canvas繪製圖片不顯示以及模糊問題
canvas繪製圖片時需要等待圖片加載完後才能進行繪製 context.drawImage(img,x,y,width,height); 來自菜鳥的對照表： img 規定要使用的圖像、畫布或視頻。 sx 可選。開始剪切的 x 座標
2020-02-23 06:32:09
原创 函數的節流
應用場景： 連續嘗試進行過多的DOM相關操作可能會導致瀏覽器掛起，有時候會崩潰。 如： IE中使用onresize事件處理程序的時候容易發生，當調整瀏覽器大小的時候，該事件就會連續觸發。在onresize事件處理程序內部如果嘗試
2020-02-23 06:32:09
原创 Swiper異形輪播
Swiper異形輪播的配置： let swiper = new Swiper(".swiper-container", { loop: true, pagination: { el:
2020-02-23 06:32:09
原创 css高度從0 到auto過渡
最近朋友問了這樣的問題：css高度從0 到auto過渡，上拉或者收起 主要利用 scrollHeight：scrollHeight transition：transition maxHeight：maxHeight 應用場景：
2020-02-23 06:32:09
原创 vue中v-show 和v-if的區別
v-show：僅僅是通過樣式屬性display控制元素的顯示方式 true：display：block； false： display: none; 如： <template> <div> <div v-show
2020-02-23 06:32:09
原创 mark、em、strong、b、i
共同點：都是用來處理文本的 1. <b>：加粗，表示突出顯示關鍵詞的作用，但是並不強調其重要性，字體被設置爲bold，屬於物理標記 <p><b>加粗</b>和<b></b></p> 如下圖： 2. <em>（emphasize）: 強
2020-02-23 06:32:09