原创 vue中的動畫使用
一、transition動畫 <transition name="fade">dom元素。。。</transition> .fade-enter .fade-enter-active .fade-leave-to .fade-l
原创 vue組件開發中的注意點
一、固定格式的坑 <ul><li></li></ul>因爲ES規範中ul下面只能放li,所以<ul><my-content></..></..>是會報錯的 修改:<li :is="my-content"> 二、關於$ref 在普通的dom
原创 vue項目記錄--項目準備與骨架搭建
一.開始一個項目 按照開發文檔安裝npm node 安裝webpack包 初始化項目 安裝包依賴 創建好項目目錄 還要安裝一下插件,fastclick babel-polyfill等等 二.此項目我採用sass 安裝 sass loa
原创 關於webpack 4.0+的基本使用
首先,我要譴責一下那些不負責的博主,連看能不能使用,會不會報錯就發上來,讓我們這些小白浪費了大量的時間! 開始進入正題... 一、我在我的F盤目錄下創建了一個文件夾,並且初始化 npm init -y 然後打開webpack-lea
原创 開啓我的CSDN之旅!
從今天起開始我的csdn之旅! 之前的自己一直採用傳統的記筆記和總結方式,從今天開始我要把自己每天的收穫寫在博客上了,因爲自己是個自學小白,所以技術性不強,主要還是總結自己的收穫,以後自己拿來回顧回顧,主要還是寫給自己
原创 元素的水平,垂直居中
逛了很多文章的總結,相當於一個大彙總,將我主要參考的人放在鏈接裏有大神顏海鏡和大神張鑫旭 一、先寫一下基礎的代碼 <!DOCTYPE html> <html lang="en"> <head> <meta charset="U
原创 將僞數組變成真數組
<script> window.onload = function(e){ //系統自帶的僞數組 var res = document.querySelectorAll("div");//假如html中有三個div
原创 git本地倉庫和github遠程倉庫相連接(包括在安裝中遇到的各種問題)
(首先聲明,不要看文章長就關閉,因爲我寫的很詳細很全面,傻瓜式操作)我在安裝的過程中,是按照網上的教程一步步來的,但是出了好多問題,問題分別出現在和好幾處,所以我總結了一下網上各步驟的問題,你們就不用一步步的去查去百度啦,分享給同樣初學的
原创 我對於js中apply()和call()和push()的理解
apply()和call()專門用於修改this。 先舉一個小例子: <script> function test(){ console.log(this); } window.test(); //打印的結果爲Window,說
原创 對於浮動和清除浮動的理解
首先,感謝廿四橋明月夜 我在他轉載的文章的基礎上自己做了總結和理解,雖然不知道原創是誰,但是灰常的感謝,幫助我們這些前端小白。 話不多說進入正題: 1.首先什麼是浮動:舉一個例子 <!DOCTYPE html> <html lang="
原创 hover使圖片翻轉,即屏幕上原本的圖片消失,新圖片翻轉出來
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>圖片翻轉</title> <style> .item{ position: re