原创 Ext學習筆記——grid表格渲染自定義樣式

HTML中我們通過css直接更改樣式,同理Ext通過renderer就可以更改HTML顯示的樣式。如下: {header:"狀態", dataIndex:"status", renderer:function(value){ if

原创 JavaScript中寄生組合式繼承的理解

寄生組合式繼承是組合式繼承和寄生式繼承的結合版: 組合式繼承: JavaScript實現繼承的方式主要有兩種:1、通過原型鏈繼承;2、借用構造函數; //通過執行構造函數設置屬性 function A(){ this.a = 1

原创 ionic—cordova如何一次上傳多張圖片(類似input file提交表單)

我們可以通過cordova提供的插件調用攝像頭或圖庫選擇需要的圖片上傳,按cordova官方的方法,每次選擇完後就直接上傳,這並不符合用戶的習慣,最好的用戶習慣是用戶選擇完需要的圖片,並可在本地預覽,接着用戶再次打開攝像頭或圖庫再次選擇圖

原创 Extjs學習筆記——Ext自定義類

首先說下JavaScript中自定義類的用法如下: var Person = function( name, age ){this.Name = '';this.Age = 0;this.Say = function(msg){alert

原创 ionic集成Crosswalk內核注意事項及步驟

在低版本安卓系統上,運行ionic cordova打包的app,會出現不流暢的現象,如列表滑動、上滑刷新、頁面切換等,最好的辦法就是集成crosswalk內核,在性能上會有質的提供,但本人測試的時候發現,在高版本系統上運行,反而流暢度降低

原创 jquery mobile簡單開發總結

jquery mobile可以說是前端人員最容易上手的移動開發框架了,基本上會使用jquery的,都可以輕鬆的使用jQuery mobile去開發webapp或者是Hybrid app。像我之前就是使用jQuery mobile + c

原创 Extjs學習筆記——Ext組件模型

Ext中所有組件都繼承自Ext.component,這種繼承模型保證了所有組件都擁有相同的通用方法與生命週期... 最常見的功能包括initComponent()、render()、show()、hide(),無論哪一種組件都是通過初始化

原创 angular提交表單http寫法

提交帶參數的數據 httpPost: function (data, url) { var deferred = $q.defer(); $http({ method: 'POST', ur

原创 ionic頁面切換卡頓解決方法

使用ionic開發app的時候,會發現切換頁面的動畫會卡頓,並不流暢,爲了保證用戶體驗,大部分人會使用禁用動畫的方法$ionicConfigProvider.views.transition('no');,但並不是最好的解決思路,cord

原创 Extjs/jquery/javascript類的選擇

要修改樣式的話,首先要先選到修改的類,在某些框架下,單純選擇id是改不了樣式,通過瀏覽器自帶的調試工具查找當前的對象的類屬性,在進行更改。先從JavaScript來說,選擇類的方法是document.getElementsByClassN

原创 Extjs關於獲取上傳文件的格式和文件名

Extjs通過filefield方式上傳文件如下: Ext.create('Ext.form.Panel', {title: 'Upload a Photo',width: 400,bodyPadding: 10,frame: true,

原创 Extjs動態顯示列/隱藏列

在Extjs3中,可以使用myGrid.getColumnModel().setHidden(i,true);方式動態顯示列/隱藏列。 在4.0以上版本可以使用 grid.columns[i].hide()/show(); 或者 grid

原创 JavaScript中apply、call和bind的區別

在JS中apply、call和bind都是用來改變函數的this對象的指向的,他們相似的地方如下: 1、都是用來改變函數的this對象的指向; 2、第一個參數都是this要指向的對象; 3、都可以利用後續參數傳參; var person1

原创 chome debug調試工具使用經驗小結(持續更新...)

打開谷歌瀏覽器,按F12即可打開調試界面,如下: 小博一般習慣選擇獨立窗口,這樣比較好調試:如下: 首先介紹下Elements選項,主要是查看、編輯頁面上的元素,可以動態修改html和css Element直接雙擊標籤頁右側直接雙擊

原创 關於cordova混合型app使用input file注意事項

我在做app調用手機攝像頭及圖庫接口時,一開始是採用cordova提供的插件cordova-plugin-camera(攝像頭接口)、cordova-plugin-image-picker(調用圖庫)方法獲得本機攝像頭及圖庫訪問權限,具