原创 高效的jQuery代碼編寫技巧總結

高效的jQuery代碼編寫技巧總結 緩存變量 DOM遍歷是昂貴的,所以儘量將會重用的元素緩存。 // 糟糕 h = $('#element').height(); $('#element').css('height',h-20)

原创 jquery-animateNumber數字動畫插件

jquery-animateNumber數字動畫插件 實例一、基礎動畫 //html代碼,下面例子相同。 <p>This plugin only <span id="lines">0</span> lines of code.</

原创 關於前端學習規劃

關於前端學習規劃 第一階段: HTML+CSS: HTML進階、CSS進階、div+css佈局、HTML+css整站開發、 JavaScript基礎: Js基礎教程、js內置對象常用方法、常見DOM樹操作大全、ECMAscri

原创 表單驗證

java script驗證表單時常用:  "^-[0-9]*[1-9][0-9]*$"  //負整數   "^-?//d+$"    //整數   "^//d+(//.//d+)?$"  //非負浮點數(正浮點數 + 0)   "^(([

原创 JS實現中文轉拼音

1. 漢字轉拼音,其中每一個字的首字母大寫(l例如:ZhangSan 張三) pinyin.getFullChars(name); 2. 漢字住轉拼音 提取首字母且爲大寫形式(l例如:ZS 張三) pinyin.getCamelCh

原创 Vue (一) 數據準備

一、$mount()手動掛載 當Vue實例沒有el屬性時,則該實例尚沒有掛載到某個dom中;假如需要延遲掛載,可以在之後手動調用vm.$mount()方法來掛載。 new Vue({ router, render: h =>

原创 前端面試題

最全面的前端面試題

原创 仿複選框樣式

相信大家在看到很多炫酷的網頁時總會看到樣式很棒的複選框,於是 腦補下代碼“input[‘type=”checkbox”’]:padding:10px;border:1px solid red; background:black;…”,完

原创 前端面試必知的50道題目彙總

1.XHTML和HTML有什麼區別 HTML是一種基本的WEB網頁設計語言,XHTML是一個基於XML的置標語言 最主要的不同: XHTML 元素必須被正確地嵌套。 XHTML 元素必須被關閉。 標籤名必須用小寫字母。 XHTML 文檔

原创 Vue(二)header組件開發

一、 header 組件開發 之數據的傳遞 1. App.vue 引入組件 import header from './components/header/header' 2. App.vue 中註冊組件 export default

原创 原生 JavaScript 和 jQuery 的優劣比較

原生 JavaScript 和 jQuery 的優劣比較 很多時候,我們經常聽人說jquery有多快多快。在這個各種類庫滿天飛的時候,不得不說的是,能有原生JS快嗎?是的,明顯原生JS要更快,jq 速度再快,也無法與原生的js相比 因爲類

原创 jquery 中stop()方法總結

我們在做效果的時候有時遇到需要停止匹配元素正在進行的動畫,比如,當鼠標移入元素時顯示菜單,鼠標離開時隱藏下拉菜單,如果鼠標移入移出過快的話就會導致動畫效果與鼠標的動作不一致的情況,也就是說鼠標移出後,動畫還在進行,此時stop()就派上

原创 Vue ( 四 ) shopCart 組件開發

一、shopCart組件 (1) goods 父組件和 子組件 shopCart 傳參 deliveryPrice:{ // 單價 從json seller 對象數據中獲取 type:Number, default:0 }

原创 ES6 之關鍵字 let

一、 關鍵字 let 正如大家都熟悉的,我們平時在寫代碼的時候,用var 聲明一個變量,除此之外,也再沒有接觸到其它的關鍵字了,不管我們聲明什麼樣類型得變量,都用var 搞定了,很方便,但是ES6 告訴你,除了var,還可以試試 let

原创 總結前端面試過程中最容易出現的問題

有關面試很不錯的推薦! http://www.haorooms.com/post/qianduan_mianshi