原创 bootstrap-table 常用總結-樹形結構

  關於樹形結構,上篇文章如果還是不能理解的話,請看這一篇。把其他的沒有用到的功能都去掉,只留最基礎的樹形結構!   廢話不多說,直接上代碼!所有的數據都是走的本地,如果大家想改的話可以自己改,但是需要注意的是,pid也就查找的父元素的字

原创 bootstrap-table 常用總結-1

  兩種表格工具,今天都用到了,一種是我前幾篇寫到過的jqgrid,(傳送門)另一個就是bootstrap-table了。用過之後會發現,兩種表格的方式大同小異,但是爲什麼這次要換成bootstrap-table呢,是因爲我們在寫樹形結構,

原创 前端下載圖片

  最近的項目有個需求,就是點擊按鈕下載一個圖片。這種下載的做過很多次了,下載過Excel,word,PDF,TXT等等,都是後臺給一個鏈接地址,然後直接打開這個鏈接地址,瀏覽器就開始下載了。圖片的話,我也是這麼做的,沒有問題,瀏覽器能正常

原创 swiper 輪播中常用的效果,持續更新

  swiper一款非常好用的輪播插件,支持移動端和PC端,用過很多次了,這次簡單的總結一下。方便以後查找使用,說明一下,下面的例子是基於swiper 4.0+版本的,如果你是其他的版本,請自行前往官網查看 至於爲什麼使用swiper,而不

原创 常用的時間函數整理

  這次的項目中,有很多用到了時間函數,報錯直接獲取本月的開始日期,結束如期。本週的開始時間,結束時間等。這裏簡單的記錄一下,方便下次引用。時間格式大家可以自行修改,例子中都是格式化成爲了2019-07-01 15:55:00這樣的格式。

原创 拼接字符轉的轉義

  在程序中經常會寫到字符串的拼接,最常見的一中方式就是把拼接的字符串返回到頁面上,然後讓瀏覽器渲染成html代碼。 現在es6已經用的不少了,但是因爲一些原因,有的項目只能用最原始的加號“+”拼接,所以就會出現一種情況;請看下面的代碼:

原创 MD5 二進制格式

今天靠大佬的幫助,成功的解決了一個弄了好久的問題。起因就是我們要對一個手機號進行加密。   加密方式是把一個字符串進行MD5加密之後,得到原始 16 字符二進制格式。然後把得到的這個字符作爲AES的key對手機號加密,最後得到這結果。 最奇

原创 jqgrid three 樹形結構

  最近我們的表格中,需要更改數據的顯示方式,就是jqgrid中以樹形的方式顯示。請先看圖:      就是簡單的這種從屬方式。但是因爲這個沒有找到官方的文檔(後來找到了,但是發現是翻譯過來的,也不是很清楚),所以做出來稍微的有點困難,好在

原创 No Transport ,Network中看不到ajax請求

  今天在調試一個後臺的接口的時候,突然發現在network中找不到我發送的請求,也就是說,ajax沒有在瀏覽器的network中沒有顯示。。。。。第一次遇見這樣的情況,很苦惱,然後使用ajax中的error函數,看到了下面的打印數據。

原创 jqgrid postData post方式累加參數,緩存了原來的數據

  今天做項目的時候發現一個問題,我們有一個篩選項,一個是VIP用戶,一個是普通用戶,還有一個是全部用戶,首先看下我們的selection <select name="" id="user_type"> <option valu

原创 關於ios的光標和鍵盤迴彈問題

  最近再做項目的時候(移動端),遇到了兩個小問題,一個是ios端鍵盤不回彈的問題(微信瀏覽器),另一個是ios輸入光標位置問題。首先看第二個問題:   就是點擊一個按鈕,要把輸入框裏面原來的內容加上一些固定的內容,然後一起輸出到輸入框。本

原创 AES加密

  最近做的一個項目,需要對傳輸的參數進行aes加密,所以就順便的瞭解了一下,因爲這種東西,肯定都是有寫好的,現成的,所有這裏就簡單的記錄一下,方便以後自己和大家查找。 首先附上百度的關於AES的百度百科鏈接,如果覺得看的不是很明白的話,這

原创 文件進行MD5計算

1 <!DOCTYPE html> 2 <html> 3 4 <head> 5 <meta charset="UTF-8"> 6 <title></title> 7

原创 jqGrid 常用 總結 -2

  這次的總結是針對於一次bug,先說下我們遇到的問題,就是後臺人員告訴我們添加數據到100條數據的時候,101條就看不到,當時我覺得就是沒有分頁的原因,所以我就以爲在jqgrid中設置一個loadonce就行了。這樣設置之後,確實可以翻頁

原创 js防抖和節流

  今天在網上看到的,裏面的內容非常多。說下我自己的理解。   所謂的防抖就是利用延時器來使你的最後一次操作執行。而節流是利用時間差的辦法,每一段時間執行一次。下面是我的代碼: 這段代碼是右側的小滑塊跟隨頁面一起滑動。 1 <!DOCT