原创 淺談vue原理(三)

  上一篇已經實現了發佈訂閱模式了,現在我們實現從model->view的數據綁定,也就是當data中的數據改變後,頁面上的數據也要跟着變化; 1.發佈訂閱代碼的實際應用   我們思考一下,怎麼把我們上一篇實現到的發佈訂閱模式用到我們的vu

原创 淺談vue原理(四)

  經過了前面這麼久,我們已經弄好了數據劫持,數據代理,還通過了發佈訂閱模式實現了data中數據變化,頁面上也會跟着變化;   現在還差點東西,就是當頁面上的數據變化的時候,data中的數據也能跟着變化,進而使得頁面的數據都刷新成最新數據,

原创 淺談vue原理(二)

  上篇說了一下vue中的數據劫持和數據代理,就是將data中的數據都添加set/get方法,這使得擴展性更好了,後續的會在這個set/get方法添加我們需要的邏輯;   現在我們說說怎麼才能夠使得data中的數據和html標籤中的內容綁定

原创 淺談vue原理(一)

  哎,不知道多久之前說的要說說vue原理的,後來就忘記了,嘿嘿,這次就來看看vue的大概原理吧!   看過我博客的人應該知道,我不是很喜歡用那種太專業的術語的,喜歡用小白都能看懂的話來說,所以可能有的地方表達的不是很專業,不要打我╮(╯_

原创 vue中路由嵌套的作用

vue中爲什麼要有路由嵌套啊,一般的路由不就行了嗎?我們可以看一個很簡單的例子,頁面效果是這樣的: html文件: <!DOCTYPE html> <html lang="en"> <head> <meta charset="U

原创 常用的學習網站和小工具

       分享一下自己常用的網站和一些小工具,都是免費的,不需要什麼花裏胡哨的操作,也爲了防止以後自己找不到,嘿嘿( ̄▽ ̄)ノ,像一些菜鳥教程,w3school,github這些太常用的就不說了;        當然,如果有小夥伴還有更

原创 windows使用谷歌瀏覽器白嫖上網

前提:本教程需要你的電腦本身安裝了谷歌瀏覽器!!! 怎麼白嫖上網,才能去外面到處查查資料呢?因爲有的東西用百度實在是拉誇,搜出來都是一大堆沒啥用的,而且想看的東西都處於404的狀態,╮( ̄▽ ̄")╭,心累!(這裏只介紹使用谷歌瀏覽器的方式)

原创 mysql入門必備

自己對mysql的一點理解吧,當然技術有限,就借鑑的一些大佬的文章,希望能幫助到大家!( ̄▽ ̄)ノ   1.什麼是mysql? mysql是關係型數據庫,比較常見的關係型數據庫有mysql/oracle/sql server/sqlite

原创 分享一款windows神器cmder

這個cmder的作用就是讓你的window系統的cmd可以向linux一樣使用使用命令,以及vim等,看這個大哥的教程,很容易 安裝完成之後,隨便在哪裏就可以鼠標右鍵,就可以看到這個東東   然後我們進去就可以像用linux一樣去使用了,

原创 切換npm源

 最開始使用npm下載的一些插件的話用的國外的源,下載速度比較慢,有幾種方式可以解決; 第一種 直接設置淘寶的源:npm config set registry http://registry.npm.taobao.org/ 然後使用npm

原创 谷歌瀏覽器查看gitee和github代碼的插件

  在查看github或者gitee代碼的時候,賊難受,有個免費可視化工具讓我們用起來更方便,點擊這裏,最後就是下面這樣的;         操作很簡單,只需要在dist中下載對應的壓縮包,我這裏用的是谷歌瀏覽器,打開谷歌瀏覽器的擴展程序

原创 easyexcel解析excel

  解析excel我們常用的應該就是poi了,這個比較坑,之前項目用過一下,這次我們使用一下阿里的easyexcel吧!easyexcel的使用很簡單,比較類似於最開始解析xml使用的SAX,就是每讀取文件一行,就直接進行處理,完全不需要文

原创 使用阿里雲的OSS保存圖片

  簡單說一下這個OSS幹啥用的,我們知道mysql這種關係型數據庫最好不要存長文本還有二進制數據,比如圖片,文件等,那麼這些文件和圖片放哪裏呢?   本篇說的就是放到阿里雲的OSS中去,然後數據庫中只存放對應的url,我們只需要拿着這個u

原创 vue下載excel模板並提交數據

  上一篇說了一下後端使用easyexcel處理excel然後進行入庫的,這一篇我們就使用vue調用後端的接口吧!這裏組件的話使用element的上傳組件,下面有兩種,我就用手動上傳這種方式:     最後的畫面如圖所示:    1.t

原创 vue使用組件實現圖片上傳

  文件上傳的話可以使用element組件,也可以使用第三方組件,我這裏使用的是ImageCropper和PanThumb   首先下載兩個文件夾:鏈接:https://pan.baidu.com/s/1BsE0VjoTj2p1jRpzvg