Javascript高手心得(下)

在AJAX技术迅猛发展的今天,许多成功的AJAX项目的JavaScript运行库都大量扩展了内置函数的prototype功能。比如微软的ASP.NET AJAX,就给这些内置函数及其prototype添加了大量的新特性,从而增强了JavaScript的功能。我们来看一段摘自MicrosoftAjax.debug.js中的代码:String.prototype.trim = function String$trim() { if (arguments.length !== 0) throw Error

阅读全文

Javascript高手心得(中)

对象素描已经说了许多了许多话题了,但有一个很基本的问题我们忘了讨论,那就是:怎样建立对象? 在前面的示例中,我们已经涉及到了对象的建立了。我们使用了一种被称为JavaScript Object Notation(缩写JSON)的形式,翻译为中文就是“JavaScript对象表示法”。JSON为创建对象提供了非常简单的方法。例如,创建一个没有任何属性的对象:var o = {};创建一个对象并设置属性及初始值:var person = {name: "Angel"

阅读全文

Javascript高手心得(上)

编程世界里只存在两种基本元素,一个是数据,一个是代码。编程世界就是在数据和代码千丝万缕的纠缠中呈现出无限的生机和活力。数据天生就是文静的,总想保持自己固有的本色;而代码却天生活泼,总想改变这个世界。你看,数据代码间的关系与物质能量间的关系有着惊人的相似。数据也是有惯性的,如果没有代码来施加外力,她总保持自己原来的状态。而代码就象能量,他存在的唯一目的,就是要努力改变数据原来的状态。在代码改变数据的同时,也会因为数据的抗拒而反过来影响或改变代码原有的趋势。甚至在某些情况下,数据可以转变为代码,而代码却又有可

阅读全文

WOW.js插件介绍与使用

介绍WOW.js可以让页面滚动更有趣。当我们页面向下滚动时,页面的元素会产生有趣的动画效果。虽然动画很细微,但是却能吸引你的眼球。相信在网上你也看到了许多类似的效果,如果你也想你的网站页面更有趣,那就试试WOW.js吧。WOW.js依赖animate.css浏览器兼容 IE10+ ✔

阅读全文

jquery获取元素的整理

JQUERY的父,子,兄弟节点查找方法 jQuery.parent(expr) 找父亲节点,可以传入expr进行过滤,比如$("span").parent()或者$("span").parent(".class") jQuery.parents(expr),类似于jQuery.parents(expr),但是是查找所有祖先元素,不限于父元素 jQuery.children(expr).返回所有子节点,这个方法只会返回直接的孩子节

阅读全文

网页布局之自适应布局@media查询

相比较上一章说的弹性盒子,本篇的布局模式相对复杂点,但是对于某些情况下适用(对页面要求极其完美,设计师给出的稿子也是各个屏幕、浏览器的稿子), 使用@media查询,你可以针对不同的媒体类型定义不同的样式。@media 可以针对不同的屏幕尺寸设置不同的样式,特别是如果你需要设置设计响应式的页面,@media 是非常有用的。 当你重置浏览器大小的过程中,页面也会根据浏览器的宽度和高度重新渲染页面。 浏览器支持 chrome:版本21以上 IE:版本9以上 FireFox:版本3.5以上

阅读全文

网页布局之弹性盒子Flex-Box

在当今的WEB设计中,想要设计出高大上的网站布局是至关重要的。布局用来确定页面上不同的组件和元素的尺寸和位置。随着现在响应式设计越来越多,WEB应用一般都要求适配不同的设备尺寸和浏览器分辨率。响应式布局中页面设计中最重要的就是布局。需要根据窗口尺寸来调整布局,从而改变组件、元素的尺寸和位置,以达到最佳效果。这也使得布局的逻辑变得越来越复杂。本文介绍的是CSS3规范中引入的新布局模式-弹性盒子布局模式(Flex-Box)。弹性盒子模型可以用简单的方式满足很多常见复杂的布局需求。它的优势在于开发人员只是声明布

阅读全文

ExtJS4.2学习(25)终结篇,实战项目

终于到了ExtJs4的最终篇了,以实际项目来练手。很抱歉让大家等了这么久。之前有不完善或者有的朋友说我的教程里讲的比较浅的现在可以看这篇了。常见的Extjs4知识点,这个项目都涵盖了。我也准备把她开源出来。做了这么久,很不容易。其中只是实现了系统主要功能,还有些附加功能希望大家一起关注。项目概述:学校综合管理平台beta1.0业余时间做的一个小项目,目前还有很多功能没做,现在开源出来。因为只是学习的项目,代码质量不是太好,请大家多多包涵。主要技术: EXTJS4.2、SpringMVC、Mybatis、W

阅读全文

ajaxFileUpload上传onchange只触发一次

在使用ajaxFileUpload控件上传的时候发现一个问题:页面使用了自定义的上传界面<div style="float: left;" > <img src="#" alt="活动图片" id="licensePic" style="max-width: 450px" class="img-thumbnail" /><br/> <input

阅读全文

ExtJS4.2学习(24)TreeStore使用详解

前面基础了那么多,现在来点厉害的,网上几乎没有这个详解了,希望大家仔细看,相信你一定能学会,任何ext的容器数据的核心都是store,所以掌握了它,任何动态效果都能搞定。看下Ext.data.TreeStore的结构:Ext.Base Ext.data.AbstractStore Ext.data.Store Ext.data.NodeStore Ext.d

阅读全文

ExtJS4.2学习(23)textFiled后追加按钮

我们做表单的时候经常会需要在输入框后面添加一个按钮,比如搜索这样的,怎么加呢?其实很简单,我们只要熟悉triggerfield这个就可以。官方是这样解释的:为TextField提供一个便捷的包装器,添加一个可以点击的触发按钮 (默认情况下看起来像一个下拉选择框)。 这个Trigger没有默认操作,所以你必须通过覆盖 onTriggerClick分配一个函数来实现触发器的点击处理函数。 你可以直接创建一个Trigger,它被渲染成与一个下拉框非常相似, 这样你可以提供一个自定义的实现。看效果图:实现过程:

阅读全文

ExtJS4.2学习(22)登录界面

现在开始我们来慢慢完善这个系统,今天做一个登录界面,此套系统已经开始慢慢加入Java各种框架,或者后期我会自己定义合适的框架,让它可以完整的跑下来。今天做的是用window包裹panel,panel再包裹tabpanel实现的:先来看看今天做的效果图:login.jspXML/HTML Code复制内容到剪贴板 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEnco

阅读全文

ExtJS4.2学习(21)动态菜单与表格数据展示操作总结篇2

接着上次的章节,以下是比较完整的项目,我把整套框架搭好,还实现了一些动态控件,如:TreePanel+accordion、Grid高级功能等,具体见下图展示,希望可以帮助你在项目中用到。 (图一) 整体效果(图二)动态菜单(图三)高级Grid展示与操作(图四)TreeGrid以上是最近做

阅读全文

HTML5 地理位置定位(HTML5 Geolocation)原理及应用

地理位置(Geolocation)是 HTML5 的重要特性之一,提供了确定用户位置的功能,借助这个特性能够开发基于位置信息的应用。今天这篇文章向大家介绍一下 HTML5 地理位置定位的基本原理及各个浏览器的数据精度情况。 在访问位置信息前,浏览器都会询问用户是否共享其位置信息,以 Chrome 浏览器为例,如果您允许 Chrome 浏览器与网站共享您的位置,Chrome 浏览器会向 Google 位置服务发送本地网络信息,估计您所在的位置。然后,浏览器会与请求使用您位置的网站共享您的位置

阅读全文

ExtJS4.2学习(20)动态数据表格之前几章总结篇1

本节采用技术:SpringMVC+Jetty+ExtJs4.2+Maven+MySQL5.1以上+SLF4J(前几节学习的大家不知道记住了没,现在来总结复习下,顺便加点新技术) 学习本节前的准备:Eclipse高版本,Jetty插件,Maven插件,JDK1.7 休息了好久没开动教程了,确实最近太累了,大家见谅!先来看下效果,本章节是连续篇,今天是续篇的第一讲,前面

阅读全文
告知
  •     本站90%以上文章均属原创,部分转载已加上原作者出处。 如需转载本站文章请您务必保留本站出处!
  •     打广告评论者请自重,请为广大网友提供一个健康干净的网络空间。
  •  感谢主机屋提供网站空间;
  •  感谢万网阿里云提供域名解析;
  •  感谢EmpireCMS提供CMS系统;
  •  感谢bootstrap展示本站前端页面;
  •  感谢Glyphicons Halflings提供字体;
  •  感谢大家一直以来对本站的喜爱,感谢大家!
近期文章 建议与反馈