原创 整理 js 日期對象的詳細功能，使用 js 日期對象獲取具體日期、昨天、今天、明天、每月天數、時間戳等，以及常用的日期時間處理方法
在 javascript 中內置了一個 Date 對象，可用於實現一些日期和時間的操作。 本文整理 js 日期對象的詳細功能，使用 js 日期對象獲取具體日期、昨天、今天、明天、每月天數、時間戳等，以及常用的日期時間處理方法。 在前端可以通
2022-12-05 14:06:08
原创 vue3和vue2 的區別，vue3和vu2到底哪個好呢？
vue3 正式發佈有兩年多了，之前也做過一些學習和研究。vue3 發佈後給某培訓機構開發了一套vue3課程課件，自己也開源了一套基於vue3的後臺管理系統（因爲個人懶的原因，半年後才上傳到gitHub，且到目前爲止一直沒有更新過）。 附上網
2022-11-24 14:10:53
原创 Vue CLI 5 和 vite 創建 vue3.x 項目以及 Vue CLI 和 vite 的區別
這幾天進入 Vue CLI 官網，發現不能選擇 Vue CLI 的版本，也就是說查不到 vue-cli 4 以下版本的文檔。 如果此時電腦上安裝了 Vue CLI，那麼舊版安裝的 vue 項目很可能會構建失敗。於是我試着運行一些早期開源的
2021-10-26 13:49:05
原创 使用css3和javascript開發web拾色器實例
本實例中的web拾色器功能使用css3實現頁面效果，即在頁面上顯示的元素用css3樣式來實現的。再使用js生成拾色器顏色數據，並控制各元素的鼠標事件。當事件作爲反應時，獲取到對應的數據並顯示顏色值。 拾色器的html元素分爲三個部分，分別是
2021-03-23 13:54:20
原创 原生js日曆選擇器，學習js面向對象開發日曆插件
在web開發過程中經常會碰到需要選擇日期的功能，一般的操作都是在文本框點擊，然後彈出日曆選擇框，直接選擇日期就可以在文本框顯示選擇的日期。開發好之後給用戶使用是很方便，但如果每一個日曆選擇器都要臨時開發的話，會嚴重影響項目進度。所以網上有很
2021-03-23 13:54:20
原创 原生javascript開發計算器實例
計算器的主要作用是進行數字運算，開發一個計算器功能的web實例，有助於更好的掌握js基礎的數字運算能力。 本實例詳細分析一個js計算器的開發步驟，學習本教程時最好先具備一些基礎的js知識。 計算器包括顯示數字區域和按鍵區域兩大部分，先把計算
2021-03-22 18:35:32
原创 通過js正則表達式實例學習正則表達式基本語法
正則表達式又叫規則表達式，一般用來檢查字符串中是否有與規則相匹配的子串，達到可以對匹配的子串進行提取、刪除、替換等操作的目的。先了解有哪些方法可以使用正則對字符串來實現這些操作： RegExpObject.test(string)：檢查
2021-03-22 18:35:03
原创 js面向對象封裝級聯下拉菜單列表
本實例開發的級聯下拉菜單是根據已有json數據創建的DOM元素。點擊文本框後，顯示一級菜單。如果菜單中包含子菜單，菜單右側會有指示箭頭。點擊菜單之後，會再顯示下一級菜單，以此類推。當菜單下無子菜單時，選擇菜單後會在文本框中顯示。 打開後的級
2021-03-22 18:34:54
原创 原生js拖拽功能製作滑動條實例教程
拖拽屬於前端常見的功能，很多效果都會用到js的拖拽功能。滑動條的核心功能也就是使用js拖拽滑塊來修改位置。一個完整的滑動條包括 滑動條、滑動痕跡、滑塊、文本 等元素，先把html代碼寫出來，如下所示： <div class="bar_wr
2021-03-22 18:34:45
原创 通過模擬數據，使用js在前端實現模糊查詢下拉框功能實例教程
所謂模糊查詢就是通過關鍵字在數據中匹配到包含關鍵字的數據，而得出的查詢結果。本實例教程講解在前端文本框輸入關鍵字，顯示匹配的數據列表功能。 首先得準備一個文本框和顯示數據列表的div元素，html代碼如下所示： <div class="m
2021-03-22 18:34:36
原创 原生js使用面向對象的方法開發選項卡實例教程
本教程通過js面向對象的方法來封裝一個選項卡的實例，在實例中講解js的面向對象如何實現功能。 一般封裝好的選項卡程序，只需要一個div元素即可。其它元素都是通過json數據來生成，所以封裝好的選項卡實例，調用非常方便。先創建一個div元素，
2021-01-30 13:49:20
原创 前端基礎功能，原生js實現輪播圖實例教程
輪播圖是前端最基本、最常見的功能，不論web端還是移動端，大平臺還是小網站，大多在首頁都會放一個輪播圖效果。本教程講解怎麼實現一個簡單的輪播圖效果。學習本教程之前，讀者需要具備html和css技能，同時需要有簡單的javascript基礎。
2021-01-22 13:49:39
原创 原生js製作表單驗證，基本的表單驗證方法
表單驗證是web前端最常見的功能之一，也屬於前端開發的基本功。自己完成一個表單驗證的開發，也有助於加深對字符串處理和正則表達式的理解。 基本的表單驗證包括如：字母驗證、數字驗證、字母和數字驗證、漢字驗證、密碼驗證、日期驗證、手機驗證、郵箱驗
2021-01-21 13:49:18
原创 純原生javascript下拉框表單美化實例教程
html的表單有很強大的功能，在web早期的時候，表單是頁面向服務器發起通信的主要渠道。但有些表單元素的樣式沒辦法通過添加css樣式來達到滿意的效果，而且不同的瀏覽器之間設置的樣式還存在兼容問題，比如下拉框。 本實例通過創建div和li等元
2021-01-19 13:49:03
原创 原生javascript製作省市區三級聯動詳細教程
多級聯動下拉菜單是前端常見的效果，省市區三級聯動又屬於其中最典型的案例。多級聯動一般都是與數據相關聯的，根據數據來生成和修改聯動的下拉菜單。完成一個多級聯動效果，有助於增強對數據處理的能力。 本實例以省市區三級聯動爲例，來說明具體是如何使用
2021-01-18 13:49:04