原创 webpack 代理配置 開發環境以及生產環境配置
最近在使用webpack的時候踩了很多的坑，查詢了很多複製的文章，毫無營養沒有幫助，在此做一些自己的理解和整理，希望對碰到和我一樣情況的人有所幫助 先講一下代理是怎麼設置的 在webpack的文件夾config/index.js中，找到d
2018-11-04 10:46:59
原创 在vue-cli中使用axios請求 get與post
最近趕項目，沒什麼時間，目前抽出時間更新一下博客，在網上看到很多博客都是複製的，並不能解決問題，現在自己總結歸納了一些東西，在此做整理 因爲此項目使用的是webpack，以下的操作都是在webpack下進行的（webpack的安裝和使用就
2018-11-04 10:46:59
4
原创 JavaScript ES6新特性
一、默認參數 原來的書寫 var obj=function(name,age,color){ name=name||xiaoming; age=age||18 color=color||r
2018-09-03 21:31:13
原创 html、css、JavaScript整理理解
HTML 內容 理解 單雙標記 標籤屬性 塊 行 行內塊 display 標籤的根本屬性 結構化思維 3w+h What HTML w3c標準 (超文本標記語言) Why 優點、優勢 語義化 內容小 .... When 使用場景
2018-09-03 21:30:57
原创 導航欄上下滾動效果
以下爲HTML代碼<div class="banner"> <ul> <li style="background-color: pink"></li> <li style="background-c
2018-09-03 21:30:57
3
原创 實現鍵盤點擊操作頁面元素滑動
let div1=document.getElementsByTagName("div")[0]; //選取要操作的元素 let oTop=false,oLeft=false,oRight=false,oButton=fal
2018-09-03 21:30:56
原创 ajax兼容，同時輸出省份選擇(二級聯動)
運行結果如下圖單擊上圖的省份，下方打印省份html代碼如下圖<div id="province"></div> <div id="city"></div>css代碼如下圖*{ margin: 0; padding: 0;
2018-09-03 21:30:56
原创 ajax兼容ie低版本
//製作一個方法 function myajax(method,ajHtml,ajText,fn) { //創建一個新的對象用於存儲ajax let xhr=null; //判斷瀏覽器中有沒有XMLHttpRequ
2018-09-03 21:30:56
原创 簡易登錄以及註冊界面製作
以下爲登錄和註冊頁面的圖片登錄：註冊：先介紹登錄頁面以下爲登錄的html<input id="username" type="text" placeholder="請輸入用戶名"> <input id="password" type="p
2018-09-03 21:30:56
4
原创 圖片瀑布流佈局
具體效果如下圖html如下圖所示<div> <ul></ul> <ul></ul> <ul></ul> <ul></ul> <ul></ul> </div>css如下圖所示*{ margin
2018-09-03 21:30:56
原创 js實現同頁面簡易聊天框效果
如圖爲最後成品效果，下圖爲輸入效果同時實現了在輸入框中使用回車可以打印的效果具體js代碼如下圖let otext=document.getElementsByClassName("textInput"); //找到兩個輸入文
2018-09-03 21:30:56
原创 jq獲取上級、同級、下級元素
jQuery.parent(expr) 找父親節點，可以傳入expr進行過濾，比如$("span").parent()或者$("span").parent(".class") jQuery.parents(expr),類似於jQuery.
2018-09-03 21:30:55
原创 vue父子之間通信
父元素改變時，實時改變子元素，子元素通過按鈕改變父元素 實際效果圖如下： html: <!--父組件--> <div id="app"> <table border="1" cellpadding="0" cellspacin
2018-09-03 21:30:55
原创 vue編寫tab切換組件
主要介紹編譯思想 完成效果如下圖 單擊頁數實現跳轉 代碼如下圖所示 css: *{ margin: 0; padding: 0; } .t
2018-09-03 21:30:55
原创 圖片放大鏡效果
實現效果如下圖所示以下爲HTML代碼<div id="img1"> <img src="img/b7003af33a87e95053e42ae21c385343faf2b449.jpg"> <span></span> </
2018-09-03 21:30:55