原创 關於國際化I18n的實際項目中的運用

一、引入相關插件的js <!-- jQuery --> <script src="static/assets/jQuery/jquery-1.12.4.min.js"></script> <!--國際化--> <script src=

原创 關於無縫滾動問題案例

頁面中多處使用無縫滾動效果的時候,爲方便調用一般都會寫一個函數多次調用;項目中在調試的時候遇到一些問題,最終解決了,把代碼記錄下來方便下次查詢:<!DOCTYPE html> <html> <head lang="en"> <me

原创 同一個頁面使用webuploader實現多實例多上傳案例

項目上遇到一個需求,要實現一個頁面有多個上傳圖片入口,我們使用的是webuploader上傳組件;研究了一下終於弄好了這個功能,主要是動態獲取上傳按鈕id和需要展現縮略圖的元素id獲取元素;保存供以後需要的時候直接用:1:首先引入所需要的

原创 針對表格操作,包括複製表格行,添加表格行,鍵盤上下左右鍵進行表格上每個td的上下左右切換;支持火狐 谷歌 ie等瀏覽器

最近項目中需要針對表格添加複製行,而且要求上下左右鍵盤操作表格,並且表格每一列都有一個搜索按鈕,當鼠標輸入內容時實時搜索,在下拉的搜索內容中還可以用鍵盤進行上下選擇內容填入相應input中所以我研究了一下 寫出了下面的效果,僅此借鑑給你們

原创 平時收集的前端兼容問題大集合

整理了一下我平時工作中遇到的前端兼容問題:瀏覽器兼容問題一:不同瀏覽器的標籤默認的外補丁和內補丁不同問題症狀:隨便寫幾個標籤,不加樣式控制的情況下,各自的margin 和padding差異較大。碰到頻率:100%解決方案:CSS裏   *

原创 運用sortable.js開發一個可以拖拽tab和tab內容,以及互換tab裏面的內容的效果

描述:運用sortable.js開發一個可以拖拽tab和tab內容,以及互換tab裏面的內容的效果tab之間可以拖拽;每單個tab裏面的內容可以拖拽換位置;tab之間的內容可以拖拽(第一個tab裏面的某個內容拖拽到其他的tab裏面)引入文

原创 web前端面試常見題型整理

1.Doctype?嚴格模式與混雜模式-如何觸發這兩種模式區分它們有何意義? 第一種回答:用於聲明文檔使用那種規範(html/Xhtml)一般爲嚴格過度基於框架的html文檔加入XMl聲明可觸發,解析方式更改爲IE5.5 擁有IE5.5

原创 文本豎着排列樣式

writing-mode: tb-rl;-webkit-writing-mode: vertical-rl;layout-flow: vertical-ideographic;width:**;height