
前台那些事
流浪若相惜
学习!
展开
-
js图片滚动详细介绍
图片滚动幻灯这些几乎是每个网站都会用到的一种效果,我们公司做站也经常得用到。有些时候找一段兼容的滚动代码也是一件头疼的事情。其实我今天要讲的这个js代码是非常常见而好用的,看了我下面的讲解,或许知道为什么有时候会不兼容了。注释很详细!!大家一边看一边理解吧。图片滚动#demo {background: #FFF;overflow:hidden;转载 2014-03-22 15:21:30 · 185 阅读 · 0 评论 -
extjs Grid (二)
很多时候我们表格里显示的数据是从后台查询出来的海量数据,那么海量的数据显示在表格里用户的体验肯定会很差,效率也会很低。ExtJS为了解决这个问题,就给我们提供了一个非常强大的分页组件。今天我们就研究一下ExtJS的分页技术。1、为表格添加分页组件 要为表格添加分页组件,就要先创建Ext.PagingToolbar类的实例对象,然后将它添加到Panel中去。转载 2014-02-17 14:10:28 · 1169 阅读 · 0 评论 -
extjs Grid(一)
我们在很多网站都能看到表格的影子,而ExtJS Grid在页面表现上又非常强大,下面我们就创建我们的第一个表格。 在ExtJS中我们是通过Ext.grid.ColumnModel这个类来描述列属性的。下面我们建立一个ColumnModel对象。[javascript] view plaincopyvar cm = new E转载 2014-02-17 14:08:29 · 1005 阅读 · 0 评论 -
ext下的grid
一.基本操作步骤var cm=new Ext.grid.ColumnModel([ //对列的定义,cm是它的简写,作为真个表格的列模式,需要首先创建的 {header:'编号',dataIndex:'id',sortable:true}, //header是表的首部显示文本。dataIndex是列对应的记录集字段,sortable表示列是转载 2014-02-16 17:32:55 · 1244 阅读 · 0 评论 -
ext中的EXT.XTemplate()
本篇将涉及到ExtJs中一个重要的概念,模板。话说Razor很神奇,但是我个人不是很喜欢那种html混编C#的方式,仿佛又回到了asp的时代。ExtJs的模板同样也可以组织生成灵活的html,而且代码和html有效的分离。本文将细细分析ExtJs模板的用法。行文之前我先把公共的html和用到的js数据贴在前面,后面的代码都要引用到。[html] 使用标签tpl和操作符fo转载 2014-02-11 18:35:45 · 1147 阅读 · 0 评论 -
ext 解说
1.从http://www.sencha.com/products/extjs下载最新的EXTJS框架文件,最像的版本为EXT-4.0.7-GPL,此版本在IE7/IE8下面运行效率不高,在EXT-4.1中会解决。 2.解压缩文件,得到以下目录 docs目录中是说明文档examples目录中是EXTJS的例子locale目录中是本地化转载 2014-02-10 23:39:52 · 784 阅读 · 0 评论 -
xml和html是兄弟还是父子?
Q: 不知xml和html有什么区别?它们不同在哪? A: 关于XML和HTML区别请参考: http://www.w3c.org/MarkUp/ http://www.w3c.org/XML/ “可扩展标记语言”(XML) 提供一种描述结构化数据的方法。与主要用于控制数据的显示和外观的 HTML 标记不同,XML 标记用于定义数据本身的结构和数据类型。转载 2014-01-18 10:32:56 · 836 阅读 · 0 评论 -
javascript:void(0)
我想使用过ajax的都常见这样的代码:here但这儿的void(0)究竟是何含义呢?Javascript中void是一个操作符,该操作符指定要计算一个表达式但是不返回值。void 操作符用法格式如下:1. javascript:void (expression)2. javascript:void expressionexpression 是一个要计算的 J转载 2014-01-17 19:47:44 · 882 阅读 · 0 评论 -
Chrome developer tool介绍(javascript调试)
Chrome浏览器得益于其优秀的V8解释器,javascript执行速度和内存占有率表现非常优秀。对于html+css+javascript前台技术的学习或者开发,浏览器developer tool的使用时必不可少的,也能极大的提高学习或者开发效率。本文根据版本 23.0.1271.10。在window下,开启developer tool的快捷键为F12。1 Developer too转载 2015-06-30 16:05:38 · 479 阅读 · 0 评论 -
<!DOCTYPE html>的内容讲解
这是一个申明.申明此网页遵循W3C所制定的DTD规则.W3C是一个万维网联盟.主要作用是规范各种制作网站所用的工具.比如HTML,CSS,JAVASCRIPT等等.而DTD只是W3C对网页的HTML文件规范的一种.W3C没有对HTML文件的解析做标准之前,各种浏览器对同一个网页文件的解析千差万别.为了避免这样的事,W3C就提出了规范.!DOCTYPE> 声明位于文档中的最前面的转载 2014-01-21 15:35:28 · 1068 阅读 · 1 评论 -
html中实现回车或点击进入-----Mr.Zhang
首先,允许我这么称呼它们两个为兄弟。之所以这么称呼,是因为它们之间执行的是相同的任务----- 点击按钮。然而,它们也有不同之处,次不同之处又使得它们貌似有些调用的意思。接下来,让我来给大家说一下二者的关系,我们不妨举个例子来说明:请看如下代码: 此代码为登录界面,两个输入框:一个为输入名字,另一个为输入密码。一个button ,id为loginbutton。至原创 2014-02-18 17:20:36 · 5413 阅读 · 1 评论 -
学习easyui疑问(三)
今天我学习easyui中碰到的另一问题是:如何创建一个表格? 首先,在easyui中文官网上提供的这样一种定义方式:<!--table--><table id="tt"></table><!--script-->$('#tt').datagrid({ url:'datagrid_data.json', /*这里用于传数据*/ columns:[[ {field原创 2015-07-08 17:18:12 · 1212 阅读 · 0 评论 -
学习easyui疑问(二)
学习easyui时我们会发现有个属性叫data-options,对于此属性的解释官网上解释我并没有找到,经过查找资料得知,其实data-options这个属性就是实例化我们所要引用的组件,例如,我们创建一个折叠的框 代码如下: 实例化我相信大家都很清楚了,不清楚的我在这里打个比方:如我们要造一辆汽车,我们有了汽车的模子,这只是我们构造一辆汽车的前提,真正成为一辆汽车,我们还需要给这辆汽车发动机、原创 2015-07-08 15:34:30 · 855 阅读 · 0 评论 -
ext Grid(三)
想让用户体验更高就应该让用户可以在自己刚刚查询出来的数据表格上进行数据编辑,可以进行增删改查。可编辑的表格就在在想要能编辑的列里注册一个TextField组件,这个组件需要使用Ext.grid.GridEditor类来封装。 第一个可编辑表格[javascript] view plaincopycm = new Ex转载 2014-02-17 14:11:38 · 1167 阅读 · 0 评论 -
实现让两个DIV横向排列方法揭秘
你对如何定义让两个DIV横向排列的方法是否熟悉,这里和大家分享一下,主要有两种方法,一种是把display换成inline,另一种就是使用float:right属性,相信本文介绍一定会让你有所收获的。如何定义让两个DIV横向排列两个DIV横向排列方法一:一般情况,默认的DIV是写一个换一行,那么如何定义两个DIV横向排列而不换行呢?DIV默认的display属性是b转载 2014-03-26 15:55:56 · 2547 阅读 · 0 评论 -
js图片滚动详解
图片滚动幻灯这些几乎是每个网站都会用到的一种效果,我们公司做站也经常得用到。有些时候找一段兼容的滚动代码也是一件头疼的事情。其实我今天要讲的这个js代码是非常常见而好用的,看了我下面的讲解,或许知道为什么有时候会不兼容了。注释很详细!!大家一边看一边理解吧。图片滚动#demo {background转载 2014-03-22 14:40:07 · 301 阅读 · 0 评论 -
js 图片滚动详解
图片滚动幻灯这些几乎是每个网站都会用到的一种效果,我们公司做站也经常得用到。有些时候找一段兼容的滚动代码也是一件头疼的事情。其实我今天要讲的这个js代码是非常常见而好用的,看了我下面的讲解,或许知道为什么有时候会不兼容了。注释很详细!!大家一边看一边理解吧。图片滚动#demo {background: #FFF;overflow:hidden;转载 2014-03-22 15:20:10 · 253 阅读 · 0 评论 -
highCharts如何实现json数组数据的图形展示
昨天花了一天的时间学习了一下highcharts,基本的内容差不多都看了一遍,然后试着写了一个完整的demo,期间可谓百转千回,费了不少功夫,最终还是实现了我所想要的效果图,接下来我将如何实现统计图的过程给大家说一下。效果图如下:尽管样子不是那么好看,但还是蛮有成就感的。 好了接下来我来说一下如何实现,这里我先说下我实现的过程:首先,我通过前台发送ajax请求,请求后台进行查询原创 2015-07-26 09:48:44 · 11622 阅读 · 0 评论 -
前台啊,就是这么杂!
Window 尺寸有三种方法能够确定浏览器窗口的尺寸(浏览器的视口,不包括工具栏和滚动条)。对于Internet Explorer、Chrome、Firefox、Opera 以及 Safari:window.innerHeight - 浏览器窗口的内部高度window.innerWidth - 浏览器窗口的内部宽度对于 Internet Explorer 8、7、6、5:原创 2014-11-14 22:10:18 · 837 阅读 · 0 评论 -
json、js数组真心不是想得那么简单
之前由于做前台的东西比较少,对于json和js数组的认识仅局限于一种固定格式。这种固定的思维在开发前台时,特别是最近使用highcharts插件时,让我感到特别不明白,通过查询终于心头的疙瘩解开了。好了,废话少说,进入正题。1、json------ 什么是json? 首先让我看看w3c是怎么定义的。JSON:JavaScript 对象表示法(JavaScri原创 2015-08-20 22:36:21 · 1325 阅读 · 1 评论 -
c#如何实现从xml中加载树目录,并且显示完整的Text
谈到xml,相信有一定编程基础的童鞋们都比较清楚了。xml文件格式类似于嵌套的样式,这种独特的层次结构很容易使我们联想到目录树,因此这不禁让我们对两者之间产生一种牵线的想法。这不禁,使我们有这么一个问题:如何将xml存储的数据转换成目录树形式?? 首先我先贴一段xml代码:原创 2015-03-05 08:35:44 · 6344 阅读 · 2 评论 -
学习easyui疑惑(四)
这篇文章我将着重写一下关于我这两天做用到easyui做table所遇到的问题,对于easyui所提供的便捷式插件我觉得应该给予肯定,但是同时对于easyui在做table方面的不足在这里说明一下。 首先展示一下我这两天所做的一个table页,这个页面有点难看,但是基本的要求算是实现了,学了两天的jquery算是有个交代吧。 上图: 效果就是折叠式效果,每项中原创 2015-07-09 21:26:42 · 717 阅读 · 0 评论 -
window.location.href的用法
在写ASP.Net程序的时候,我们经常遇到跳转页面的问题,我们经常使用Response.Redirect 做ASP.NET框架页跳转,如果客户要在跳转的时候使用提示,这个就不灵光了,如: Response.Write(“< script>alert(‘恭喜您,注册成功!’);< /script>”); Response.Redirect(“main.html”); 这时候我们的提示内容没有出来转载 2015-06-17 18:07:30 · 762 阅读 · 0 评论 -
预览ExtJS 4.0的新功能(四):焕然一新的Store/Proxy
焕然一新的Store/Proxy转载请注明出处Ext中文网 (http://www.ajaxjs.com) 。上期讲到,Ext JS4 可以允许我们定义业务模型之间的关系(Association),在浏览器客户端就可以描述我们的业务模型如何,甚至灵活调用域对象(Domain Object)也不是一件难事。可是如果没用实体数据,业务模型也只是“空壳”,缺了内容也不存在什么“UI转载 2014-05-04 16:13:40 · 954 阅读 · 0 评论 -
深入理解JavaScript中的this关键字
深入理解JavaScript中的this关键字1. 一般用处2. this.x 与 apply()、call()3. 无意义(诡异)的this用处4. 事件监听函数中的this5. 总结在JavaScript中this变量是一个令人难以摸清的关键字,this可谓是非常强大,充分了解this的相关知识有助于我们在编写面向对象的JavaScrip转载 2014-04-24 15:53:05 · 615 阅读 · 0 评论 -
XML DOM---解析xml dom
大多数浏览器都内建了供读取和操作 XML 的 XML 解析器。解析器把 XML 转换为 JavaScript 可存取的对象。解析器分两种:一种是微软的浏览器,另一种是非微软的浏览器。-------------微软的 XML 解析器加载 XML JavaScript 片段把 XML 文档 ("books.xml") 载入了解析器:xmlDoc=原创 2014-04-15 10:06:56 · 973 阅读 · 0 评论 -
js 图片滚动实现
图片滚动幻灯这些几乎是每个网站都会用到的一种效果,我们公司做站也经常得用到。有些时候找一段兼容的滚动代码也是一件头疼的事情。其实我今天要讲的这个js代码是非常常见而好用的,看了我下面的讲解,或许知道为什么有时候会不兼容了。注释很详细!!大家一边看一边理解吧。图片滚动#demo {background转载 2014-03-22 15:37:57 · 1052 阅读 · 0 评论 -
学习easyui疑问(一)
如果你跟我一样是初学easyui的话,当然前提你要对html、csss、javascript有一定的了解了,你会发现我们想使用easyui中的控件时,会发现class=“easyui-panel”等类似的样式类,我们在所引用的css文件中是找不到的。 这是为什么呢?初始的时候或许你跟我一样,花了比较长的时间去找css文件中的样式类,但都是无功而返。当我打开easyui.min.js会惊喜的发现原创 2015-07-08 14:54:00 · 817 阅读 · 0 评论