原创 頁面加載時，添加進度條，提高用戶體驗
這幾個月做了個項目，在此對一些問題做一個記錄。 項目是前後端分離的，前端用的 npm+webpack。 問題：由於系統某頁面數據量過大或網絡較差等原因，導致頁面還未完全加載出來，但按鈕已被加載時（js還未就緒），點擊按鈕會報錯。 根據系統
2020-06-14 22:31:16
原创 JQuery實現圖片輪播滾動效果
原理（參考網上資料）：設置一個定時器，使圖片列表在每隔一段時間後滾動一次。而循環效果，就是在每一滾動的時候，將第一張圖片放到最後一張的後面(for循環來控制圖片的換位操作)。 效果：圖片從右往左依次滑動 html（輪播內容從後臺接口讀取
2020-06-14 22:31:16
原创 js動態生成的DOM綁定事件失效的問題
事件委託原理：事件冒泡機制。優點：1. 可以大量節省內存佔用，減少事件註冊。比如ul 上代理所有li 的click 事件。2. 可以實現當新增子對象時，無需再對其事件進行綁定。對動態內容部分尤爲合適。缺點：如果把所有事件都用事件代理，可能
2020-06-14 22:31:16
4
原创 前端輪播圖
html（從項目中截的）: <div class="index-slide-ctt-left"> <div id="slide1" class="shadow-666"> <ul> <li
2020-02-20 17:42:10
原创 js 關係操作符、相等操作符
一、關係操作符【小於（<）、大於（>）、小於等於（<=）和大於等於（>=）】ECMAScript 中，當關系操作符的操作數使用了非數值時，也要進行數據轉換或完成某些奇怪的操作。以下就是相應的規則。 如果兩個操作數都是數值，則執行數值比較
2020-02-20 17:42:10
原创 網頁header固定不動+隱藏二級菜單欄
效果圖如下： 圖1 header初始狀態 圖2 鼠標移到“分類瀏覽”，出現二級菜單 圖3 鼠標移到右上角用戶頭像處，出現二級菜單 <!DOCTYPE html> <html> <head lang="en"> <m
2020-02-20 17:42:10
原创 前端模塊化
轉載：http://www.cnblogs.com/dolphinX/p/4381855.html 在JavaScript發展初期就是爲了實現簡單的頁面交互邏輯，寥寥數語即可；如今CPU、瀏覽器性能得到了極大的提升，很多頁面邏輯遷移到
2020-02-20 17:42:10
原创 IE9兼容placeholder
最近做項目發現IE9不支持placeholder屬性，故而做兼容，在此做一個記錄。 解決方案：先檢查瀏覽器是否支持placeholder屬性，如果支持，則不做處理；如果不支持，且placeholder有值的情況下，生成一個label標籤覆
2020-02-20 17:42:10
原创 軟鍵盤彈出影響webapp中固定定位的問題
最近用html做app時，在修改密碼頁面彈出的軟鍵盤將固定在頁面底部的按鈕頂上來了，導致佈局有一定的混亂。我查閱了相關資料解決此問題。這裏做一個記錄。 原因：某些安卓機下鍵盤彈起會引起窗口高度（html標籤的高度）變小，而fixed定位是
2020-02-20 17:42:10
原创 js獲取下一個月最後一天
思路：先獲取當前時間（年月日），再判斷當前月份的下一個月是多少天 。 注意：（1）js中 getMonth() 返回值是0（一月）到11（十二月）之間的一個整數； （2）當getMonth()返回的值是11（12月），則它的下一個月爲次
2020-02-20 17:42:10
原创 倒計時
倒計時 html <div class="activity-title" id="title"> <div class="time"> <div class="time-con"> <d
2020-02-20 17:42:10
原创 IE9中table出現空白單元格及td出現錯位的問題
問題描述：最近做的項目中，PC端頁面有大量的table。某些頁面的table列數較多（20列左右），在IE9瀏覽器中部分表格單元格分割線顯示不全，同時存在數據顯示錯位。如下圖所示：原因：經排查，發現是換行引起的，即<tr><td></td
2020-02-20 17:42:10
原创 src=' ' 致webpack打包報錯
今天同事遇到代碼打包報錯，從main.js -> js -> css -> html 排除錯誤。找了幾個小時後，將錯誤定位到圖1所示代碼：
2020-02-20 17:42:10
原创 jQuery實現消息勻速移動顯示
原理：不停地調用定時器，達到在很短的時間（最小執行時間 OSX:10ms,Windows:15ms）移動很短的距離（1px），即視覺上是勻速移動 效果：消息從右往左勻速移動 html（消息內容從後臺接口獲取然後添加到<ul></ul>中
2020-02-20 17:42:10
原创 jquery 實現DOM節點增刪+循環獲取表單值 示例
交互： 1.點擊“添加故障”：可添加多個故障，默認首次進入展示一條故障錄入框，添加上限不限；點擊“刪除故障”，可刪除最近一條故障，刪除至僅有一個故障後，“刪除故障”按鈕消失； 2.點擊“添加方案”：可添加多個方案，默認展示一個方案，添
2018-11-22 11:27:56