原创 css3屬性box-shadow

CSS3演示 https://www.html.cn/tool/css3Preview/Transform.html box-shadow https://www.jianshu.com/p/32deebd5afd2 語法 box

原创 消除按鈕的自定義樣式

border: none; // 消除自定義邊框 background-color: transparent; // 消除自定義背景顏色 outline: none; //消除自定義點擊藍色邊框效果

原创 關於line-height

參考網站: https://blog.csdn.net/a2013126370/article/details/82786681 一般默認的字體大小爲16px 使用line-height設置行高時,除去字體大小剩下的距離

原创 前端構建工具webpack

1.先刪除之前的webpack,webpack-cli,webpack-dev-server npm uninstall webpack \ webpack-dev-server \ webpack-cli npm uninsta

原创 清除浮動float (:after方法)

#:after方法。(注意:作用於浮動元素的父親) <div class="outer over-flow"> <div class="div1">1</div> <div class="div2">2</div> <div cl

原创 js鏈表操作

next指向下一個節點的地址 鏈表中的節點:每一個節點通常最少有兩個屬性,一個表示該節點的值,可以用val來表示,另外一個就是指向下一個節點的指針,可以用next表示。 function ListNode(val) {

原创 animation屬性之純css3實現曲線運動——貝塞爾曲線(cubic-bezier)

animation: name duration timing-function delay iteration-count direction fill-mode play-state; (關鍵幀名稱,持續時間,速度曲線,延遲

原创 Vue組件爲什麼要export default

Vue的模塊機制:Vue是通過webpack實現模塊化,因此可以使用import來引入模塊,例如: 此外,你還可以在 bulid/webpack.base.conf.js 文件中修改相關配置: 意思是,你的模塊可以省略 “.j

原创 textContent和innerText以及innerHTML的區別

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <

原创 axios 請求攔截及響應攔截

前端採用了axios來處理網絡請求,爲了避免在每次請求時都去判斷各種各樣的網絡情況,比如連接超時、服務器內部錯誤、權限不足等等不一而足,我對axios進行了簡單的封裝,這裏主要使用了axios中的攔截器功能。 // 請求攔截(配置

原创 VUE中演示v-for爲什麼要加key

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initia

原创 理解Vue中的nextTick

https://www.jianshu.com/p/a7550c0e164f <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="vie

原创 nuxt

爲什麼使用nuxt.js? 官網 https://zh.nuxtjs.org/guide/async-data vue單頁面應用渲染是從服務器獲取所需js,在客戶端將其解析生成html掛載於 id爲app的DOM元素上,這樣會存

原创 Vue與ref屬性與refs

https://www.cnblogs.com/xumqfaith/p/7743387.html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <me

原创 vue中.babelrc報unknown plugin錯誤

npm i [email protected] -save安裝制定版本號 首先看.bablerc的配置 當你執行npm run dev時有可能會報如下錯誤: 處理方法: 執行npm install babel-plugin-componen