原创 後裝業務管理平臺項目總結

通過id、parentId建立樹形結構 後臺傳輸的json數據,這裏爲了不影響閱讀,刪除掉了不必要的部分 數據格式 { "httpCode": 200, "code": 200, "message": "操作成功",

原创 淺談前端路由

路由的概念起源於網絡工程,例如我們日常中的路由器,所謂前端路由的概念簡單歸納就是前端可以自己根據不同url地址來展示不同的內容 在Ajax出現之前,都是使用後端路由來控制頁面的渲染,服務器在接收到不同的url地址後,服務器通過解析url去拼

原创 JavaScript通信之Ajax

表單提交 在HTML中提供了表單提交的功能,我們可以通過表單把數據從前臺提交到後臺,通過設置submit事件,可以爲按鈕或其它元素同樣可以觸發表單提交的事件 <body> <form id="user" action="02.php"

原创 CSS實用技巧

浮動元素不換行 做豆瓣的時候模仿豆瓣的正在熱映的列表做的一個樣式,效果及代碼如下 .item-lists { overflow-x: auto; white-space: nowrap; font-size: 0;

原创 解決圖片防盜鏈的問題

在頁面中添加meta標籤 <meta name="referrer" content="never"> referer在http中表示請求地址來源,一般網站後臺在設置圖片防盜鏈時就是通過判斷http請求頭中的referer來判斷該條請求是否

原创 vue-cli 3.0 使用

安裝 如果想要使用vue cli 3.0 首先需要全局安裝,前提要求Node.js版本必須是8.0及以上 npm install -g @vue/cli vue cli 3.0默認會覆蓋vue cli 2.0 ,如果想要在使用3.0版本的時

原创 響應式佈局方案

說到響應式佈局方案,我們首先需要了解視口這個概念 視口 在早期的時候我們沒有專門針對手機尺寸寫的頁面,所以在用手機瀏覽頁面的時候我們看到的都是專門針對PC端的頁面,在這種情況下頁面會被嚴重壓縮,而且會極大的影響頁面的結構和佈局,爲了解決這個

原创 flex佈局

flex佈局也叫彈性盒子,是由W3C提出的一種新的佈局方式,目前兼容IE10+以上的瀏覽器,任何一個盒子包括行內元素都可以指定爲Flex佈局,只需要在它的父元素設置display:flex;即可 .box{ display:flex;