Time of Update: 2013-11-22
昨天介紹了easyui的基本使用與easyloader方式載入架構,今天來說說他們的原理以及panel架構的使用:easyui可以直接html的方式,寫一個類,型如 class="easyui-dialog" 的方式,就可以直接載入出easyui的樣式,究其原因,是因為parser的存在,我們開啟下的easyui代碼,裡面有個plugins檔案夾,裡面有檔案:jquery.parser.js ;這個JS檔案裡面就是以
Time of Update: 2013-11-22
print?<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>Ext Buttons</title>
Time of Update: 2013-11-22
[javascript]<script type="text/javascript"> $(function(){ var n =$('.fenye >ul li:nth-child').length var c=$(".fenye ul li").index($('.fenye ul
Time of Update: 2013-11-22
本次將主要講Extjs樹形菜單的實現。在很多系統裡邊,樹形菜單被廣泛應用,主要因為其有清晰的階層。記得最早見到的樹形菜單是通過<ul><li>實現的,非常簡單。之後用C#的現成控制項拖拽了一個,當時還沾沾自喜。再後來在學習師兄的一個通用後台代碼時,看到了梅花雪,當時感覺太強大了,每個節點都可以存在資料庫,並且能夠進行自訂。之後接觸到一些UI庫之後,更是見到了更強大的樹形菜單。 或許實現一個簡單的樹形菜單對於不少人並非難事,但是想要實現一個功能比較完善的確要花不少功夫。好
Time of Update: 2013-11-22
雖然現在一些JavaScript架構,諸如jQuery、Prototype和MooTools能提高我們的前端開發效率,而且很好的解決了瀏覽器安全色性問題,但我們仍要打好javascript技術基礎。文章將介紹JavaScript和文件物件模型(DOM)的本質。 JavsScript是可以在各種不同環境下使用的動態、鬆散類型(loosely typed)、基於原型的程式設計語言。除了作為流行的Web用戶端程式語言,它還可以使用於IDE外掛程式、PDF檔案或給予其它平台甚至更為抽象的概念。
Time of Update: 2013-11-22
[html]<!-- 本文參照了該作者的思路: jquery代碼系另外編寫 --> <!-- 本文出自: <!-- 實現思路: CSS:用一個絕對位置的div作為動畫滑塊,改變它的left屬性來呈現動畫效果
Time of Update: 2013-11-22
<script type="text/javascript">// 方法一var p0 = new Object();p0.name = "xy";p0.age = 20;p0.sayName = function() { alert(this.name); }p0.showAgeAfterSomeYears = function(year) { return this.age + year
Time of Update: 2013-11-22
無論是window.setTimeout還是window.setInterval,在使用函數名作為調用控制代碼時都不能帶參數。如果想要傳入參數,自訂參數也好,事件參數event也好,解決辦法是在此函數的基礎上在做一層封裝。其具體原理還不清楚,但是下邊的辦法確實能解決這個問題。先看一個簡單的代碼:function show(){ alert("Hello
Time of Update: 2013-11-22
突然想系統的學習一下javascript,花了幾個小時思考,該如何學習,制定下學習計劃,說做就做,走 走廢話我就不說了,像javascript的由來啊,什麼的等等,自己百度/google吧,先來一段javascript,最基本的排序操作[javascript]<html> <title></title> <head> &
Time of Update: 2013-11-22
前言之所以會有此篇文章當然還要從最近的一次面試說起,很抱歉居然又扯到面試上去看,其實不要說,平時不注意的東西,往往在面試時便會立馬給你揪出來哪裡有問題。比如我當時就小小的栽了個跟頭,栽跟頭不要緊,要緊的是我確實對js的一些問題沒有瞭解透徹。俗話說的好,半灌水響叮噹,我就那種一直認為自己js功底好的人,但真的拿出手來說,其實真的有點水了......此時再不好好學習一番,豈不是坐井觀天,所以讓我們開動吧!小弟最近的文章基本都是邊寫邊發,若是各位發現什麼問題,或者感覺廢話太多,請包涵。閑扯範圍你瞭解j
Time of Update: 2013-11-22
項目有一個需求是展示一個部門資訊,但是這個部門下面有可能還存在子部門,用一般的trrPanel感覺效果不是太好,在官方的api上面找到treeGrid控制項正好可以滿足需求,但是悲催的是把api裡面的代碼拷到程式裡面後沒有效果,根據反覆的修改終於可以用了:[javascript]Ext.define('SimpleTasks.view.organize.DeptGrid',
Time of Update: 2013-11-22
這是一個基於http的可續傳的協議,主要是不同的HttpMethod和相關的自訂header來實現續傳功能。具體的Method和header介紹:1、HEADhead請求是擷取檔案已上傳的狀態,服務端返回該檔案哪些範圍已寫入,哪些沒寫入。(PS,我剛發現協議已經變了,以前不是offset)但是我這個實現和tus也略有不同,我支援一個檔案可以多線程同時上傳,所以不能完全追尋他的協議。用戶端接收到的header例子:range:bytes=0-9,20-29意思表名0-9和20-29這倆個塊已被寫入
Time of Update: 2013-11-22
JavaScript是前端開發中常用的一種指令碼語言,我整理了一些少見的用法,拿來晒晒以後慢慢補充,如有不正確的地方還請大家不吝指教。1、閉包,優點可以避免變數汙染,很多js架構(如jQuery)及外掛程式都使用閉包方式來實現 (function(args1, args2...){ //js code})(args1, args2...); 等價寫法:!function(){ //js
Time of Update: 2013-11-22
Problem DescriptionZjt and Sara will take part in a game, named Game III. Zjt and Sara will be in a maze, and Zjt must find Sara. There are some strang rules in this maze. If Zjt move a step, Sara will move a step in opposite direction.Now give you
Time of Update: 2013-11-22
Flexigrid中會出現列選擇的小黑箭頭,有時挺討厭,想去掉。發現沒有控制的地方,於是自己加。在flexigrid.js中增加在定義中增加[javascript]p = $.extend({ //apply default properties height: 200, //default height &
Time of Update: 2013-11-22
[html]<html xmlns="http://www.w3.org/1999/xhtml"><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>jQuery Dynamic Drag'n
Time of Update: 2013-11-22
[html]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type"
Time of Update: 2013-11-22
非常平滑的JS圖片滾動特效代碼,無縫迴圈,速度可自訂,滑鼠移至上方時停止。它的特點是JS和圖片地址分離,這樣做你就經易的從資料庫動態調用每張圖片的地址,方便控制,因此它非常的實用。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
Time of Update: 2013-11-22
<script src="Jquery1.7.js" type="text/javascript"></script> <script type="text/javascript"> $(function ()
Time of Update: 2013-11-22
1. 關於指定表格指定列隱藏顯示[javascript]$(":checkbox[name*=month]").each(function(){