常用的JS方法

2021-08-20 11:43:35 字數 1117 閱讀 9594

這週寫了很多專案，也遇到了很多看似很簡單的問題，但是實際操作起來發現其實還是有點複雜的，當然也是一些常用的方法，掌握的話，以後也是會經常遇到。當然在此之前，自己也是去網上搜尋過，不過網上的東西都是比較雜亂，可能有的滿足不了專案的需求，我們可以在乙個基礎的方法上進行擴充套件，去達到自己的需求。

近期遇到的第乙個常用的方法就是關於table**固定表頭的問題，網上的方法非常多，有的也是非常的複雜，有的簡單但是卻滿足不了自己的專案，自己遇到的這個專案中，table裡面的thead和tbody，都是動態生成的，在載入以後，會出現乙個表頭，但是沒有身體部分，所以表頭都是縮小的表頭，從伺服器取到資料以後，身體部分出現，表頭也隨著展開。因為字段比較多，所以還出現了橫向的滾動條，因此使用fixed的定位，會導致只有表頭前幾個字段可以看見，後面拉動橫向滾動條的時候，表頭依然是固定不變的，這樣顯然達不到自己預想的效果。然後在網上搜到了乙個利用滾動事件進行固定的例子，一下子讓自己茅塞頓開，對上面的方法也是進行了自己的擴充套件，下面是**：

$(window).scroll(function());
這個主要就是利用了css3的平移變換的transform方法，讓表頭始終固定在頂部的位置，**也是非常的簡單，當然這個是基於window的滾動事件，如果是某個元素滾動，則在某個元素身上繫結滾動事件即可。另外乙個則是如何將json轉換成樹形結構，這個網上的**非常多，自己也是看了很多，一直沒有能明白其中的意思，後來也是將**寫一遍，並且log了很多次，才明白了原理，這裡也是詳細解釋一下這個**的意思。
自己看這段**的時候，開始始終無法理解pid的意思，嘗試了很多次，最後再知道pid就是指向父元素的id的意思，如果pid不存在的話，那就將這個物件放在最外層。當然轉換json的結構，也只是第一步，如何將json屬性結構去體現在dom上，自己也是嘗試寫過，但是抽象不出來方法，面對那些無限巢狀的情況，也是束手無策，網上看到的方法也是比較複雜，難以理解，如果有小夥伴知道，也可以和我分享最後最近寫**資料比較多，也是用到了很多增刪改查的方法，篩選的條件少的話，還好說，但是條件一旦多了，要判斷很多次，容易漏掉很多種情況，看到網上有說用物件導向的方法來解決，但是奈何自己能力有限，也是沒有能完全理解，近期也是會對增刪改查的問題繼續研究，明白的話，也是會放在部落格上和大家繼續分享。    

js工具 js常用方法,js常用判斷方法

function obj id 根據id得到物件 function val id 根據id得到物件的值 function trim str 刪除左邊和右邊空格 function ltrim str 刪除左邊空格 function rtrim str 刪除右邊空格 function isempty s...

js 常用方法

驗證數字，保留一位小數 function one ele a za z u4e00 u9fa5 驗證固定 和手機 function checkphone e 2 9 0 9 0 9 if e.value.match re 1 3 4 5 8 0 9 d test e.value else 驗證身份證...

js 常用方法

c c.substring 1,c.length 有的話，從第二位開始取 if c.indexof nameeq 0 return false 清除cookie function clearcookie name 設定cookie function setcookie name,value,seco...