原创 【jQuery】普通正則表達式校驗和validationEngine校驗
在實際的開發中，我們經常遇到的校驗莫非於非空校驗、數字校驗、電話校驗、郵箱校驗，在這裏我就以以上校驗作例子，其他的校驗網上一搜一大把。 其實使用正則表達式校驗是比較靈活的一種方式，首先介紹正則表達式校驗。下面我直接貼代碼了，有一點要注意的
2020-02-21 04:46:31
原创 【jQuery】保持this所指向的元素(以Ajax爲例說明)
有時候想要用this來一直指向當前所選取的元素，但出於其他原因，到最後可能很難使用this仍然無差錯地獲取到當前所選的元素。若想繼續保持this的指向，可以先用一個變量來存儲this當前所獲取到的元素，到後面再賦值使用。這麼表達可能還不太
2020-02-21 04:46:31
原创 【NodeJs】NodeJs中使用highstock
highstock是highcharts系列裏的其中一種圖表，使用圖表來表示數據是一種很好的途徑，既清晰又直觀。附官網鏈接： highcharts：http://www.highcharts.com/ hig
2020-02-21 04:46:31
原创 【HTML+CSS】教你切圖篇1-實現按鈕
最近實習一直在做前端切圖，也是一種需要繡花般耐心的活兒，在這裏總結一下一些基礎頁面元素的實現方式，後續陸續更新。首先我們遇到最多的可能是按鈕的切圖，按鈕可能有很多種外觀，但是一般可分爲純文字的和帶圖標的按鈕，下面就來說說這兩種按鈕
2020-02-21 04:46:31
原创 【jQuery】遮罩效果的實現
暑假的實習，本來不怎麼懂JavaScript的我，寫了挺多JavaScript或者是jQuery的一些小效果，現在記錄下來，方便以後查看。 遮罩效果一般用在數據處理需要一定時間，這段等待的時間不希望用戶去點擊按鈕或者是修改數據，那麼就會用
2020-02-21 04:46:31
原创 【Linux】ubuntu下安裝MySQL、Redis
接上篇博文安裝jdk和tomcat後，安裝MySQL和Redis。 安裝MySQL MySQL的安裝比較簡單，直接執行： sudo apt-get install mysql-server 安裝過程中會提示輸入數據庫的登入密碼，如果
2018-08-29 03:28:18
原创 【React】React實現手風琴效果
需求背景 效果圖： 由於不確定手風琴的個數，所以無法通過一個全局的state.hidden屬性統一設置。 有兩種解決方法： 1. 數組的方式 2. 建立索引值查找（本文所使用的方法） import React, {
2018-08-29 03:28:18
1
原创 【JSON】json與List的相互轉換
在前端： 1.如果json是List對象轉換的，可以直接遍歷json，讀取數據。 2.如果是需要把前端的List對象轉換爲json傳到後臺，param是ajax的參數，那麼轉換如下所示： var jsonS
2018-08-29 03:28:17
原创 【HTML+CSS】教你切圖篇5-星星評分純CSS實現
俗話說得好，前端切圖玩的就是心機，有時候多動腦子想一想，就能避免寫很多的js腳本，何樂而不爲，廢話少說，這次實現的的東西長下面這樣： 原材料也很簡單，就是兩張圖片，看看： 實現原理也是非常簡單滴，把灰色星星作爲背景，然後在上面疊加黃色
2018-08-29 03:28:17
1
原创 【HTML+CSS】教你切圖篇3-自定義單選、多選、下拉框的實現
大家都知道，默認的單選、多選、下拉控件樣式實在是醜哭了。下面小編介紹兩種實現單選、多選、下拉控件的樣式。首先來介紹第一種： 1.用CSS+HTML實現 這種實現方式是簡單，獲取數據方便，兼容主流瀏覽器，缺點就是IE8以及以下的瀏覽器都不兼
2018-08-29 03:28:17
原创 【Ajax】ajax上傳文件及進度條的實現
html5上傳是同步上傳的方式，所以能夠實現進度條的顯示。 1.上傳文件： 首先我們用ajax來取得<input type="file" id="file_upload">的file對象： var
2018-08-29 03:28:17
3
原创 【JS】使用原型對象封裝下拉框
前幾天面試一個前端妹紙，妹紙是應屆畢業生，樣式切圖等也還使得，提及JS腳本時就有些吃力了，問及jQuery優缺點時，竟來了一句大實話“很好呀，沒有缺點”。提及原型鏈和閉包等原生基礎知識，妹紙也是一臉爲難，其實這些看起來高（ting）大（b
2018-08-29 03:28:17
2
原创 【JS】IP大小端轉換&十進制數字轉換成IP
Part One：IP大小端轉換 IP是有大小端區分的，直接點說，大端和小端的差別是： 一般來說，IP轉換的時候，默認是大端模式。現在把IP轉換成小端的話，只要把它們的每一個位反轉就可以了：（注意紅線框住的地方） 這裏根據關鍵符號“.
2018-08-29 03:28:17
原创 【HTML+CSS】教你切圖篇4-iframe佈局、多列布局實現
iframe框架佈局； 項目中經常會使用到iframe，iframe雖然比較多毛病，也比較老了，但是有些項目還是需要，一般項目情況如下圖： 一般需求：讓iframe區域填充滿內容div區域，並且窗口大小改變時自適應。 以往的解決方
2018-08-29 03:28:17
4
原创 【CSS】背景圖套路一：用border-image做背景圖
未經允許，不得轉載。 需求背景：如何用css來製作這樣的一張優惠券？尤其是金棕色的齒輪部分：（設計稿寬高爲690px * 210px） 我想到的最直接快速的方法就是用background的URL來設置：直接把下面整個圖片作爲元素的背
2018-08-29 03:28:17