原创 D3 之 select-data-enter-append-attr/style

D3經典的select-data-enter-append-attr/style的編程套路 :選擇元素-綁定數據-添加新元素的佔位符-添加元素-設置屬性或樣式。   例如創建一個圓:   <!DOCTYPE html> <html la

原创 Redis操作

Redis是一個開源的使用ANSI C語言編寫、支持網絡、可基於內存亦可持久化的日誌型、Key-Value數據庫,並提供多種語言的API。 redis是一個key-value存儲系統。它支持存儲的value類型相對更多,包括strin

原创 數字轉字母順序 JS實現

一個簡單的例子: aim: A,B,C,...,Z,AA,AB,AC.......AZ,BA,BB...BZ. 寫一個函數,給你一個數字你就能得出對應的列數,例如27對應AA,28對應AB 代碼如下: <!DOCTYPE ht

原创 JS 計算任意字符串寬度

注意是寬度不是長度!   由於像素和字體大小,字節(特別是UTF-8)等限制因素,使得想要知道一個字符串所佔的實際寬度並不是那麼容易。 下面提供一種比較方便實用的方法: 用個visibility:hidden的浮動的層來計算字符串寬度。

原创 D3.js 操作符內的可用變量(variable available)

  當我們把數據分配到一個元素上時,這個數據就被存儲到這個元素的_data_屬性中。   D3.js操作符內的可用變量(variable available)   如:   .text( function ( d ) { return

原创 js之arguments詳解

平時編寫js代碼對arguments接觸的可能不是很多,但是瞭解arguments卻是很有必要的。 例如,需要編寫一個函數求傳入的若干個數字(不能用數組顯示傳入)的和, 這時候就需要用到arguments了。 要實現這個函數我們先來了解

原创 ACRush 樓天成 回憶錄

利用假期空閒之時,將這幾年GCJ,ACM,TopCoder 參加的一些重要比賽作個回顧。昨天是GCJ2006 的回憶,今天時間上更早一些吧,我現在還清晰記得3 年前,我剛剛參加ACM 時參加北京賽區2005 和杭州賽區2005 的情況。2

原创 vue.js - 組件(1)

組件(Component)是 Vue.js 最強大的功能之一。 組件可以擴展 HTML 元素,封裝可重用的代碼。 在較高層面上,組件是自定義元素, Vue.js 的編譯器爲它添加特殊功能。 在有些情況下,組件也可以是原生 HTML 元素

原创 關於Vue.js的一些總結(2)

1、關於在v-for循環時候v-model的使用 有時候需要循環生成input,用v-model綁定後,利用vuejs操作它,此時我們可以在v-model中寫一個數組selected[$index],這

原创 根據具體日期計算是一年的第幾周和當月的第幾周

根據具體日期計算是一年的第幾周: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <b

原创 Vuex2.0

Vuex 是什麼? Vuex 是一個專爲 Vue.js 應用程序開發的狀態管理模式。它採用集中式存儲管理應用的所有組件的狀態,並以相應的規則保證狀態以一種可預測的方式發生變化。Vuex 也集成到 Vue 的官方調試工具 devtools

原创 vue.js - 模板語法之縮寫

由於種種原因,決定放棄ng1(或許早就應該放棄),ng2暫時也不在考慮範圍之內。準備學習Vue.js N react.js,先從Vue開始。 先安利一下Vue的兩個縮寫形式(當然它來自官網文檔) 縮寫 v- 前綴在模板中是作爲一個標

原创 Js apply 方法 詳解

轉自:Js apply 方法 詳解 Js apply方法詳解 我在一開始看到JavaScript的函數apply和call時,非常的模糊,看也看不懂,最近在網上看到一些文章對apply方法和call的一些示例,總算是看的有點眉目

原创 React 全家桶學習資源(持續更新)

companion:vue.js全家桶學習資源(持續更新)下面整理了一些關於 React 以及 React 衍生的學習資源:官方文檔中文翻譯文檔ECMAScript 6 入門30分鐘掌握ES6/ES2015核心內容(上)30分鐘掌握ES6

原创 Vue 全家桶學習資源(持續更新)

companion:React 全家桶學習資源(持續更新)下面整理了一些關於Vue以及Vue衍生的學習資源:官網文檔官網APIECMAScript 6 入門30分鐘掌握ES6/ES2015核心內容(上)30分鐘掌握ES6/ES2015核心