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