原创 二次封裝餓了嗎表單組件

<!-- * @Description:二次封裝餓了麼表單 * @Date: 2020-09-20 23:01:54 +0800 * @Author: JackChouMine * @LastEditTime: 2020-09-21

原创 自己的eslint

/* * "eslint": "^7.6.0", "eslint-plugin-vue": "^6.2.2", "babel-eslint": "^10.1.0", */ module.exports = { env: {

原创 防抖(debounce)和節流(throttle)---解決事件頻繁觸發造成頁面卡死

防抖(debounce)和節流(throttle) 連續觸發(觸發頻率很高)的時間,不進行優化,會出現頁面卡頓現象。常見的需要優化的事件: 鼠標事件: mousemove(拖拽) mouseover(劃過) mouseWheel(滾屏

原创 vue 路由進階

路由可向路由匹配的組件傳遞參數,不同情況向組件傳遞不同的參數,從而實現組件的複用。 路由向組件傳遞參數 和路由匹配的組件可以在組件中使用 $route 獲取路由上的參數: 傳參方式 :、params和query :在路徑傳遞參數 {

原创 vue 路由基礎

vue 路由基礎 vue 使用 vue-router 插件處理路由,路由是開發單頁應用必須掌握的知識。 什麼是 vue-router? (1)vue-router 是 Vue 官方提供前端路由插件,藉助它我們實現可以基於路由和組件的單頁面應

原创 vue 狀態管理(一)

vue 狀態管理(一) 父子組件之間往往使用props和 &dollar;emit 實現數據共享,任意組件可通過bus(一個vue實例)作爲橋樑,實現數據共享。當項目中組件越來越多時,組件之間的數據共享變得複雜,難以維護。使用 Vuex 可

原创 github + hexo 搭建博客

github + hexo 搭建博客 大學時搭建過 github 博客,但是後來沒怎麼弄了。感覺有點折騰,就沒有繼續維護了,今天再來重新搭建一個博客。本文記錄搭建操作。 預備知識: npm 命令; git 命令 github 常見操作

原创 hexo + githubpage 搭建個人博客

github + hexo 搭建博客 大學時搭建過 github 博客,但是後來沒怎麼弄了。感覺有點折騰,就沒有繼續維護了,今天再來重新搭建一個博客。本文記錄搭建操作。 預備知識: npm 命令; git 命令 github 常見操作

原创 npm 語義化版本控制

NPM 版本控制 爲了在軟件版本號中包含更多意義,反映代碼所做的修改,產生了語義化版本,軟件的使用者能從版本號中推測軟件做的修改。npm 包使用語義化版控制,我們可安裝一定版本範圍的依賴,npm 會選擇和你指定的版本相匹配的最新版本安裝。n

原创 word-break|overflow-wrap|word-wrap——CSS英文斷句淺析

---恢復內容開始--- word-break|overflow-wrap|word-wrap——CSS英文斷句淺析 一 問題引入      今天在再次學習 overflow 屬性的時候,查看效果時,看到如下結果,內容在 div 中國換行了

原创 XML學習記錄

XM的作用:用於存儲和傳輸數據。擴展性好,跨平臺,獨立於硬件和軟件。和HTML的區別:HTML用於表現數據,XML用於存儲和傳輸數據。HTML對標籤語寫法要求弱,XML對標籤寫法要求低。 XML語法: 1、必須有根元素;2、可選序言,則必須

原创 CSS樣式層疊和特殊性

  層疊 同一個元素可以設置多個樣式,就會有衝突,用層疊來解決樣式衝突; 層疊給每個規則設置了重要度: 標有 ! important 的用戶樣式; 標有!important 的作者樣式; 作者樣式; 用戶樣式; 瀏覽器樣式。 特殊性:

原创 CSS3 filter屬性學習

filter屬性:CSS3的fliter屬性是一個強大的工具,開發者可用它實現很多視覺效果 。該屬性提拱瞭如陰影和改變顏色等效果,這些效果的在元素渲染是完成 。該屬性通常用於調整圖片的呈現、一個元素的背景或者邊框。 語法: .filte

原创 border-box——一種改變盒子尺寸的方法

  語法:   box-sizing:content-box|border-box|padding-box     IE6中的傳統盒子模型: CSS樣式聲明的 width 和 hieght 包含 content、padding 和 bo

原创 XMLHttpRequest 學習(二)——封裝一個ajax

1、發起一個HTTP的步驟:    創建一個 XMLHttpRquest 實例,     1 var xhr=new XMLHttpRequest();   2.初始化請求, 1 xhr.open(method,URL,async