原创 ReactJS State

我們通過使用getInitialState方法定義組件的初始state屬性。 /*** @jsx React.DOM */ var APP = React.createClass({ getInitialState: functi

原创 JavaScript安全的類型檢測

        在JavaScript中,內置的類型檢測機制並非是完全可靠的。這裏分別指的typeof和instanceof關鍵字。        由於typeof有一些無法預知的行爲,經常會導致檢測數據類型時得到不靠譜的結果,Safar

原创 mxGraph繪圖區域使用鼠標滾輪實現放大/縮小

// 重寫鼠標滾輪事件 mxEvent.addMouseWheelListener = function (funct) { } // 增加初次加載事件 window.onload = function () { var

原创 ReactJS Properties 簡介

在使用React.createClass()創建任意組件時,我們可以通過getDefaultProps方法給他定義一些屬性。 /*** @jsx React.DOM */ var APP = React.createClass({    

原创 mxGraph實現按住ctrl鍵盤拖動圖形實現複製圖形功能

實現這個功能非常簡單,只需要重寫moveCells方法就可以了。下面是源文件中的代碼: mxGraph.prototype.moveCells = function(cells, dx, dy, clone, target, evt) {

原创 Web應用組件化的權衡

1. 基本概念 什麼是Web應用? 所謂Web應用,指的是那些雖然用Web技術構建,但是展現形式卻跟桌面程序或者移動端原生應用類似的產品。這類產品的特點是邏輯較重,交互複雜,通常也是單頁式的。 主要包括: 交互佔比較高的頁面體系以

原创 javascript中的事件

        在javascript中的事件有三個方面的知識,一是事件流,二是事件處理程序,三是事件對象。下面就我個人的一點理解,分別講述一下這三個方面的內容。         第一、事件流                 事件流指的

原创 mxGraph實現魚骨圖(因果圖)

        魚骨圖由日本管理大師石川馨先生所發明,故又名石川圖。魚骨圖是一種發現問題“根本原因”的方法,它也可以稱之爲“Ishikawa”或者“因果圖”。其特點是簡捷實用,深入直觀。它看上去有些象魚骨,問題或缺陷(即後果)標在"魚頭

原创 mxGraph自定義線條箭頭樣式

從mxGraph源碼中看出控制線條箭頭的對象是mxMarker,這個對象下有一個markers數組,所有的箭頭樣式都是存在這個數組當中。下面是一個默認樣式 mxMarker.markers[mxConstants.ARROW_OPEN]

原创 mxGraph圖形文本自動換行

兩種方式。 1、直接設置默認樣式 style[mxConstants.STYLE_WHITE_SPACE]='wrap' 2、重寫mxCellRenderer.prototype.createLabel方法,將其中state.text進行

原创 angularjs使用gulp-uglify壓縮後執行報錯

問題出現原因是由於壓縮之後變量變成了,e、s、t等,需要依賴注入的方法沒有使用中括號注入,而在function的參數中直接使用,導致壓縮之後無法識別需要依賴注入的模塊。例如: var module= angular.module

原创 AngularJS中ng-if/ng-switch時找不到scope下的定義的變量

在項目中經常會用到ng-if/ng-switch,但是在使用這兩個directive之後,在scope中定義的變量在這使用兩個directive的html中訪問不到。原因是由於使用ng-if/ng-switch會創建自己的scope,也是

原创 office文檔、圖片、音/視頻格式轉換工具

 1、音頻/視屏轉換工具VLC https://wiki.videolan.org/Mp3/#Container_formats http://wenku.baidu.com/view/ba73ac5c804d2b160b4ec05a.h