原创 vite嚐鮮-最新代碼原理分析

使用webpack在開發中，只改動一句代碼，也需要數秒的熱更新，這是因爲webpack需要將所有的模塊打包成一個一個或者多個模塊，然後啓動開發服務器，請求服務器時直接給予打包結果。這個過程隨着項目的擴大，速度會變慢。然後vite來了。 描述

2021-01-16 13:52:13

原创 git submodule 子模塊

背景：爲什麼要用子模塊？ 在開發項目中可能會遇到這種問題：在你的項目中使用另一個項目，也許這是一個第三方開發的庫，或者是你獨立開發的並在多個父項目中使用的。簡單來說就是A同學開發了一個模塊，被B\C同學共同調用，，可能就形成了這種模塊調用關

2019-08-16 14:03:44

原创 Cannot read property 'validate' of undefined

在使用element-UI表單驗證中一直報錯，'Error in event handler for “click”: “TypeError: Cannot read property ‘validate’ of undefined”',

2019-02-28 13:51:23

原创 eslint 代碼縮進 報錯及解決

一、背景 使用vue在VScode中正常寫的代碼，報了一堆的錯誤，仔細檢查，發現都是縮進要麼多了要麼少了，總之是代碼不規範的的報錯。 二、原因 百度查了發現代碼規範默認縮進2個空格，而VScode默認縮進4個空格，在加上我的項目中默認添加了

2019-02-28 13:37:55

原创 Mac Git 安裝和配置

一、git下載與安裝 點擊Git，然後選擇下載安裝包 git --version，終端輸入該命令， 如輸出版本號，則說明安裝成功。 git version 2.20.1 二、git基本配置 通過下面這些指令，配置用戶名和郵箱 git con

2019-01-29 13:30:18

原创 鏈接我的數據庫

作爲一個新手，第一次接觸數據庫，搞了兩天才創建自己的第一個數據庫，走了不少彎路，現總結一下： 一、設置MySql環境 安裝的XAMPP，下載了Navigate for MySql。 啓動Apache 和Mysql，連接服務器 綠色代表

2019-01-25 13:38:50

原创 加密算法

一、MD5 MD5是一種加密算法，在調用這個算法的時候，提供一個密碼明文，調用的結果得到一個32位長度的密文。相同的字符串，如果多次調用Md5算法，結果完全一樣，並且無法被逆向解密。 二、bcrypt加密算法 在項目中使用bcrypt加密算

2019-01-25 13:38:50 1

原创 常用sql語句

總結幾個剛接觸到的sql語句，以後慢慢完善。 一、添加數據,insert語句 insert into table set columnName1 = value1,columnName2 = value2,…;  const sq1 = '

2019-01-25 13:38:50

原创 常用瀏覽器內核

常見五大瀏覽器 瀏覽器內核 瀏覽器內核可以分爲兩部分：渲染引擎（layout engineer或者 Rendering engine）和JS引擎。 渲染引擎：負責取到網頁的內容，包括HTML/XML/圖像等、整理訊息（CSS等），以及計

2018-12-27 13:44:36

原创 移動端click延遲和tap事件

一、click等事件在移動端的延遲 click事件在移動端和pc端均可以觸發，但是在移動端有延遲現象。 1、背景 由於早期移動設備瀏覽網頁時內容較小，爲了增強用戶體驗，蘋果公司專門爲移動設備設計了雙擊放大的功能，以確保用戶可以方便地放大網頁

2018-12-26 13:38:17

原创 點透問題及解決

一、問題描述 實際學習與工作中可能會有這樣的需求：在移動web中給有重疊的兩個元素都添加了點擊事件，當觸發上方的元素的時候同時也會透過該元素觸發下面的元素。這就是點透，然而這並不是我想要的效果。 二、例子 下面通過多種方式來模擬感受點透：

2018-12-26 13:38:15

原创 定時器

一、定時器的兩種方法： setTimeout() setInterval() 二、setTimeout() 定時器 setTimeout()【相當於定時炸彈】 有兩個參數 ，只會執行一次。 第一個參數：要執行的函數,可以是匿名函數，也可以

2018-11-04 22:54:30

原创 CSS選擇器彙總

一、什麼是選擇器 使用HTML搭建好架構之後，怎樣將CSS樣式應用於特定的HTML,這就需要選擇器來用於選擇需要添加樣式的元素，使CSS對HTML頁面中的元素實現一對一，一對多或者多對一的控制。 每條CSS樣式都是由兩部分組成，形式如下：

2018-08-30 14:27:54

原创 CSS盒子模型（Box Model）

 一、背景 　　作爲CSS的重點，三大模塊之一的盒子模型，這部分無論如何也要精通透徹。在任何一個網頁當中，都有自己的佈局方式，所謂網頁佈局方式就是如何把網頁裏面的文字、圖片，很好的排版成美工設計的樣式，這時文字圖片就如同牛奶需要用盒子裝起來

2018-08-30 14:27:54 1

原创 CSS優先級的及其衡量標準CSS權重

一、背景 CSS有三大特性：層疊性、繼承性、優先級。 而我們在給CSS定義樣式的時候，經常出現兩個及以上的規則應用在同一元素上，單該元素最終在瀏覽器呈現的效果是應用的哪個規則呢？這就要考慮優先級的問題了。 CSS優先級是由CSS權重來作爲衡

2018-08-30 14:27:54