Time of Update: 2017-01-19
通過Object建構函式或對象字面量建立對象時,使用同一個介面建立很多個物件時,會產生大量的重複代碼。為了簡化,引入了原廠模式。原廠模式function createPerson(name, age, job) { var obj = new Object(); obj.name = name; obj.age = age; obj.job = job; obj.sayHello(){ alert(this.name); }; return obj;}var p1 =
Time of Update: 2017-01-24
標籤:tar 曆史 建立 執行 htm date() 不同 put 單位 抱歉,好幾天沒有更新了。期間有不少事情要忙,快過年了嘛。但是後面還會繼續更新的。現在來說說window對象。window
Time of Update: 2017-01-25
標籤:函數調用 拋出異常 class 引用 標識 產生器 建立 查詢 集合 第一章
Time of Update: 2017-01-20
標籤:建立 數組 檢測 引用資料類型 小數點 Null 字元串 資料類型轉換 對組 規則 一,基礎資料型別 (Elementary Data Type):number string
Time of Update: 2017-01-20
標籤:top button log alt page pre href bar div Javascript實現頁面跳轉的幾種方式概述 相信很多Web開發人員都知道,在開發
Time of Update: 2017-01-26
Javascript中字串和數位操作方法整理,javascript操作方法1、length – 返回字串的長度‘abcd'.length; //4 2、Math.ceil(num) – 向上取整,不管小數點後面是多少,哪怕.00001,也會向上進一位。Math.ceil(25.9); //26 Math.ceil(25.5); //26 Math.ceil(25.1); //26 3、Math.floor(num) – 向下取整,不管小數點後面是多少,哪怕.99999,也會向下減一位。Math.
Time of Update: 2017-01-23
JS實現圖片高斯模糊轉場效果的焦點圖執行個體,js高斯焦點圖相信對大家來說都不陌生,本文給大家分享的是一種圖片高斯模糊轉場效果的焦點圖,下面話不多說了,來看看實現的和執行個體代碼吧。執行個體代碼<!doctype html><html><head><meta charset="utf-8"><title>無標題文檔</title><style>@-webkit-keyframes show{0%{opacity:
Time of Update: 2017-01-23
vue2.0父子組件及非父子組件之間的通訊方法,vue2.0父子1.父組件傳遞資料給子組件父組件資料如何傳遞給子組件呢?可以通過props屬性來實現父組件:<parent> <child :child-msg="msg"></child>//這裡必須要用 - 代替駝峰</parent>data(){ return { msg: [1,2,3] };}子組件通過props來接收資料:方式1:props: ['childMsg']方式2 :
Time of Update: 2017-01-23
boostrapTable的refresh和refreshOptions區別淺析,boostrap和sui區別在使用bootstrapTable時,重新整理資料有兩個方法refresh、refreshOptions,其用法相似:<table id="event_table"></table>...<script> $("#event_table").bootstrapTable('refresh', {url: new_url });
Time of Update: 2017-01-23
JavaScript簡單驗證表單空值及郵箱格式的方法,javascript表單本文執行個體講述了JavaScript簡單驗證表單空值及郵箱格式的方法。分享給大家供大家參考,具體如下:運行如下:具體代碼如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html><meta
Time of Update: 2017-01-23
js+css3實現旋轉效果,jscss3實現旋轉我的前面一張文章實現了用css3製作旋轉的效果,現在呢,我換另外一種方法來實現.就是使用js結合css3的方法來實現的.下面我就先給大家看看效果吧下面呢我先放上我的css代碼,代碼很簡單:.one{width:200px;height: 200px;border:1px solid #adadad;transition:all 0.1s;border-radius:50%;background:url(images/1.jpg)
Time of Update: 2017-01-23
原生js實現網頁頂部自動下拉/收縮廣告效果,js知識要點1.實現原理:通過遞迴改變div的高度值達到緩慢下拉的效果。2.一共分為3個步驟我寫了三個函數第一個show()函數(下拉):初始值高度h<300的話 h+5 反之return退出停止,調用setTimeout方法30毫秒執行一次+5第二個hide()函數(收回):只是高度的判斷不同高度h-5
Time of Update: 2017-01-22
CSS的優先順序和繼承問題,css優先順序繼承CSS的優先順序和繼承問題★CSS的衝突,即優先順序 CSS本身的設定可以同時應用多個樣式在同一個元素,此時樣式之間可能出現衝突而達不到使用者所想要的效果。 ★解決CSS衝突的優先順序規則: ● CSS層疊樣式表引入方法的優先順序:內聯式>內嵌式>連結式>匯入式 ● 在多個外部樣式中,後出現的樣式的優先順序高於先出現的樣式,也就是俗稱的覆蓋 ●
Time of Update: 2017-01-22
js放大鏡放大購物圖片效果,js放大鏡購物圖片圖片放大鏡效果,供大家參考,具體內容如下一痛點:不讓黃盒子出界 二痛點:讓大盒子相應移動(比例)<html lang="en"><head> <meta charset="UTF-8"> <title>我的放大鏡</title> <style> *{ margin: 0; padding: 0; } .box{ margin: 100px;
Time of Update: 2017-01-22
原生javascript實現圖片放大鏡效果,javascript放大鏡當我們在電商網站上購買商品時,經常會看到這樣一種效果,當我們把滑鼠放到我們瀏覽的商品圖片上時,會出現類似放大鏡一樣的一定地區的放大效果,方便消費者觀察商品。今天我對這一技術,進行簡單實現,實現圖片放大鏡效果。 我在代碼中進行了代碼編寫的思路的說明和詳細的代碼注釋,方便讀者,請看代碼:<html> <head> <meta charset="UTF-8">
Time of Update: 2017-01-22
JavaScript實現垂直捲軸效果,javascript捲軸本文執行個體為大家分享了js垂直捲軸的實現代碼,供大家參考,具體內容如下1、紅色盒子高度計算公式:容器的高度 / 內容的高度 * 容器的高度2、紅色方塊移動一像素 ,我們的內容盒子移動多少呢? (內容盒子高度 - 大盒子高度) / (大盒子高度 - 紅色盒子的高度) 計算倍數(內容盒子高度 - 大盒子高度)/ (大盒子高度 - 紅色盒子的高度) *
Time of Update: 2017-01-22
AngularJs 利用百度地圖API 定位當前位置 擷取地址資訊,angularjsapi第一、申請百度密鑰 很簡單的幾步就搞定第二、引入檔案<!-- 百度地圖定位 --><script src="http://api.map.baidu.com/components?ak=WUfZTjKPuZ2G5RmgD0Psejv6XOmIEQVQ"></script> <script type="text/javascript" src="
Time of Update: 2017-01-22
AngularJs中 ng-repeat指令中實現含有自訂指令的動態html的方法,angularjsng-repeat今天用angular寫table的時候,遇到了一個問題。在ng-repeat中,含有動態html,而這些html中含有自訂指令。因為希望實現一個能夠複用的table,所以定義了一個指令myStandTable,指令代碼大概如下:var myCommon =
Time of Update: 2017-01-22
AngularJS的依賴注入執行個體分析(使用module和injector),angularjsinjector本文執行個體分析了AngularJS的依賴注入。分享給大家供大家參考,具體如下:依賴注入(DI)的好處不再贅言,使用過spring架構的都知道。AngularJS作為前台js架構,也提供了對DI的支援,這是JavaScript/jQuery不具備的特性。angularjs中與DI相關有angular.module()、angular.injector()、
Time of Update: 2017-01-20
前端開發人員手冊,開發人員手冊這是任何人都可以用來學習前端的實踐手冊, 它概述並討論了前端工程的實踐: 該如何學習以及實踐時該使用什麼工具.撰寫該手冊的目的有兩個: 一是為潛在以及正在實踐的前端開發人員提供一個包括學習資料和開發工具的專業資源; 二是該手冊可以被管理者, CTO, 講師和獵頭用來作為洞察前端開發的實踐.該手冊的內容支援Web技術(HTML, CSS, DOM, 和 JavaScript), 並且手冊提供的解決方案都直接建立在這些開放的技術之上.