原创 js插件--基於原生js寫的autoComplete插件

1、目的 一直以來公司也有提關於下拉選項過多的時候,希望輸入關鍵詞,可以搜索內容的需求,但是之前項目太趕,所以也就沒有來得及做,最近因爲希望用原生js寫一些內容,所以插件是採用了原生js寫的 2、思路 第一步:fnInit實現初始化一些字

原创 js 限制輸入框的字節數,中文兩個字節,英文字母一個字節

也許在網上有很多類似的文章,但是這裏大家應該知道,js裏面,中文和字母的長度都是1,但是數據庫不知道呀,數據庫很多都是按照字節來的,所以,控制輸入框的字節數看來比長度限制更爲重要。 提出問題: 1、限制文本框爲16個字節,只能輸入中文和字

原创 float對div寬度的影響

大部分時間,大家可能在重構的時候,都是先限制了div的寬度了的,但是很多時候沒有必要這樣做,利用float就可以很好的解決這個問題: 1.div寬度 默認情況下,div的寬度是自適應auto的,在沒有設置float的情況下,寬度是自動調整

原创 Javascript插件--飄窗

由於客戶有這麼一個需要再網頁中嵌套一個飄窗,然後點擊的時候可以鏈接到指定網站的這麼一個需求,其實網上有很多類似的插件,js、jquery都能找到很多,後來想了一下,還是決定自己寫一個,熟悉一下,其實寫任何插件都應該先理清楚自己的需求,然後

原创 mysql計算兩個日期間實效|參數傳入每天上班時間,並剔除週末

項目中遇到需求就是,需要統計案子進入我們項目的時間,然後我們完成回傳給對方的時間,會設置一個實效 所以借用mysql的存儲過程計算出一個項目是否超時: # 查詢時間段內的實效函數(剔除週末與非工作時間) # 參數解釋 # _st: 開始

原创 java 導出excel亂碼 (swagger下亂碼)

利用HSSFWorkbook下載excel,有亂碼,主要還是swagger造成的,添加headers之後可以解決: 添加headers之前swagger 添加headers之後swagger 具體的添加方式,在導出方法的Reauest

原创 css中合理的使用nth-child實現佈局

寫這篇文章的目的,主要是今天要實現一個佈局:li,每行三個,總數不定,只能相鄰的li之間需要10px的間距,效果如下圖: 大家可以先自己實現一下,我這裏也是思考了很久,最後整理了思緒,發現先給每個li添加margin-right:10p

原创 前端性能優化--如何讓用戶體驗快速刪除dom節點

0、今天我們要解決什麼問題 在我們網頁開發的過程中,難免會遇到,用戶會在頁面刪除一些信息的過程,如:多少行記錄,以及一些會話什麼的,今天我在這裏以10000個dom節點的刪除做示例 1、爲什麼會有這樣的問題出現 今天早上起牀刪除qq好友的

原创 javascript中Map代替循環

申請csdn已經很長一段時間了,之前陸續也有在博客園寫博客,下載發現csdn方便了很多,特別是有手機app,給學習帶來了很大的便利,這裏寫一篇map給我們的js編程帶來的好處及便利: 1.Map能幹什麼 map可以實現for循環的功能:

原创 前端性能優化--合理使用CSS Sprites和內聯圖片

在開發前端的過程中,作爲一個前端工程師,可能不僅僅是做出一個頁面,而絲毫不考慮頁面的訪問速度也是不現實的,我在做過一些頁面之後,發現有時候性能確實不太理想,以至於自己都看不過去,接下來,我會從我的理解,從一些基本的方面來對前端頁面進行優化

原创 前端性能優化--合併壓縮js,減少http請求次數

在我之前寫的性能優化中,推薦大家使用雪碧圖,壓縮圖片大小是一個方面,還有一個比較重要的方面就是,將圖片放到一起了,降低了http的請求次數。今天這裏我主要介紹大家在網站發佈的時候,可以利用一些在線的合併工具,或者現在的grunt和glup

原创 前端性能優化--能用css的地方儘量不要用js

在寫這篇文字的時候,本來沒有打算歸類到前端性能優化的範疇,只是想寫一些關於有的地方我們可以利用css代替js實現網頁動態的效果,比較常見的有導航欄,提示信息等,很多時候我們會利用js實現,比如鼠標移動到父級li上,我們希望子級顯示菜單,我

原创 Javascript設計模式之觀察者模式

之前在博客園寫了一些博客,大家也可以自己去看一下(博客園設計模式),這兩天看了一下觀察者模式,寫一下自己的總結。 1.什麼是觀察者模式 觀察者模式有時也稱爲發佈--訂閱模式,在觀察者模式中,有一個觀察者可以管理所有的目標,等到有狀態發生

原创 前端性能優化--延遲加載js、css、圖片等組件

上一張講了關於圖標使用雪碧圖或者內聯圖片可以提升性能,但是在工作和開發中我們可能還是會遇到,一個界面加載很多js、css、大的背景圖片的時候,這裏我給大家提供一種思路,延遲加載,意思就是說,頁面一開始加載的時候,你可以將一些需要的文件加載

原创 calc在佈局中的使用

css3中增加了calc會計算的屬性,那麼我們也可以在我們的佈局中合理的使用,這裏我先拋出一個問題,大家可以思考一下,左右留20px的邊距,中間的距