JavaScript
饭fan有引力
低调低调~
展开
-
Grunt 实例之 构建 seajs 项目
Seajs 是时下比较热的一款模块加载框架,除了能实现代码模块按需自动加载、增加代码的可复用性之外,还能够培养我们的模块化低耦合开发思维。爱折(zhuang)腾(bi)的人值得一试。摆脱 seajs 提供的 spm 构建工具 而改用 Grunt 去构建,这个过程是曲折的,艰辛的,没点折腾的耐心估计不成,在这里要感谢优秀的导师 海龙,被我抓住讲了 1个小时,分享了他在折腾时遇到的问题,让我走转载 2015-06-11 14:54:04 · 1794 阅读 · 0 评论 -
ExtJS 4正式版今天发布
我很自豪能代表Sencha和ExtJS团队和大家成功的分享了ExtJS 4的预览版、3个beta版和今天发布的正式版等5个版本。 ExtJS 4从创建之初,就以最全面现代化为目标,它采用了改进的架构和加入了许多新的特性,从而使你可以创建可靠的下一代网络应用程序。框架的每个部分几乎都已升级和优化,已充分利用当今的现代浏览器,同时兼容它们的前辈。 下载ExtJS 4转载 2012-01-14 14:12:22 · 752 阅读 · 0 评论 -
Extjs与php数据交互(增删查改)
//搜索暂时没做,数据是出来了,但是却没法显示Ext.QuickTips.init(); //初始化快速提示对象function test() { Ext.Msg.alert('title','test-yii-ext');}function renderSex(value) { if (value == 'male') {原创 2012-02-19 21:24:48 · 7772 阅读 · 2 评论 -
ExtJS与PHP、MySQL实现存储的方法
1 建立数据库代码如下:create database db_register; create table db_register.tb_register( reg_loginid varchar(20) primary key, reg_name varchar(20) not null, reg_id int not null, reg_passwo原创 2012-02-19 21:17:17 · 1232 阅读 · 0 评论 -
extjs与php参数交互
HelloWorld Ext.onReady(function(){ var requestConfig = { url:'loginServer.php', //请求的服务器地址 params:{userName:'lowkey', password:'zq19890319'}, //请求参数 meth原创 2012-02-22 12:51:44 · 2025 阅读 · 0 评论 -
关于extjs中文问题
中文版的 引入ext-lang-zh_CN.js,但常常,有些还是英文的,现在提供几种方法给你,绝对秒杀英文,如果不行,找我我一定帮你解决。1.加入 Ext.QuickTips.init(); 一般那些qtip什么的,tooltip 就会有用 比如表格里面的actioncolumn tooltip: '删除',2.查看ext-lang-zh_CN.js 找到属性(api一般不会显示)比如t原创 2012-01-16 23:40:11 · 1068 阅读 · 0 评论 -
在eclipse中安装spket
在eclipse中安装spket的方法:1、下载spket-1.6.4.1.zip压缩包,解压把压缩包中eclipse下两个文件夹下的内容复制到eclipse安装目录下的对应文件夹中,重启eclipse;2、Window → Preferences → Spket → JavaScript Profiles → New ;3、输入“ExtJS”点击OK;选择“ExtJS”原创 2012-01-14 21:43:19 · 2273 阅读 · 0 评论 -
ExtJS4.0 标准布局类
面板相当于一张干净的白纸,如果直接在上面添加内容,将很难控制面板中内容的显示位置,面板元素越多就显得越零乱,所以需要在面板上划分不同的区域,将面板内容展示到希望的位置上。ExtJS通过提供多种布局类来为面板提供支持,主要包括如下11种:Auto(自动布局)Ext.layout.container.Auto自动布局是容器在没有指定布局方式时默认采用的布局类型,它使用原始的HTML文档流来原创 2012-08-08 16:28:24 · 2995 阅读 · 1 评论 -
Extjs4.0学习笔记(文件引用)
Extjs4.0比以往有些变化,用起来麻烦不小。所以用笔记记一下。与以前的引入三个文件不同,现在的4.0只要引用两个文件就行了。 bootstrap.js里面对必要的js代码做了调用,感兴趣的可以看下。不感兴趣的知道怎么用就行了。 demo1 Ext.onReady(function () { Ext.Msg.a原创 2012-01-10 13:06:58 · 5918 阅读 · 0 评论 -
非常有用的Ext.core.Element
Ext.core.Element是所有组件及控件操作的基础,是一个DOM对象的包装,加入了DOM的操作处理,并根据不同的浏览器进行处理。该类的所有实例都向我们展示通过DOM继续Ext.fx.Anim的视觉效果。该类的事件并非Ext的底层事件,而是封装的浏览器事件,也可以通过Ext.EventObject.browserEvent访问到更多的底层浏览器事件。通过ID或DOM节点来得到Ext.core原创 2012-08-08 21:09:43 · 1341 阅读 · 0 评论 -
ExtJS事件与浏览器标准事件的异同
标准事件:在Web应用中事件通常是指用户使用鼠标或键盘对页面元素进行的操作或从服务器得到的响应。业务事件:指一些与特定业务相关的事件,例如:在面板(panel)组件展开和收缩过程中会分别触发展开(expand)事件和收缩(collapse)事件,它们都与展开或收缩的具体业务相关。事件处理函数:响应用户操作的程序或函数,也可称之为事件监听器。事件绑定:将时间与事件处理函数关联起来的过程。事件对象:代原创 2012-08-09 09:44:21 · 1444 阅读 · 0 评论 -
jQuery对html元素取值与赋值
摘要: Jquery给基本控件的取值、赋值 TEXTBOX: var str = $('#txt').val(); $('#txt').val("Set Lbl Value"); //文本框,文本区域: $("#text_id").attr("value",'');//清空内容 $("#text_id").attr("value",'test');// 填充内容Jquery给基本控转载 2012-07-16 00:07:01 · 2832 阅读 · 0 评论 -
js和php互相传值
JS是前台的语言,PHP是后台的语言,初学时会经常出现前后台分不清的情况(我当初就是这样的,现在有时也在犯),我当初的想法是就把前后台当成两个岛,他们是无法跨越的,HTML就像一座桥,当你想要把一座岛上的变量传到另一个岛上,只有借助于这座桥。我来做个小小的总结吧:1:HTML中的值如何传到JS,下面假设是文件1.php转载 2012-04-21 02:10:58 · 22298 阅读 · 1 评论 -
ExtJS 4.0 的改变--较为完整的介绍
惯例,看之前先看看我的很久很久以前的学习笔记(就是那个Word文档,没兴趣的可以不看,不影响): http://wenku.baidu.com/view/ce8d3e08763231126edb1146.html 本文里面不会详细介绍某些方法函数具体如何使用,例子全部自己写的(部分参考API和ExtJS 4.0 Developer Preview),应该不会有错,提到的方法函数只提供名转载 2012-01-14 14:16:57 · 1712 阅读 · 1 评论 -
Ext JS 处理各种数据格式外部数据的能力
原创 2013-01-02 19:52:32 · 1025 阅读 · 0 评论 -
ExtJS4.x数据模型之Model
1. 基本概述 ExtJS不仅有令人眩目的UI组件还有非常完善的数据模型,它将整个数据读取过程分解为几个相互配合的独立部分,可以根据数据结构的不同和获取方式的不同,对这些部分进行灵活的组合,最终达到灵活使用数据的目的。 其中,Ext.data.Model数据实体模型是真实世界中实体对象在应用系统中的反映,它包含字段集和处理数据的函数,它的前身是ExtJS 3.x以及以前版本中的转载 2013-01-02 20:56:44 · 1427 阅读 · 0 评论 -
elem.attr()无法正确判断checkbox是否选中
使用情景: 使用 Jquery 实时验证 input checkbox 是否被选中?$("#checkedElem").attr("checked") 这是一个非常简单的 Jquery 语句,意思很明显: 得到 id 为 checkedElem 的元素的 checked 属性值但是出乎意料的是,不管 checkbox 元素是否被选中,返回的 checked 属性值总转载 2015-05-29 15:20:21 · 1038 阅读 · 0 评论 -
从function前面的!想到的
最近没事喜欢看看,一些js库的源码,结果发现库前不是加一个!就是加+或者一个(),心中猜出个大概知道这个是让函数自动执行,可是这么多符号达到同一个目的,原理是什么呢,下面做一下剖析:先从IIFE开始介绍IIFE(Imdiately Invoked Function Expression 立即执行的函数表达式)function(){ alert('IIFE');}转载 2014-12-28 13:36:56 · 732 阅读 · 0 评论 -
JSRender之渲染模板
在JsRender中,是通过调用方法render()来渲染模板的。JsRender中,有三种方式调用render()方法来渲染模板。1) 如果已经存在一个template的对象,则可以使用template.render(...) {{:name}} var myTmpl = $.templates("#personTmpl转载 2014-03-09 10:55:27 · 23466 阅读 · 0 评论 -
seajs最常用7个
1.seajs.configseajs.config({ // 设置路径,方便跨项目调用 paths: { 'path1': '....', 'path2': '....' }, // 设置别名,方便调用 alias: { 'class1': '...', 'class2': '...'原创 2014-03-02 15:16:35 · 13119 阅读 · 0 评论 -
js对url转码的三个函数escape,encodeURI,encodeURIComponent
js对文字进行编码涉及3个函数:escape,encodeURI,encodeURIComponent,相应3个解码函数:unescape,decodeURI,decodeURIComponent 1、传递参数时需要使用encodeURIComponent,这样组合的url才不会被#等特殊字符截断。例如:txt = txt + '我已经给@' + tour+ '投票了哦!~你也原创 2014-01-08 14:29:24 · 8237 阅读 · 0 评论 -
ExtJS4.1 desktop桌面图标自动换行
打开js文件夹下的desktop.js文件,在里面拓展一个函数,也就是添加一个函数: initShortcut : function() { var btnHeight = 64; var btnWidth = 64; var btnPadding = 30; var col = {index : 1,x原创 2013-01-06 01:15:45 · 5348 阅读 · 8 评论 -
Countdown to Ext JS 4: Anatomy of a Model
If you follow Ext JS, chances are you already know that we have a brand new data package for Ext JS 4. The new data package builds on the principles of the one in Ext JS 3 while adding a huge number o转载 2013-01-02 22:58:46 · 1283 阅读 · 0 评论 -
Ext JS数据存储
多数Ext JS对象(甚至是面板,对于面板需要一些附加的编码工作)都可以把数据当成记录(Records)或者节点(Nodes)进行处理。记录常常被存放在存储对象中。我们可以把Store看成熟悉的电子表格,而每个Record就是电子表格中的一行。data包中包含了许多和数据交互的对象。并且提供了几种不同的存储类型:JsonStore 与JSON数据协同工作的存储对原创 2013-01-02 20:04:50 · 1136 阅读 · 0 评论 -
JavaScript DOM随手记
原创 2013-01-01 20:47:13 · 758 阅读 · 0 评论 -
Ext JS4 comboBox读取数据库
Ext.onReady(function() { // create model Ext.define('info', { extend: 'Ext.data.Model', fields: [{ name: 'id', type: 'int' }, { name: 'name', type: 'string' }, { name: 'passw原创 2013-01-02 23:07:13 · 1972 阅读 · 0 评论 -
ExtJS4.x数据模型之Proxy
1. 基本概述 Proxy数据代理是进行数据读写操作的主要途径,ExtJS提供的数据代理类主要包含两大类,分别是Ext.data.proxy.Client客户端代理和Ext.data.proxy.Server服务端代理,它们都继承自Ext.data.proxy.Proxy类,客户端代理和服务端代理的子类如下: 客户端代理: ● Ext.data.proxy.Memor转载 2013-01-02 20:58:45 · 3120 阅读 · 0 评论 -
vim学习笔记
安装vim包: sudo apt-get install vim普通用户到超级用户的切换: sudo su退出超级用户:ctrl+d 或者exitvim有三种常用模式:普通模式(默认)、编辑模式、命令行模式。普通模式到编辑模式:i 退回普通模式:esc按键(escape)普通模式到命令行模式用:(冒号) 退回普通模式:esc按键(escape):w转载 2012-04-06 00:38:16 · 9146 阅读 · 1 评论 -
Winxp下 gvim 编程环境搭建
1.官方网站下载最新的gvim7.1 win32,然后选择完全安装;我是安装在d:/vim目录下面,安装后的目录结构如下:D:/VIM├─vim71│ ├─autoload│ ├─colors│ ├─compiler│ ├─doc│ ├─ftplugin│ ├─indent│ ├─keymap│ ├─lang│ ├─macros│ ├─plugin转载 2012-04-06 22:52:46 · 826 阅读 · 0 评论 -
一个Ajax页面的新生命周期
用户通过指定URL来发起最初的请求。服务器返回原始的HTML页面。浏览器通过内存中的DOM树来展示页面。用户行为引发基于其他URL发出后续的异步请求,其内容不在现有的DOM树中。浏览器响应原页面中的回调函数,并返回数据。浏览器解析结果,并使用新的数据更新内存中的DOM树,然后再呈原创 2011-07-31 17:26:58 · 3637 阅读 · 0 评论 -
ecshop中ajax.call使用 [ECshop]
ecshop中的ajax非常好用,当自己第一次使用的时候,也非常吃力。当自己用多了的时候,却感觉十分简单,也特别方便。首先,建立dwt.里面写个form进去,加个form提交时间的按扭 其次,在js中增加函数 function sub_zixun(){ var转载 2011-07-28 00:33:08 · 16207 阅读 · 2 评论 -
调用EC后台分页代码
在商品分页之后提交的ajax提交的路径后面act是query而不是list,因为即使你点了下一页,也不出现翻页的效果,在上面加上如下php页面添加如下代码即可,具体根据自己的情况自己调试,这个代码是控制分页之后显示的,根据自己的需求去修改//*******************原创 2011-07-28 20:37:26 · 2121 阅读 · 0 评论 -
ecshop中ajax调用原理-讲座8
上一章我们讲述了ecshop如何给商品增加新字段-讲座7 ,本章我们将结合ecshop一些常见的使用规则。来谈谈ecshop中是如何调用ajax的.ecshop二次开发的过程中。我们常常遇到使用ajax异步出来的问题。 1:首先ecshop是如何定义ajax对象的。 ecsho转载 2011-07-28 00:48:00 · 3695 阅读 · 0 评论 -
js(JavaScript)代码实现的TAB标签切换效果
一个可以js(JavaScript)的tab标签切换代码,可以自动适应宽度,可以自己添加删除标签块,傻瓜式操作便能完成! <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.原创 2011-07-27 09:54:42 · 13685 阅读 · 1 评论 -
JavaScript动画基础知识
1.位置把文档中某个元素摆放到一个特定的位置是很容易的事。不妨假设有一个这样的元素:Whee!于是,可以用一个JavaScript函数来设置这个元素的位置:function positionMessage(){ if(!document.getElementById) retu原创 2011-07-16 16:27:31 · 931 阅读 · 0 评论 -
为表格添加斑马线效果
1. 把文档里的所有table元素找出来。2. 对每个table元素,创建odd变量并把它初始化为false。3. 遍历这个表格里的所有数据行。4. 如果变量odd的值是true,设置样式并把odd变量修改为false。5.原创 2011-07-15 13:51:30 · 3206 阅读 · 0 评论 -
动态创建标记
1. 创建一个p元素节点。2. 把这个p元素节点追加到test.html文档中的一个元素节点上。3. 创建一个文本节点。4. 把这个文本节点追加到刚才创建的那个p元素节点上。window.onload = function(原创 2011-07-15 13:50:50 · 533 阅读 · 0 评论 -
DOM
一份文档就是一棵节点书。节点分为不同的类型:元素节点、属性节点和文本节点等。getElementsById将返回一个对象,该对象对应着文档里的一个特定的元素节点。getElementsByTagName和getElementsByclassName将返回一个对象数组,它们分别对应原创 2011-07-12 16:59:20 · 656 阅读 · 0 评论 -
加入收藏夹,设为首页代码
把以下代码相应位置加入收藏设为首页鼠标指向时提示设为首页将下列代码插入区中:设为首页打原创 2011-04-20 14:40:00 · 791 阅读 · 0 评论 -
JavaScript编程宝典
第13章 通用HTML元素对象本章包括:1、使用HTML元素对象2、常用属性和方法3、所有元素对象的事件处理程序通用元素可分为两组:第一组元素(如b和strike)定义在被封装的文本序列中使用的字体样式,随着更多的浏览器支持样式表,这些元素及其表示的对象越来越少;第二组元素(如h1,blockquote和p)为其首尾标记内的内容指定上下文。这些元素对象共享许多脚本属性、方法和事件处理程序。13.1通用对象格式对象 上下文对象b原创 2011-04-09 13:25:00 · 949 阅读 · 0 评论