原创 better-scroll內容撐不起來時,下拉刷新無效

                                先看上面的官網文檔,當你內容過少,撐不起來時,就不會滾動了,所以要設置content的高度要比wapper大一點,我一般多個1像素,如果百分比的話就多0.5%就好了,親測有

原创 閉包 匿名函數的調用 鏈式作用域 預解析機制

進入主體前先理解一點小知識(js中最常見的兩個關鍵字(自行了解):var function): 1,全局變量:下面例子中和c都是全局變量 <script> var a=10; function fn(){

原创 提高網站(web應用)訪問速度的幾點建議(前端)

一、儘可能的減小網頁的體積,如:不要使用太大的Flash動 畫、圖片等資源,去除重複的、無用的、冗餘的css樣式js代碼,去除註釋等等。 二、動態頁面靜態化,如果不是必需的那麼儘量使用靜態的html頁面代替jsp等動態頁面,可以分離jsp

原创 最簡單清晰的純css實現的單選框radio複選框checkbox自定義樣式

先上效果圖: demo下載鏈接: http://download.csdn.net/download/vlilyv/9942113 html框架: 最外層必須有個包裹(我用div)用來設置定位的 <fieldset>

原创 繪製風景時鐘

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-wid

原创 委託事件,事件冒泡,事件捕獲,this,target總結

先講我看到的一篇文章中對事件委託的解釋,找不到了,不過還是感謝他的例子: 你在公司上班,快件是你們員工一起在門口等着簽收,還是讓前臺幫簽收(委託事件,更高效的解決辦法)?50人的公司看不出來高效差距,那5000人的公司呢? 1,委託事

原创 css3動畫:animation城市動畫

效果圖: html代碼: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>城市動畫</title> <link re

原创 淺談gulp前端工程化

爲什麼要做前端工程化? 1,校驗無誤後,合併壓縮多個js文件 2,對css文件進行編譯(各種css框架,如sass less) 使用工具: 用git輔助cmd(不用頻繁找文件位置了) gulp構建工具進行編譯(自行安裝) 插件

原创 bootstrap 不得不說的sass

你可以用它開發網頁樣式,但是沒法用它編程。也就是說,CSS基本上是設計師的工具,不是程序員的工具。在程序員眼裏,CSS是一件很麻煩的東西。它沒有變量,也沒有條件語句,只是一行行單純的描述,寫起來相當費事。 很自然地,有人就開始爲CSS加

原创 csdn爲什麼到現在還沒有自動保存功能?

蓄謀了很久的,當作論文來寫的一個總結,整理了兩天資料,昨晚寫完了,今天又基本改動很多,添加很多案例,今天上午應該能寫完,突然它自己刷新了,刷新了!!!!找不到了,找不到了。心很痛。,關鍵是很多代碼案例我都

原创 React 入門實例教程

現在最熱門的前端框架,毫無疑問是 React 。 上週,基於 React 的 React Native 發佈,結果一天之內,就獲得了 5000 顆星,受矚目程度可見一斑。 React 起源於 Facebook 的內部項目,因爲該公

原创 marquee插件水平滾動字幕循環滾動

效果圖: demo及插件下載鏈接: http://download.csdn.net/download/vlilyv/9942169 一般廣告,通知,中獎信息等在頭部滾動向左滾動使用marquee插件,配合jquery使用 比

原创 最簡單易理解的完善iscroll移動端無法上拉請求數據加載更新

效果圖: demo下載鏈接 http://download.csdn.net/download/vlilyv/9947879 分析使用iscroll需要的結構(html): id=”wrapper”包個class=”scrol