原创 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