Time of Update: 2016-10-08
用canvas繪製折線圖,canvas繪製折線圖 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>用canvas繪製折線圖</title> 6 </head> 7 <body> 8 <canvas id="cv"></canvas> 9
Time of Update: 2016-10-08
AOS – 另外一個獨特的頁面滾動動畫庫(CSS3),aoscss3 AOS 是一個用於在頁面滾動的時候呈現元素動畫的工具庫,你可能會覺得它和 WOWJS 一樣,的確他們效果是類似的。但是AOS是 CSS3 動畫驅動的庫,當你滾動頁面的時候能讓元素動起來,當頁面滾回頂部的時候,元素能夠回到前一個狀態,如此達到迴圈動畫的效果。 馬上去試試 您可能感興趣的相關文章網站開發中很有用的 jQuery 效果【附源碼】分享35個讓人驚訝的 CSS3 動畫效果示範十分驚豔的8個 HTML5
Time of Update: 2016-10-02
JavaScript中this的四個綁定規則總結,javascriptthis前言如果要問javascript中哪兩個知識點容易混淆,範圍查詢和this機制絕對名列前茅。所以這篇文章開始將介紹javascript中this的四個綁定規則,下面來一起看看吧。綁定規則1. 預設綁定獨立函數調用時,this 指向全域對象,如果使用strict 模式,那麼全域對象無法使用預設綁定, this綁定至 undefined。function foo() { console.log(this.a);}var
Time of Update: 2016-10-02
子數涵數·DW——網站搭建,dw網站搭建一、首先開啟Dreamweaver(我使用的版本是8.0,畢竟我是一個念舊的人)二、單擊右邊的“檔案”面板,顯示其詳細資料,一般來說第一次使用DW,“檔案”面板下顯示的是你的案頭。三、點擊案頭的下拉式清單,選擇管理網站。四、然後,會彈出一個框框,選擇建立網站(如果你是第一次使用DW的話,就會和例圖一樣,沒有任何網站)五、之後,又會彈出一個框框,這個框框上面有“基本”和&ldq
Time of Update: 2016-10-08
css的用法,css用法Css(Cascading Style
Time of Update: 2016-10-02
小程式 架構詳解及執行個體應用,小程式詳解快速瞭解小程式的使用,一個根據小程式的架構開發的todos app官方已經開放小程式的官方文檔和開發人員工具。前兩天都是在看相關的新聞來瞭解小程式該如何開發,這兩天官方的文檔出來之後,趕緊翻看了幾眼,重點瞭解了一下文檔中架構與組件這兩個部分,然後根據簡易教程,做了一個常規的todo app。這個app基於小程式的平台,實現了todo
Time of Update: 2016-10-02
小程式 (六)模組化詳細介紹,小程式模組化模組化也就是將一些通用的東西抽出來放到一個檔案中,通過module.exports去暴露介面。我們在最初建立項目時就有個util.js檔案就是被模組化處理時間的 /** * 處理具體商務邏輯 */function formatTime(date) { //擷取年月日 var year = date.getFullYear() var month = date.getMonth() + 1 var day = date.getDate() //擷取時分秒
Time of Update: 2016-10-02
小程式使用第三方庫Immutable.js執行個體詳解,小程式immutable.js前言Immutable JS 提供一個惰性 Sequence,允許高效的隊列方法鏈,類似 map 和 filter ,不用建立中間代表。immutable 通過惰性隊列和雜湊映射提供 Sequence, Range, Repeat, Map, OrderedMap, Set 和一個稀疏 Vector。小程式無法直接使用require( 'immutable.js'
Time of Update: 2016-10-02
小程式 (七)資料繫結詳細介紹,小程式詳細介紹資料繫結有一部分前幾個看著還行,後面的幾個可能有幾個不理解,介面展示的資料有的也因為條件沒法顯示。看不懂的可以先記著,後面真正用到時就會明白,反正我是這樣想的。這裡先記錄下data.wxml<!--資料繫結使用對象---內容--><view>{{message}}</view><!--資料繫結使用對象---組件屬性---需要在雙引號之內--><view
Time of Update: 2016-10-02
小程式 (一)建立項目hello WeApp 詳細介紹,建立項目weapp本篇預設已經成功安裝小程式工具建立項目AppID查看公眾開發平台設定查看(https://mp.weixin.qq.com) 項目名稱隨意填寫本地開發項目: 建立一個空的檔案夾勾線當前會產生一個項目開啟項目更詳細的說多了也沒啥意義看官網的簡易教程非常詳細!!!!!!!!! https://mp.weixin.qq.com/debug/wxadoc/dev/?t=1474644089807相關文章:hello
Time of Update: 2016-10-02
JSON與String互轉的實現方法(Javascript),jsonstringJSON => String:jsonToString: function(obj){ var THIS = this; switch(typeof(obj)){ case 'string': return '"' + obj.replace(/(["\\])/g, '\\$1') + '"'; case 'array':
Time of Update: 2016-10-02
小程式 (八)View組件詳細介紹,小程式view剛看到這個效果的時候還真是和ReactNative的效果一致,屬性也基本的一樣. view這個組件就是一個視圖組件使用起來非常簡單。主要屬性:flex-direction: 主要兩個特性”row”橫向排列”column”縱向排列justify-content 主軸的對齊(如果flex-direction為row則主軸就是水平方向)可選屬性 (‘flex-start', ‘flex-end', ‘center', ‘space-between',
Time of Update: 2016-10-02
小程式(二)Window 配置詳細介紹,小程式windowwindow用於設定小程式的狀態列、導航條、標題、視窗背景色。注意在app.json中配置的屬性會被子window屬性覆蓋只需在app.json配置即可相關文章:hello WeApp
Time of Update: 2016-10-02
小程式(十四)button組件詳細介紹,小程式buttonbutton按鈕用的算是最普遍的組件之一。主要屬性:wxml<!--按鈕預設樣式,點擊事件--><button type="defaule" bindtap="clickButton">Defalut</button><!--原始顏色,不可點擊狀態, 正在載入狀態--><button type="primary" disabled="true"
Time of Update: 2016-10-02
小程式(十一)icon組件詳細介紹,小程式icon這些是提供的所支援的表徵圖樣式,根據需求在此基礎上去修改大小和顏色。主要屬性:使用方式:wxml<!--成功表徵圖--><icon type="success" size="40"/><!--安全成功標誌表徵圖--><icon type="safe_success" size="40"/><!--提示資訊表徵圖--><icon type="info" size="40"/>&
Time of Update: 2016-10-02
小程式(十六)form組件詳細介紹,小程式formform表單組件 是提交form內的所有選中屬性的值,注意每個form表單內的組件都必須有name屬性指定否則提交不上去,button中的type兩個submit,reset屬性分別對應form的兩個事件主要屬性: wxml<form bindsubmit="listenFormSubmit" bindreser="listenFormReser" > <checkbox-group name="checkbox"
Time of Update: 2016-09-30
jQuery實現帶遮罩層效果的blockUI彈出層樣本【附demo源碼下載】,jqueryblockui本文執行個體講述了jQuery實現帶遮罩層效果的blockUI彈出層。分享給大家供大家參考,具體如下:首先先附上代碼:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html
Time of Update: 2016-09-30
AngularJS
Time of Update: 2016-09-30
jQuery中slidedown與slideup方法用法樣本,jqueryslidedown這裡結合執行個體形式總結分析了jQuery中slidedown與slideup方法用法。分享給大家供大家參考,具體如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html
Time of Update: 2016-09-30
詳細總結Javascript中的焦點管理,總結javascript焦點焦點元素到底哪些元素可以獲得焦點呢?預設情況下,只有表單元素可以獲得焦點。因為只有表單元素可以互動<input type="text" value="223">讓非表單元素獲得焦點也是有辦法的,先將tabIndex屬性設定為-1,再調用focus()方法<div id="test" style="height:30px;width:100px;background:lightgreen">div<