JavaScript/ExtJS
iteye_15147
这个作者很懒,什么都没留下…
展开
-
有意思的HTML5效果
[size=medium][url]http://www.html5tricks.com/9-funny-html5-animation.html[/url][/size]原创 2015-03-18 09:24:18 · 206 阅读 · 0 评论 -
javascript(OOA OOP )面向对象
JavaScript is not a real object-oriented language, it is a prototyping language, that is the difference with other object-oriented languages. In Javascript, you don’t use classes, you create objects f...原创 2013-04-05 18:07:57 · 147 阅读 · 0 评论 -
ExtJS如何更新tree或grid的store
[size=medium]ExtJS并没有提供setStore()方法,但提供了reconfigure()方法,该方法继承自Ext.panel.Table,reconfigure方法API描述如下:reconfigure( [Ext.data.Store store], [Object[] columns] )Reconfigures the table with a new store/...原创 2013-03-26 10:07:13 · 462 阅读 · 0 评论 -
如何跨域获取Cookie
[size=medium]cookie可以跨子域访问,如果用户信息保存在qq.com的cookie中,那么对于pay.qq.com, cb.qq.com是可以直接取到该cookie的。但是如果qq.com.cn,qq.cn都要拿qq.com中的cookie时,cookie的存、放的操作该怎么办?1)cookie不能跨根域,但js可以跨根域,在a.com登录后,用js的方式将cook...原创 2014-06-23 14:32:17 · 2434 阅读 · 0 评论 -
屏幕分辨率,打印分辨率,DPI,PPI,屏幕尺寸
[size=medium]屏幕尺寸是指屏幕对角线的尺寸,一般用英寸来表示物理尺寸与显示分辨率屏幕尺寸分为物理尺寸和显示分辨率两个部分。物理尺寸是指屏幕的实际大小。大的屏幕同时必须要配备高分辨率,也就是在这个尺寸下可以显示多少个像素,显示的像素越多,可以表现的余地自然越大。两台显示器的屏幕大小差不多大,却一个只能显示两行汉字,另一个则可以显示五行汉字,抛开字体大小差别,关键就...原创 2013-01-31 14:09:25 · 2352 阅读 · 0 评论 -
JavaScript获取图片(Image)的大小(宽度,高度)
如果只有图片的URL[code="js"]function getImageDimensions(imgStyleRule) { var defaultSize, img; defaultSize = { width: 10, height: 30 }; if (!imgStyleRule || !imgStyleRule.style || !i...原创 2014-05-13 17:46:27 · 4986 阅读 · 0 评论 -
JavaScript获取指定名字的样式规则
[code="js"]function getCSSRule(ruleSelectorText, styleSheetHref) { var doc = document, styleSheets = doc.styleSheets, rules = [], styleSheet, rule, i, j, len, len2; for (i = 0, len =...原创 2014-05-13 17:39:05 · 248 阅读 · 0 评论 -
浏览器下载文件的方式
[size=medium]用POST请求让浏览器下载文件方法1. 动态构造一个html Form表单元素,将参数隐藏在表单中通过post传过去[/size][code="js"]var data = tableElement.data;var columns = tableElement.columns;var groupColumns = tableElement.g...原创 2014-04-17 10:39:04 · 370 阅读 · 0 评论 -
JavaScript的事件处理函数是同步执行的, 不是异步
[size=medium]特别提出一点, 触发事件并执行事件处理函数是一个同步过程,不是异步过程. 所以事件机制并不是异步的.如果你对这句话,有疑问, 请自行编写代码验证,以前我总认为事件机制异步的, 但不是, 如下所示, [/size][code="js"]function testSynchronousEventHandler() { var event1 = new Cust...2014-03-12 12:03:49 · 1003 阅读 · 0 评论 -
20-things-to-avoid-or-do-when-getting-started-with-extjs-and-sencha-touch
[url]http://www.swarmonline.com/2011/05/20-things-to-avoid-or-do-when-getting-started-with-extjs-and-sencha-touch/[/url]原创 2013-04-05 18:20:08 · 97 阅读 · 0 评论 -
JavaScript Unit Testing
Unit testing framework1) Jasmine[url]http://pivotal.github.io/jasmine/[/url]2) siesta[url]http://www.bryntum.com/products/siesta/[/url]Behavior-driven-development[url]http://en.wikipedia...原创 2013-04-06 18:54:50 · 103 阅读 · 0 评论 -
全面理解面向对象的 JavaScript
[url]http://www.ibm.com/developerworks/cn/web/1304_zengyz_jsoo/index.html#resources[/url]原创 2013-04-24 10:27:46 · 88 阅读 · 0 评论 -
JavaScript内存溢出
[size=small][url]http://javascript.info/tutorial/memory-leaks[/url][url]https://msdn.microsoft.com/en-us/library/ms976398.aspx[/url][/size]原创 2015-02-13 10:42:37 · 229 阅读 · 0 评论 -
JavaScript Variable Scope and Closure(闭包)
[size=small]参考文章:[url]http://javascript.info/tutorial/initialization[/url][url]http://javascript.info/tutorial/closures[/url][url]http://javascriptissexy.com/understand-javascript-closures-with-...原创 2015-02-11 09:52:20 · 154 阅读 · 0 评论 -
JavaScript电子相册
http://www.webhek.com/misc/3d-album原创 2015-02-05 09:36:19 · 1524 阅读 · 0 评论 -
JavaScript学习笔记
Repeated and Omitted DeclarationsIt is legal and harmless to declare a variable more than once with the var statement. If the repeated declaration has an initializer, it acts as if it were simply an...原创 2015-01-11 10:59:01 · 134 阅读 · 0 评论 -
JavaScript小技巧
关系javascript变量的内存堆栈介绍可参考[url]http://web.jobbole.com/81010/#comment-86438[/url]参考链接:[url]http://web.jobbole.com/81785/[/url]问题1:闭包考虑下面的代码:var nodes = document.getElementsByTagName('bu...原创 2014-12-26 10:00:15 · 123 阅读 · 0 评论 -
转义字符处理,获取字符的ASCII码值
[size=medium]Java 获取字符的ASCII码值int asciiDec = (int)'c';JavaScript获取字符的ASCII码值'c'.charCodeAt()参考 JS里关于特殊字符的转义[url]http://www.cnblogs.com/sy-ds/p/4489463.html[/url]转义字符相互转换escape(",...原创 2014-10-24 13:58:12 · 1966 阅读 · 0 评论 -
JavaScript技巧,最佳实践(Best Practice)
[size=medium]45个实用的JavaScript技巧、窍门和最佳实践[url]http://blog.jobbole.com/54495/[/url][/size]原创 2014-10-20 10:03:07 · 253 阅读 · 0 评论 -
面向对象的JavaScript,ECMAScript6, ECMAScript2015
[size=small]全面理解面向对象的 JavaScript[url]http://www.ibm.com/developerworks/cn/web/1304_zengyz_jsoo/[/url]ECMAScript 6 compatibility table,查看各大浏览器的最新版本对ES6的支持[url]http://kangax.github.io/compat-t...原创 2017-02-11 21:11:12 · 137 阅读 · 0 评论 -
ExtJS组件与HTML基本组件的关联
原文链接: HTML and ExtJS Component http://skirtlesden.com/articles/html-and-extjs-components 文章详细阐述了如下关键概念: ExtJS中的Component和HTML的Element的联系,关联,区别 autoEl childEls targetEl tpl & data renderTpl &...原创 2014-02-13 11:57:51 · 445 阅读 · 0 评论 -
利用css绘制图形
[url]http://css-tricks.com/examples/ShapesOfCSS/[/url]原创 2014-02-10 14:49:36 · 95 阅读 · 0 评论 -
SASS用法指南
[size=small]SASS用法指南[url]http://www.ruanyifeng.com/blog/2012/06/sass.html[/url][url]http://sass-lang.com/[/url][url]http://sass-lang.com/documentation/file.SASS_REFERENCE.html[/url]在线转换器...原创 2016-03-03 14:18:02 · 96 阅读 · 0 评论 -
Sencha app build出来的all-classes.js里面的类顺序不对
问题描述:使用Sencha cmd的Sencha app build成功的生成了all-classes.js文件,测试时发现浏览器报如下错误,Failed to load resource: the server responded with a status of 404 (Not Found) http://localhost:8090/myContext/APPName/model/...2013-09-12 11:50:35 · 198 阅读 · 0 评论 -
子组件自适应容器滚动条 尽量使用百分比宽度高度
Extjs里的组件尽量使用百分比高度和宽度,为什么要这么做了,有如下优势:1)可以适应不同分辨率,如果是绝对的高度和宽度,当然不能自适应不同的屏幕2)当你要动态往容器理添加组件的时候,如果是百分比宽度和高度,当容器的内容超出容器的大小时,容器通常会出现滚动条,但是有一个很重要的问题,如果容器里面的组件,你使用的是绝对的高度和宽度,你会发现,子组件的宽度和高度不会自动增减滚动条的宽度或高...原创 2013-08-19 19:52:25 · 402 阅读 · 0 评论 -
javascript获取屏幕分辨率
window.screen.availWidth 获取屏幕水平分辨率window.screen.availHeight 获取垂直分辨率原创 2013-08-19 19:39:10 · 259 阅读 · 0 评论 -
如何检测组件是否有滚动条
假设组件变量用view表示,那么下面代码可以检测组件是否出现了垂直滚动条view.el.dom.scrollHeight>view.el.dom.clientHeight如果组件的scrollHeight大于clientHeight,这说明组件出现了垂直滚动条同理,下面的代码可以检测组件是否出现了水平滚动条view.el.dom.scrollWidth>view.el.dom....原创 2013-08-19 19:37:13 · 344 阅读 · 0 评论 -
Check scope of element in Angular JS
step 1) choose an element in debug modestep 2) call angular.element($0).scope()原创 2015-06-16 15:36:50 · 97 阅读 · 0 评论 -
DOMContentLoaded和onload
window的load事件会在页面中的一切都加载完毕时触发,但这个过程可能会因为要加载外部资源过多而颇费周折。而DOMContentLoaded事件则在形成完整的DOM树之后就会触发,不理会图像、JavaScript文件、CSS文件或其他资源是否已经下载完毕。与load事件不同,DOMContentLoaded支持在页面下载的早期添加事件处理程序,这也就意味着用户能够尽早地与页面进行交互。如果...原创 2013-06-26 14:46:19 · 164 阅读 · 0 评论 -
ExtJS4设置enableBuffer为false没用
[color=darkred]此问题只存在于ExtJS4.2.0版本中,在ExtJS4.2.1中已经修复了,所以不需要手动修改了。[/color]前端为ExtJS 4.2服务端为extdirectspring, extdirectspring的配置如下,[code="java"] /** * Configuration class to configure differe...原创 2013-06-25 17:47:41 · 156 阅读 · 0 评论 -
Javascript代码覆盖测试工具(Code Coverage Tool)
IstanbulKarma (formerly Testacular)Blanket.jsJSCover This is a code coverage tool that is the child of JSCoverage and utilizes a java server to take your javascript files, dynamically inject c...原创 2013-06-06 15:06:46 · 327 阅读 · 0 评论 -
extjs Uncaught RangeError: Maximum call stack size exceeded
extjs Uncaught RangeError: Maximum call stack size exceeded 描述:引发这一异常的原因可能有多个,这里我只记录我碰到的原因。我在一个store的beforeload事件监听器里添加了需要发送到后台的参数,代码片段大致如下:[code="js"]beforeload : function(store, operation,...原创 2013-09-16 16:38:07 · 385 阅读 · 0 评论 -
localhost本地访问与用机器名或ip地址访问时页面显示不同
问题描述:用Extjs 4.2.1 开发的web程序在chrome中访问正常,在IE8中通过localhost本地/本机访问页面显示也正常,但是通过机器名或ip地址访问时页面有点区别,滚动条部分有点问题.原因:IE浏览器兼容性问题。类似问题的帖子可以参考如下页面:[url]http://stackoverflow.com/questions/4951127/odd-beha...2013-09-18 14:26:43 · 1932 阅读 · 0 评论 -
关于Extjs的mixins和plugin
mixins 用于实现多继承,由于extend只能实现单继承,使用mixins就很方便的让我们从多个基类中继承方法,案例:[code="js"]Ext.define('CanSing', { sing: function() { alert("I'm on the highway to hell...") }});Ext.define('...2013-09-30 16:08:50 · 295 阅读 · 0 评论 -
Angular JS与ExtJS比较
ExtJS vs AngularJS[url]http://www.techferry.com/articles/ExtJS-vs-AngularJS.html[/url]上面文章的中文翻译【翻译】ExtJS vs AngularJS[url]http://blog.csdn.net/tianxiaode/article/details/32319627[/url]An...原创 2016-01-04 13:54:06 · 488 阅读 · 0 评论 -
ExtJS使用Sencha Cmd合并javascript文件为一个文件
[size=medium][b]1. Motivation[/b] To reduce page load time by reducing the requests of fetching JavaScript files.[b]2. Creating a production build manually[/b] Download and Install Sencha Cmd ...原创 2013-12-26 10:04:59 · 266 阅读 · 0 评论 -
ExtJS POST请求客户端服务端案例
客户端GUI端示例[code="javascript"]var positionIDList = [1,2,3,4];Ext.Ajax.request({ method: 'POST', url: 'services/test', jsonData: { 'positionIDList':positionIDList, 'date':'201...原创 2015-11-10 15:29:30 · 332 阅读 · 0 评论 -
消除IE stop running this script弹出框
[size=medium][b]问题描述和分析:[/b]最近用ExtJS开发的代码在IE8里面跑时, IE跳出了stop running this script的提示, 提示如下:Stop running this script?A script on this page is causing your web browser to run slowly. If it cont...原创 2013-12-13 14:50:17 · 245 阅读 · 0 评论 -
页面元素选择器
[size=medium]var simple = '.foo'; // Only asking for the class name on the elementvar simple = 'div.bar'; // Only asking for the tag/class name on the element除了下面的Element/Attribute/Pseudo/CSS valu...原创 2013-11-26 10:58:02 · 192 阅读 · 0 评论 -
Javascript设计模式
书名:Learning JavaScript Design Patterns作者: Addy Osmani在线阅读: [url]http://addyosmani.com/resources/essentialjsdesignpatterns/book/[/url]原创 2015-09-29 14:12:51 · 93 阅读 · 0 评论