原创 修改input placeholder樣式
本文介紹瞭如何修改input placeholder默認的樣式 有時需要修改placeholder的文字顏色，需要用使用 input::-webkit-input-placeholder 選中，然後進行樣式設置 以下是多端兼容的寫
2020-06-14 05:43:16
原创 jQuery實時統計輸入框字數及限制的方法
項目中經常會用到文本輸入框，而且需要限制輸入的字數。 下面分享一個 jQuery 實時統計輸入框輸入字數及限制輸入字數的方法，代碼如下： HTML：簡單的寫一下，能實現功能即可。 <!DOCTYPE html> <html lan
2020-06-14 05:43:16
原创 rem+媒體查詢實現web移動端適配
在css中引入以下代碼 @media (min-width: 240px) { html { font-size: 32px; } } @media (min-width: 320px) {
2020-06-14 05:43:16
原创 css滾動條樣式修改
/*滾動條樣式*/ *::-webkit-scrollbar { /*滾動條整體樣式*/ width:4px; /*高寬分別對應橫豎滾動條的尺寸*/ height:4px; } *::-webkit-scro
2020-06-14 05:43:16
原创 JavaScript評論敏感詞過濾
有時候用戶在輸入框輸入字數進行評論時，爲了安全起見，一般在開發時，會過濾用戶輸入的一些敏感詞。 通過例子來實現過濾敏感詞彙 <textarea rows='7' cols='20'></textarea><br /> <i
2020-06-14 05:43:16
原创 前端常用的工具方法（二）
//13.是否是微信瀏覽器 function isWeiXin() { var ua = navigator.userAgent.toLowerCase(); ret
2020-06-08 11:22:56
1
原创 JavaScript編寫答題評分功能頁面
效果圖 直接上代碼 HTML部分 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" con
2020-06-08 11:22:56
1
原创 前端常用的工具方法（一）
//1.判斷是否爲郵箱 function isEmail(email) { return /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((.[a-zA-Z0-9_-
2020-06-08 11:22:56
原创 JS數組的方法總結
//some()方法 此方法檢查數組至少有一個元素是否滿足參數函數檢查的條件 var array1 = [2, 5, 8, 1, 4]; var result1 = array1.some(func
2020-06-08 11:22:56
原创 前端常用的工具方法（三）
//23.將阿拉伯數字翻譯成中文的大寫數字 function numberToChinese(num) { var AA = new Array("零", "一", "二", "三", "四
2020-06-08 11:22:56
原创 grid佈局+JS實現電腦虛擬鍵盤打字測試
這篇blog主要是結合前面兩個知識點。 實現的效果如下： 具體代碼如下： Html部分： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">
2020-06-08 11:22:46
原创 原生JS實現簡單的打字測試
需求：實現以下的功能 1.有三個小方塊，分別用來當前輸入的錯誤數量、打字的時間和當前的正確率。 2.下方是用來顯示測試句子的容器。 3.最後是輸入框 具體思路： 點擊輸入文本區域時，開始測試，會根據用戶輸入來統計當前的錯誤數和正
2020-06-08 11:22:46
原创 前端成語點擊驗證
首先先看看效果圖吧 需求分析： 1.隨機生成成語，成語的位置隨機分佈，並渲染在頁面上。 2.點擊文字的有效區域，依次點擊，並將點擊的文字依次保存在數組中，然後和之前生成的成語進行比較，如果相等，則驗證成功，否則驗證失敗，重新刷新
2020-06-08 11:22:46
原创 JavaScript實現將數字轉換爲數字數組
function numToArray(num){ var str = num + ""; var resultArr = []; for(var i = 0; i
2020-06-08 11:22:35
原创 Html移動端紅包雨功能頁面實現
實習的效果如下： 具體代碼如下 html部分： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewpo
2020-06-08 11:22:35