原创 使用JS編寫常用功能

一。按鈕點擊顯示隱藏 簡化代碼: 二。上一頁下一頁切換 三。懸浮切換圖片 四。全選 五。上傳圖片驗證

原创 在雲服務器上部署nginx併成功訪問靜態網頁

一.登錄購買服務器網站,添加配置 二.配置白名單 三.遠程連接服務器 也可使用xshell 四.下載插件 1.修改文件插件包 yum install vim 2.安裝nginx包 yum install nginx -y

原创 瀏覽器無法訪問github問題的解決方法

一.無法訪問界面 二.找到hosts文件。地址:C:\Windows\System32\Drivers\etc 不能直接修改hosts文件,需要將文件複製粘貼到桌面(或其它地方) 三.查詢IP http://github.com.ipa

原创 MySQL8.0安裝詳細圖文過程詳細教程

一.在搜索引擎中輸入mysql進行查詢 二.進入官網下載 底部找到如下: 選中相應版本下載即可: 下載安裝包: 解壓後目錄如下: 三.編寫配置文件 在mysql解壓包路徑下創建配置文件: my.ini: mysqlData爲

原创 html頁面中引用公共代碼如導航欄底部信息

一.公共部分:css樣式 <style type="text/css"> /*pc端底部*/ .footer { box-sizing: border-box; width: 96%;

原创 使用jQuery插件實現消息資訊列表信息滾動

一.效果圖 二.使用流程 1.導入插件 2.引入插件到Html頁面 3.編寫屬性信息 插件後續安排上鍊接 三.HTML頁面 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional

原创 JS代碼實現(翻頁)頁面切換效果上一頁具體頁下一頁

一.效果圖 二.HTML頁 以下部分爲源碼 ,來源:https://blog.csdn.net/weixin_44189739/article/details/85342424 根據需求後修改如下: <!DOCTYPE html PU

原创 Vue中結合axios全局使用qs詳細說明

簡述qs 在Vue + elementui 的項目中,請求數據使用axios發送請求發現後端接收不到參數,需要把參數序列化。 Vue中提供了qs這個插件,可以進行數據序列化。 qs安裝依賴 根據實際情況選擇其中一種方式下載安裝即可 np

原创 創建Vue項目適合初學者的詳細教程

一.創建項目前先搭建環境 二.創建項目 1.新建文件夾: 例如: F:\TopsTest 2.根據模版創建新項目 打開cmd窗口,進入創建的文件夾目錄下,輸入如下命令 vue init webpack-simple 項目名稱(使用英文

原创 elementUI中動態編輯Tag 標籤點擊事件編輯替換原來的值

簡述 需求: 1.可新增標籤 2.刪除標籤 3.可編輯修改標籤 4.不允許重複 前提: 1.已搭建好vue項目 2.已下載好elementUI依賴 (如初學者請參考我的其他文章,隨手點個贊謝謝!) 實現效果如下 源碼 此代碼根據官方文檔進

原创 Css之去除滾動條|隱藏多餘內容顯示點點...

去除滾動條 overflow-x: hidden; overflow-y: overlay; 隱藏多餘內容顯示點點 如下內容過多在最後一行後顯示點點.... 解決方法 根據不同需求可以選擇合適的方法,在此提供三種。 1. css單行文

原创 Vue Router路由中 的$route.params和$route.query傳參的區別和使用示例

一.簡述 在實現頁面跳轉時,需要攜帶參數。在這裏使用的是vue 中的路由Vue Router,使用前先安裝依賴配置項目環境,具體操作參考windos環境安裝Vue及配置環境 二. $router和$route的區別 $router : 是

原创 Vue項目中使用elementUI之Pagination分頁組件的二次封裝複用

簡述 elementUI中的組件本身是已經經過封裝的便於開發,但是由於項目使用次數過多,爲了更簡便的統一使用將其進行封裝複用。 初學者可參考官方文檔 初學者可參考官方文檔學習簡單示例 封裝組件 子組件封裝分頁組件 Pagination.v

原创 Vuex狀態管理模式詳細說明及使用示例

簡述 Vuex 是一個專爲 Vue.js 應用程序開發的狀態管理模式。它採用集中式存儲管理應用的所有組件的狀態,並以相應的規則保證狀態以一種可預測的方式發生變化。 安裝依賴 方式一: CDN <script src="/path/to/

原创 vue項目使用elementUI中Tabs標籤頁點擊切換tab-click發起網絡請求數據

簡述 標籤頁請求,切換進去會請求該頁的數據 如果頁面一加載就請求出所有的數據,會造成數據堵塞,對性能有很大的影響 所以要在tabs標籤頁點擊切換 的時候發起相應的網絡請求,用到的是tab-click事件。 需求 1.渲染出頁面時默認顯示第