原创 使用 js 面向對象封裝一個 ajax

有點類似於 jquery 的 ajax 方法 簡單的封裝一下,寫的很糙,還有很多需要改善的地方,例如把ip和端口獨立出來等等… 就先這樣用着吧. 先確定一個基本的樣式 { url:'' // 請求地址 method:

原创 yarn 安裝 node-sass 依賴報錯

把鏡像源改成淘寶的鏡像源就 ok 了 1. 修改鏡像源 yarn config set registry https://registry.npm.taobao.org -g 2. 配置 node-sass 的二進制包鏡像地址 y

原创 gulp 常用插件

合併文件 gulp-concat 安裝 npm install gulp-concat --save-dev 或者 yarn add gulp-concat -D import {src,dest} = require('gu

原创 CSS3 中新增的UI樣式

文章目錄文本的新增樣式opacity 和 rgba文本溢出顯示省略號文字陰影盒模型的新增樣式盒模型的陰影倒影box-sizing新增的UI樣式圓角圓角風車 demo背景總結css2css3圖片的水平垂直居中漸變線性漸變徑向漸變 文

原创 初步認識Vue.js

Vue 是我接觸的第一個前端框架,所以必須要認真學學,記錄一下學到的知識點。 Vue 的特點 遵循 MVVM 模式 代碼簡潔,體積小,運行效率高,適合PC/移動端的開發 只關注 UI ,當然也可以引入 vue 插件或其他第三方開

原创 HTML 表格表單

文章目錄表格基本語法合併單元格表格的樣式長表格表格佈局表單創建表單表單項文本框密碼框按鈕單選按鈕多選框下拉列表文本域label 標籤表單項分組 表格 在 HTML 中,使用 table 標籤創建一個表格。表格也是一個塊級元素

原创 CSS Transform

文章目錄2D 變形(變換)旋轉縮放傾斜平移基點變換變換組合3D 變形(變換)3D 旋轉3D 平移3D 縮放景深和其他屬性3D 案例3D立方體 2D 變形(變換) 使用 transform 屬性可以對元素進行旋轉、縮放、平移、傾斜

原创 webpack 配置 vue-loader 成功後啓動報錯問題![已解決]

在學習 webpack 的過程中遇到的一個小問題 在webpack 中使用 vue 組件需要使用一個 第三方 loader 處理解析 .vue結尾的文件,在學習的過程中,明明已經配置好了處理 .vue 結尾的文件的規則,卻在 np

原创 CSS 選擇器大全

CSS 選擇器 CSS 選擇器有很多,總結幾個常用的選擇器,如果想了解更多選擇器請點擊我查看或者如果英文好得情況下點擊我查看也是可以的哦~ 通配符選擇器 元素選擇器 ID選擇器 類選擇器 並集選擇器(選擇器分組) 交集選擇器

原创 vscode prettier 自動添加分號的問題

使用 prettier  在格式化 js/jsx/ts/tsx 代碼的時候會在行尾自動添加分號,還會把單引號自動變成雙引號。對於我這種喜歡用單引號的就受不了了。 在 設置裏添加如下代碼即可解決問題。 "prettier.singleQu

原创 跟上俺,倆小時輕鬆搞定Vue Router

文章目錄前言起步....走繼續完善嵌套路由動態路由命名路由命名視圖路由組件傳參編程式導航導航守衛細節總結 前言 點進這篇文章的童鞋,俺默認你已經對 路由、前端路由等有了一定的瞭解,如果對路由還不太瞭解的童鞋,點我可以先去了解一下

原创 一步步快速掌握Vue組件間通信,看這篇文章就夠了!

在 Vue 中,每一個組件都是獨立的一個存在,如果需要組合使用這些組件,必然會將組件間的數據相互關聯在一起,這種就叫做組件間的通信。例如: 有兩個組件(A,B),在 B 組件中需要使用A 組件的數據,又或者在 A 組件中需要用到

原创 Express 獲取 POST請求參數爲undefined?【已解決】

在 express 中獲取 post 請求參數時會返回 {} 或者 undefined 問題原因: Express默認只支持json與x-www-form-urlencoded格式的數據. 解決辦法: 在請求中需要設置Con

原创 DOM元素尺寸和位置相關的屬性(clientWidth、offsetWidth、scrollWidth...)總結

初衷 由於DOM元素位置和大小的屬性這塊和鼠標事件的知識點容易混淆,所以需要單獨總結一下,又不想把截圖存到本地,所以就有了這篇文章。如果有什麼地方寫的不對,還請私信或留言給我扶正! 謝謝。 爲了方便演示,先寫一些基本的代碼 h

原创 鼠標事件MouseEvent對象的一些座標屬性總結

MouseEvent 接口指用戶與指針設備( 如鼠標 )交互時發生的事件。使用此接口的常見事件包括:click,dblclick,mouseup,mousedown。 MouseEvent 派生自 UIEvent,UIEve