原创 CSS 標籤在float佈局中Firefox和Chrome的差異

廢話不多說,上代碼! <div></div> <hr></hr> <div></div> <hr></hr> 上樣式!! div { float:left;

原创 height: auto; 會使transition失效

height: auto; 會使transition失效

原创 mobile Web 星星打分 實踐

<div class="text-center star-box" style="margin:20px 0"> <div class="star-group"><span>創新</span> <i c

原创 關於手機端手勢js庫的選擇:hammer.js

關於手機端手勢js庫的選擇:hammer.js。

原创 JS篩選器的製作

<select onchange="filterschool()"></select> <select onchange="filterdirection()"></select> <a onclick="filterhot(1)">最新

原创 jq+js 實現星星打分功能!

自己做了一個星星打分插件。想着用最短的代碼去實現它。<style>.icon-star-empty{   color:#ddd;   cursor:pointer; } .icon-star{   col

原创 canvas 作星星打分三維圖

<div style="position:relative"> <canvas id="star5" width = '400' height = '500'></canvas> <canvas id="star51" wid

原创 從開始創業到發佈會網站前端成果

從開始創業到發佈會,從0基礎到建立人生中第一個網站,在這段時間裏,可以說是閉關修煉中,我獲得了一段非常非常充實有意義的一段經歷。 從網站前端,到宣傳製作,感覺自己做的是一個直接面對客戶的工作。前端好不好用,讓人看了舒不舒服,讓人用了舒不舒

原创 閉包的實踐

只有不停的實踐才能去發現問題,尋找解決方法。 var GV ={ <span style="white-space:pre"> </span> //全局變量進行管理 countfn : function (){

原创 JQUERY實現判斷鼠標往上滾往下滾的功能。

在bootstrap中文網上發現一個插件headroom.js,可以實現鼠標下滾導航欄消失,鼠標上滾導航欄出現的效果。 自己用JQUERY寫了一個,通過判斷差值的原理,來判斷鼠標是上滾還是下滾。 <script> var scro

原创 call 和 apply 的認識

之前寫的文章感覺好幼稚,原因是這幾個月我又提高了不少。 之前的文章就別看了,自己也不想看:),但是是我的成長的一段經歷。 今天談談javascript 的 call() 和 apply()方法的認識。 首先,他們是什麼東西?(不是罵他們

原创 jq實現最多複選框,js數組操作實踐。

<div id="checkbox-1" class="am-form-group"> <input name="user_role[]" id="a1" type="checkbox" value="1"> <label

原创 webpack中 publicPath 跟 path 的區別

自己發現,在寫webpack.config的時候,output中爲什麼寫了path,還要寫publicPath,這兩個有什麼區別呢? 首先,path的作用是什麼? 就是存放生成的bundle.js地方。 那麼bundle.js怎麼用呢?

原创 html DOM 實踐(1)

var span = document.createElement("span");//新建一個span標籤 span.setAttribute('class','am-badge am-round');//給span標籤加上屬性 var

原创 js實現用li進行篩選

<ul id="filter-school" class="am-avg-sm-2 filter-box"> <li>中國海洋大學</li> <li>中國海洋大學</li>