前端開發代碼

前端開發代碼分享優秀的jquery代碼,html代碼,css代碼等前端開發技術

以前我也寫過一個這樣子的滑塊,不過使用的是JQuery封裝的,兼容性比較好,同時兼容手機手指滑動,以后再分享給你們。今天來看看這個原生的JS滑塊是怎么寫的吧。

這篇文章介紹了一些特性,在我看來,一個嚴肅的 JavaScript 開發者每天都多多少少會用到這些特性。

本文分享11個在日常教程中不常被提及的JavaScript小技巧,他們往往在我們的日常工作中經常出現,但是又很容易被忽略。

如今框架橫行,但原生JS學習反而變少了,框架雖然方便了,但掌握原生JS才是最基礎的,本文分享了一些提供工作效率的原生JS方法,希望對你有所幫助。

通過本節內容,我們講可以了解到什么是AST,AST的語法和詞法分析,AST能做什么,以及AST的解析流程等,希望對你有所幫助。

最近在做一個產品,需要微信掃描條形碼然后跳轉到對應的產品信息頁,其實微信小程序就有一個掃碼識別的API:wx.scanCode,下面一起來看看

本文作者為我們簡要的分析了10個Vue的開發技巧,包括路由參數解耦、函數式組件、樣式穿透、組件相關等知識,希望對你有所幫助。

我們在構建頁面過程中一般會把用的比較多的公共的部分抽取出來作為一個單獨的組件,但是在實際使用這個組件的時候卻又不能完全的滿足需求,我希望在這個組件中添加一點東西,這時候我們就需要用到插槽來分發內容。

看標題大家不難猜到我今天要實現的功能,正如你打開我的博客文章,在正文下面看到的按鈕,點擊展開全文。

本文分享了使用jquery移除前面通過onclick綁定的元素的事件,然后重新綁定別的函數來執行onclick事件。

30 seconds of css是跟30 seconds of code 類似的項目,翻譯中文版已經很久了,今天列舉幾個自己覺得比較有用的片段,使用CSS3實現某些前端效果,還是挺炫酷的。

寫js的時候,如果想獲取到子元素的element節點,最好使用children方法,childNodes方法以及firstChild方法在現代瀏覽器中使用,都會把元素標簽中的空白節點檢測出來。

前端開發制作中有需要需要等到頁面中的圖片加載完畢后才執行某些事件,而使用jquery的load事件只是dom執行完畢,圖片未必加載完成,如果要判斷圖片加載完畢,需要在圖片標簽上判斷。

最近使用了ES6的一些特性,然后因為要兼容IE瀏覽器,比如promise和fetch等,我引入了一個polyfill.js,然后我使用特性來檢測IE瀏覽器的版本。但由于polyfill.js修復了IE的這些缺陷特性,使得我無法得到正確的IE版本。本文分享另外兩種檢測IE瀏覽器的代碼。

jQuery有沒有獲取圖片實際尺寸的方法?本文給出一個使用JQuery兼容的方式,從而獲取圖片文件的實際尺寸,而不是添加了css樣式之后的尺寸。

前端保存頁面為圖片,最常見的方案都是利用html2canvas來生成圖片,同時利用HTML5的新屬性download來點擊保存到本地,來看看這些地方前端做會有什么坑?

前端很多項目中,都有文件下載的需求,特別是JS生成文件內容,然后讓瀏覽器執行下載操作(例如在線圖片編輯、在線代碼編輯、iPresst等)。HTML5中給a標簽增加了一個download屬性,只要有這個屬性,點擊這個鏈接時瀏覽器就不在打開鏈接指向的文件,而是改為下載(目前只有chrome、firefox和opera支持)。

看別人的js代碼,現在很多代碼都是壓縮過后的,讀起來很費勁,本文推薦一篇詳解UglifyJS壓縮代碼過后的簡寫方式,理解它的壓縮原理,就可以很方便的還原出代碼的原來作用。

在使用CSS3動畫中,會有需要監聽動畫是否已經結束并對事件進行處理,最好的方法就是使用animationend。我們通過JavaScript來監聽動畫的開始、進行和結束,這樣子方便我們隨時控制運動中的元素。

CSS3 transform里面有一個屬性transform-origin,該屬性可以改變元素的原點位置,之前的一篇文章:CSS揭秘之沿著環形路徑運動的動畫,正是巧妙的運用了原點位置,從而實現了圍繞圓心運動。transform-origin里面的百分比沒有詳細了解是以什么為標準的。今天看看這篇文章詳細了介紹了這個值跟left、right、top、bottom之間的關系。

使用flexbox,很多布局問題都可以解決,今天分享一個所有子元素居中對齊的樣式。

涉及到居中的樣式CSS主要是align-items:center;

需求是需要中間的某個塊不要占全部,而是自適應子元素內容擴展。

本文分享幾種通用的前端開發中圖片垂直水平居中對齊的做法,大部分適用在高級瀏覽器,可以應用在移動端,有絕對定位、flexbox、table-cell和增加一個空白標簽。

首頁  上一頁  1 2 3 4 5 6 7 8 下一頁  尾頁