原创 JS中的forEach、map方法 與 jQuery的$.each方法
forEach是ECMA5中Array新方法中最基本的一個，就是遍歷，循環。例如下面這個例子： [1, 2 ,3, 4].forEach(alert); 等同於下面這個for循環 1 2 3 4 var a
2018-08-22 21:38:25
原创 JS回調函數
在Javascript中，函數是第一類對象，這意味着函數可以像對象一樣按照第一類管理被使用。既然函數實際上是對象：它們能被“存儲”在變量中，能作爲函數參數被傳遞，能在函數中被創建，能從函數中返回。 因爲函數是第一類對象，我們可以在
2018-08-22 21:38:25
原创 CSS3 之 RGBa 可透明顏色
在 CSS3 中，增加了一個 opacity 屬性，允許開發者設置元素的透明度，現在 opacity 已被主流的現代瀏覽器支持，但 opacity 會把被設置的元素及其子元素同時設置爲同一個透明度，這樣的透明規則相當不靈活，在實際開發
2018-08-22 21:38:25
原创 JS中call、apply、bind的區別
爲什麼需要這些？主要是因爲this，來看看this乾的好事。 box.onclick = function(){ function fn(){ alert(this); } fn(); };123456 我們原本以爲
2018-08-22 21:38:25
原创 jQuery實現滾動條滾動到子元素位置（方便定位）
關鍵代碼如下所示： 1 2 3 4 5 6 7 8 <div class="of-y" id="nurse" > <table class="high width" id="nurse-
2018-08-22 21:38:12
原创 jQuery 在光標定位的地方插入文字的插件
核心代碼: 複製代碼代碼如下: (function($){ $.fn.extend({ "insert":function(value){ //默認參數 value=$.extend({ "text":"123" },v
2018-08-22 21:38:12
原创 如何禁止 iPhone Safari 視頻自動全屏？
<video id="post" autoplay loop preload="auto"><source src="foo.mp4" type="video/mp4"></video>由JavaScript控制播放 不使用video標籤
2018-08-22 21:38:11
原创 js和jquery實現監聽鍵盤事件示例代碼
項目中要監聽鍵盤組合鍵CTRL+C，以便做出對應的響應。查了一些方法但是其兼容性和穩定性不是很高，最終得到如下方法，經測試在Firfox、Chrome、IE中均可以使用。 一、使用javascript實現 1
2018-08-22 21:38:11
原创 Html5新標籤解釋及用法
HTML 5 是一個新的網絡標準，目標在於取代現有的 HTML 4.01, XHTML 1.0 and DOM Level 2 HTML 標準。它希望能夠減少瀏覽器對於需要插件的豐富性網絡應用服務（plug-in-based rich
2018-08-22 21:38:10
原创 css3 製作各種形狀的圖形
製作圓形： 要使用CSS來製作一個圓形，我們需要一個div，被給它設置一個ID <div id="circle"></div> 圓形在設置CSS時要設置寬度和高度相等，然後設置border-radius屬性爲寬度或高度的一半即可
2018-08-22 21:38:09
原创 移動端HTML5音頻與視頻問題及解決方案
最近在研究用視頻代替動畫，用視頻代替精靈動畫，我們稱這種視頻叫做交互視頻。 傳統的精靈動畫： 磁盤空間大，下載慢，尤其是在線播放，會更慢 文件太多，在線播放的時候，太多http請求，會導致響應慢，或者行爲失常 因此，急需開發了一套技
2018-08-22 21:38:09
原创 純CSS實現易拉罐3D滾動效果
一、效果搶先預覽 與之前文章婆婆媽媽的開頭不同，本文首先展示使用CSS實現的炫酷效果： 橫向移動滾動條，您會發現，易拉罐隨着滾動條的滾動，自身也在滾動。但是，如果您現在使用的是IE6瀏覽器或是IE6爲內核的瀏覽器，我只能說聲”I’m
2018-08-22 21:38:09
原创 css屬性 writing-mode 改變文字書寫方向 作爲IE的私有屬性之一，IE5.5率先實現了 writing-mode ，後期被w3c採納成標準屬性； 複製代碼 #test{
css屬性 writing-mode 改變文字書寫方向 作爲IE的私有屬性之一，IE5.5率先實現了 writing-mode ，後期被w3c採納成標準屬性； #test{ -webkit-wri
2018-08-22 21:38:09
原创 控制滾動條位置
JS控制滾動條的位置： window.scrollTo(x,y); 豎向滾動條置頂(window.scrollTo(0,0); 豎向滾動條置底 window.scrollTo(0,document.body.scrollHeight)
2018-08-22 21:37:18