原创 vue使用prerender預渲染配合vue-meta實現單頁面實現SEO優化

公司項目在已在開發完成的情況下通知需要做SEO優化。因爲項目使用的是vue做的單頁面應用,頓時人都不好了,只好網上搜羅出來一些配置(其實是另一個帶我的老大哥他做的,但是他要走了,工作交接給我, 我需要掌握,所以也算是偷來一門技藝

原创 記vue父子組件傳值報錯的一次事件

上週五(3.27)做公司項目時,遇到一個有意思的問題,雖然解決很好解決,但是今天上午(3.30)才把整個流程梳理通暢,所以記錄下來,應該是個有意思的知識點(PS:其實不是我自己解決的,全程是我請教我們組的另一位大佬幫我答惑解疑的,

原创 小白開始學習react,對於低於個react項目的相關配置(含webpack.config.js、less-loader支持、端口號以及關閉啓動自動打開瀏覽器等配置)

react基礎教程看了第N遍,始終還是應該上手練練。這不,剛開始第一個項目就倒騰了半天!寫篇博客記錄一下。 首先,創建一個react項目:create-react-app project-name 項目創建好了之後會自動安裝依賴

原创 CSS3-transform實現鼠標hover的動畫特效

先上效果圖: 我是偷師學來的! 介紹一下背景,公司裏我所在的那個組的前端組長是個大佬,之前我做的項目因爲有其他調動交給他了,然後閒暇時間我就拉了他更改之後的代碼看看,畢竟之後總會接手代碼的嘛!然後我看頁面的時候就發現了這個效果!

原创 更新一種對象深度拷貝的方法

一直在爲之前看到過的對象深度拷貝代碼之複雜而憂桑,我這種腦容量,怎麼取記住嘛!而且方法又都不是常用的,能不能簡單明瞭一點!今天,有人告訴我了一個簡單明瞭的方法,下面演示: 首先,我來定義一個對象obj1: let obj1 =

原创 我終於邁出了第一步——vue組件封裝(分離)

大家都知道用vue開發對程序員來說非常棒啦!當然,其實只是因爲是現在的主流而已。 當然,對小白我來說,只覺得數據雙向綁定有用而已,哈哈哈哈哈! 最近,小白我終於,又上了一個臺階,那就是!終於肯封裝組件啦!(注意是肯不是會,因爲懶,

原创 關於ajax數組數據類型傳輸

emmmm,以前一直以爲傳輸中是不能直接傳輸整個數組的,但是,以爲就是以爲啊!還是太年輕了!果然實踐是檢驗真理的唯一標準! 我寫了個小demo(根本算不上demo)測試ajax傳輸數組數據給後臺: 前端環境: emmmm,最簡單的ht

原创 數組的拷貝for循環與slice性能對比

在工作中用到數組拷貝的時候,經常需要生成一個新的數組,與原數組互不相干,以前一直用的for循環 (其實for循環只能拷貝簡單的非對象數組而已,如果數組裏面有數組或對象也不行,只是本篇不討論對象深淺拷貝的問題),覺得寫起來很麻煩,偶然情

原创 對象深度拷貝

每次記住都忘記了,原來用的不多,二來對這些東西其實我不怎麼關注的,所以纔會記不住,但是每次都要找很長時間的資料,又理解很久,還要自己做測試知道看懂爲止,也是很麻煩了,所以我就記錄一下好了 上代碼: 此部分爲我的測試部分 一個奇怪的現

原创 vue中頁面跳轉控制(登錄控制meta)

用vue做商城,需要做登錄控制,只需在全局配置即可 1.在路由中,在需要做登錄控制的路由中添加代碼: meta: { isLogin: true } meta中添加一個isLogin標誌,它的檢驗標誌爲需要檢驗, 2.在全局(main

原创 vue配置全局訪問路徑頭(axios)

在vue中用axios發送請求的時候總是: axios.get(“http://localhost:3000/xxx/xxx”,{params:{xx:xxx}}).then(res=>{}).catch(error=>{}) 配置全

原创 html使用ajax實現文件分片上傳

在實用中,經常有上傳文件的操作,但是上傳的文件有時會很大,所以需要將文件分片,然後一片一片上傳到後臺。 其實前端寫法跟普通的文件上傳沒有區別,只是需要把文件切割一下就好了。 下面是一個例子: 代碼 結果: js部分: 獲取文件後

原创 nodeJs(express)文件上傳配置

用node作爲服務器端,在需要上傳文件到後臺時,後臺需要相應配置 簡單配置如下: 1、安裝multer依賴:npm install multer --save 渣渣前臺的渣渣後臺技術有限,不是自己配置的node服務器,使用的是webs

原创 vue中router-link傳參(商品從列表頁到具體詳情頁跳轉)

今天用vue做商品詳情頁的時候遇到一個問題: 在主頁有商品列表,點擊某一個列表跳轉到相應商品的詳情頁中去, 使用router-link鏈接,代碼如下 < div v-for=“item in goods”> < router-link

原创 html+css實現自定義圖片上傳按鈕

普通的input[type=‘file’]的效果很樸素 可以自定義一個file選擇文件的按鈕: 思路爲: 用定位將自定義的按鈕遮住原來的選擇文件按鈕, 再讓點擊自定義按鈕時觸發原來的選擇文件按鈕的事件即可 (對此,label可實現