原创 立即執行函數表達式

立即執行函數表達式 var a = 2; (function foo() { var a = 3; console.log( a ); // 3 })(); console.log( a ); // 2 由於函

原创 for in 循環的小細節

一般我們寫for in  遍歷的時候都是統一模板 for ( var key in values) { if ( key ) { console.log(key) } } 但是這樣寫會把原型鏈上的東西也找到,應該改成習慣加個hasOwnP

原创 web 交互規範

一、  總則 1.   目的 《 Web 系統交互規範》以用戶爲中心,以用戶的使用習慣與心理需求爲出發點,結合以往項目經驗,對用戶習慣和產品交互各個方面做了相關的描述,爲公司相關產品與項目的用戶界面提供規範與指導。 在 Web 類型

原创 時間更改

需求: 點擊研究週期的年月日,結束時間對應加減年月日 藉助插件:moment.js. moment.js 是一個 JavaScript 日期處理類庫,用於解析、檢驗、操作、以及顯示日期 我最初的做法: 1、把結束時間先存起來 2、分

原创 關於事件點擊後加.xxx的(如:click.ref)到底是什麼意思呢

$("#code-img").on("click.ref", function(e) {},經常會看到這樣的事件綁定寫法,到底是什麼意思呢?   這種綁定方式是事件命名空間,ref是編寫者的命名空間,這樣寫,說白了就是用來做區別的,   

原创 你不知道的javascript讀書筆記

你不知道的javascript讀書筆記 作用域 作用域就是作用的範圍,指它在函數哪些範圍內可以使用,要是在其他不可使用範圍想使用的話,就要重新定義 詞法作用域 詞法作用域就是定義在詞法階段的作用域。換句話說,詞法作用域是由你自己

原创 小知識點檢漏

今天學習的時候,第一次看到下面的這種用法 window.οnlοad=function(){ // } 當時就很想知道這個用法跟直接聲明一個函數調用有什麼區別? window.onload = function (){} 算是一個事

原创 函數只調用一次

今天遇到一個需求 一個函數只要調用一次  第二次執行該js 的時候不再調用 可以定義一個全局變量   var isFirst = true   爲true的 時候就調用函數,調用完後 改爲false 就不會再調用了 if ( isFirs

原创 前端開發者,必須知道的項目資源

1.CodePen:http://codepen.io/ 網站裏有很多很酷的特效,而且可以看到效果的源代碼,也可以看到實現效果,是一個非常不錯的前端開發學習資源網站 2.RunJS:http://runjs.cn/ 點擊廣場,

原创 自定義滾動條

今天寫了一個自定義的滾動條(純css3) /*自定義滾動條樣式*/ pre::-webkit-scrollbar   {       width: 10px;  //縱向滾塊的寬     height: 10px;  //橫向滾塊的高  

原创 css 規範

  前言 有助減少團隊(與個人)的維護成本和方便日後的自動化改進   一、  文件結構 css目錄下的所有文件都是相關css. css/font/         --相關字體樣式文件 css/global.css  --項目全局公共樣

原创 用正則截取字符串中的某個字段

如:當前有字符串   "username=aaae; password=a0b97fd0e59f9751cbcc6add7d88268e" (這是一個cookie值) 我想獲取password的值,或者username的值 var coo

原创 按鍵盤迴車可以觸發確認按鈕

開發中我們爲了方便操作,經常都會使用鍵盤的回車鍵代替鼠標點擊的事件,今天給大家分享的是按回車鍵就等同於鼠標點擊確認按鈕, 模擬代碼如下: $(".input").on("keyup",function(){ if(event.keyCod

原创 HTML 規範

前言: 代碼規範有助於減少團隊(個人)的維護成本和方便日後的自動化改進 儘量遵循html標準和語義,但不要以犧牲實用性爲代價,任何時候都要儘量使用少的標籤並保持最小的複雜度 一、語法 用兩個空格來代替製表符(tab) -- 這是唯一

原创 window.location.search實現頁面跳轉傳參

window.location.search 是用來獲取地址欄url的參數 先來普及一下window.location 對象所包含的屬性 屬性             描述 hash           從 “#” 開始的url host