JavaScript中的跨浏览器事件操作的基本方法整理

2017年02月06日 11 阅读

绑定事件EU.addHandler = function（element,type,handler）{//DOM2级事件处理，IE9也支持if（element.addEventListener）{element.addEventListener（type,handler,false）;}else if（element.attachEvent）{//type加"on"//IE9也可以这样绑定element.attachEvent（"on" + type,ha...

如何用JavaScript实现动态修改CSS样式表

2017年02月06日 9 阅读

看过我写的《用JavaScript动态建立或增加CSS样式表的实现方法》之后，你就很容易想明白如何修改CSS样式表了。正好今天在论坛碰到一位朋友问这样的一个问题：<style>.ls{width=120px;}</style><script>//在这里加一句来改变.ls中width的值，如何写</script>有的朋友回答：“如果使用.ls的对象很多的话，用JS确实不方便, jquery方便,$（".ls"）...

JavaScript中用let语句声明作用域的用法讲解

2017年02月06日 9 阅读

语法let variable1 = value1参数variable1要声明的变量的名称。value1赋给变量的初始值。备注使用 let 语句声明一个变量，该变量的范围限于声明它的块中。 可以在声明变量时为变量赋值，也可以稍后在脚本中给变量赋值。 使用 let 声明的变量，在声明前无法使用，否则将会导致错误。如果未在 let 语句中初始化您的变量，则将自动为其分配 JavaScript 值 undefined。示例：var l = 10;{let l = ...

基于Node.js的JavaScript项目构建工具gulp的使用教程

2017年02月06日 9 阅读

npm install gulp --save-dev 什么是gulp？gulp是新一代的前端项目构建工具，你可以使用gulp及其插件对你的项目代码（less,sass）进行编译，还可以压缩你的js和css代码，甚至压缩你的图片，gulp仅有少量的API，所以非常容易学习。 gulp 使用 stream 方式处理内容。Node催生了一批自动化工具，像Bower，Yeoman，Grunt等。gulp和grunt的异同点易于使用：采用代码优于配置策略，Gulp...

在JavaScript中模拟类（class）及类的继承关系

2017年02月06日 9 阅读

Javascipt语法不支持"类"（class）[es6已经支持]，但是有模拟类的方法。今天我主要谈谈Javascipt中模拟“类”的方法及js中继承的总结和回顾。js中实现“类”与继承，既是重点，又是难点。很多同学可能都对js中“类”与继承都有所了解，但是深入剖析的时候，感觉力不从心、模棱两可。我们先来总结一下js定义“类”的几种方法：方法一：构造函数法这个方法是比较经典的方法，我们会经常见到。生成实例的时候，使用new关键字。类的属性和方法，还可以定义...

总结JavaScript设计模式编程中的享元模式使用

2017年02月06日 9 阅读

享元模式不同于一般的设计模式，它主要用来优化程序的性能，它最适合解决大量类似的对象而产生的性能问题。享元模式通过分析应用程序的对象，将其解析为内在数据和外在数据，减少对象的数量，从而提高应用程序的性能。基本知识享元模式通过共享大量的细粒度的对象，减少对象的数量，从而减少对象的内存，提高应用程序的性能。其基本思想就是分解现有类似对象的组成，将其展开为可以共享的内在数据和不可共享的外在数据，我们称内在数据的对象为享元对象。通常还需要一个工厂类来维护内在数据。在...

jQuery EasyUI Pagination实现分页的常用方法

2017年02月06日 9 阅读

EasyUI 的 datagrid 支持服务器端分页，但是官方的资料比较少，以下总结了两种 datagrid 的服务器端分页机制，可根据情况具体使用。一、使用 datagrid 默认机制后台：public JsonResult GetQuestionUnit（） {// easyui datagrid 自身会通过 post 的形式传递 rows and pageint pageSize = Convert.ToInt32（Request["rows"]）;...

iscroll碰到Select无法选择下拉刷新的解决办法

2017年02月06日 9 阅读

第一步：在handleTarget函数方法开始加入：复制代码 代码如下:var theTarget = e.target; if （theTarget ！= null && theTarget.tagName == "SELECT"） { return false;}第二步：在 touchStart函数处即_start（）处必须加入：复制代码 代码如下:if （e.target.tagName ！= "SELECT"） { e.preventDefau...

JavaScript中对JSON对象的基本操作示例

2017年02月06日 9 阅读

JSON对象1、对象的属性：对象的属性是有键值对组成的，其中key为一个字符串，value可以为任何的Javascript对象。//使用[]设置和获取对象的属性var obj = new Object（）;obj["www.jb51.net"] = "http://www.jb51.net";alert（obj["www.jb51.net"]）;2、变量既是属性：Javascript引擎在初始化时会构建一个全局对象，所有的变量都是这个全局对象的属性。为了引...

jQuery插件pagination实现无刷新分页

2017年02月06日 9 阅读

这篇文章我们主要看看简单的使用jQuery pagination这个插件来实现无刷新分页，使用jQuery pagination主要作用在于分页样式的显示，而无刷新的主要原理还是使用Ajax，具体看下文：首先，我们引入jQuery文件、jQuery pagination文件和jQuery Templates文件。<script type="text/javascript" src="http://ajax.googleapis.com/ajax/li...

基于HTML5上使用iScroll实现下拉刷新，上拉加载更多

2017年02月06日 9 阅读

前言 前一段有个手机端的项目需要用到下拉刷新和上拉加载更多的效果，脑海里第一反映就是微博那种效果，刚开始的理解有些偏差，以为下拉也是追加数据，上拉也是追加数据，后请教同事后发现其实下拉只是刷新最新数据而已，上拉是追加数据。使用技巧1、引用iScroll.js， 在初始化时添加两个事件监听：touchMove、DOMContentLoaded。2、实现iScroll插件的onScrollEnd事件， 也就是在这个事件里调用你自己的ajax方法实现数据的刷新...

JavaScript的ExtJS框架中表格的编写教程

2017年02月06日 9 阅读

ExtJS中表格的特性简介表格由类Ext.grid.GridPanel定义，继承自Ext.Panel，xtype为grid表格的列信息由Ext.grid.ColumnModel定义表格的数据存储器由Ext.data.Store定义，根据解析数据的不同，数据存储器可具体分为如下几种：JsonStore，SimpleStore，GroupingStore…一个表格的基本编写过程：1、创建表格列模型var cm = new Ext.grid.ColumnMode...

IScroll5 中文API参数说明和调用方法

2017年02月06日 9 阅读

官网：http://iscrolljs.com/IScroll最简单的DOM结构:<div id="wrapper"><ul><li>...</li><li>...</li>...</ul> </div>初始化iscrollvar myScroll = new IScroll（"#wrapper",options）; 初始化设置初始化设置使用实例：var myS...

JavaScript的ExtJS框架中数面板TreePanel的使用实例解析

2017年02月06日 9 阅读

在ExtJS中，不管是叶子节点还是非叶子节点，都统一用TreeNode表示树的节点。在ExtJS中，有两种类型的树节点。一种节点是普通的简单树 节点，由Ext.tree.TreeNode定义，另外一种是需要异步加载子节点信息的树节点，该类由Ext.tree.AsyncTreeNode定 义。在数据中， text 显示文字， leaf 节点 ， children 子节点，expanded 展开var store = Ext.create（‘Ext.data....

使用jQuery实现WordPress中的Ctrl+Enter和@评论回复

2017年02月06日 9 阅读

添加 Ctrl+Enter 快捷回复这里送上两种方法，首先是 jQuery 方法，前段时间一直在研究 jQuery ，因此对 jQuery 方法比较熟悉，如果你的主题本来已经加载 jQuery 库，建议你使用下面的方法。把这段代码加入 js 文件中，如果你已经加载 jQuery ，现在就可以使用 Ctrl+Enter 进行快捷回复。jQuery（document）.ready（function（$）{//Ctrl+Enter回复jQuery（documen...

Markdown+Bootstrap图片自适应属性详解

2017年02月06日 9 阅读

Markdown 是一种轻量级的「标记语言」，它的优点很多，目前也被越来越多的写作爱好者，撰稿者广泛使用。看到这里请不要被「标记」、「语言」所迷惑，Markdown 的语法十分简单。常用的标记符号也不超过十个，这种相对于更为复杂的 HTML 标记语言来说，Markdown 可谓是十分轻量的，学习成本也不需要太多，且一旦熟悉这种语法规则，会有一劳永逸的效果。使用 Markdown 的优点1、专注你的文字内容而不是排版样式，安心写作。2、轻松的导出 HTML、...

jQuery DataTables插件自定义Ajax分页实例解析

2017年02月06日 9 阅读

一、问题描述园友是做前端的，产品经理要求他使用jQuery DataTables插件显示一个列表，要实现分类效果。后端的分页接口已经写好了，不涉及条件查询，需要传入页码（pageNo）和页面显示数据条数（pageSize），显示相应页的显示记录，且不能修改后端接口。二、分析先来分析下分页实现。一是后端分页：这种情况下，在后端很容易实现，在官网上有示例，不多说明。二是前端分页：前端分页也是支持的，不过需要一次把所有数据都获取到才可以。看到这里，问题来了。由于...

js+html5实现canvas绘制椭圆形图案的方法

2017年02月06日 9 阅读

本文实例讲述了js+html5实现canvas绘制椭圆形图案的方法，HTML5 canvas 没有画椭圆的方法，以下代码可以画出椭圆，分享给大家供大家参考，具体实现方法如下：1、在一个隐式的画布 （将 其 CSS 定义成：display:none; ） 上画园。2、将隐式画布的影像，以不同的宽高比值，画在另一个显式的画布，以使园变成椭圆。3、进而，加进动画功能。<html><head><meta http-equiv="Con...

javascript RegExp 使用说明

2017年02月06日 9 阅读

一：正则表达式的创建方式1.文字格式，使用方法如下： /pattern/flags（即：/模式/标记） 2.RegExp构造函数，使用方法如下： new RegExp（"pattern"[,"flags"]）（即：new RegExp（"模式"[,"标记"]）） 参数： pattern（模式）：表示正则表达式的文本 flags（标记）：如果指定此项，flags可以是下面之一： g:global match（全定匹配） i:ignore case（忽略大...

JavaScript的Ext JS框架中的GridPanel组件使用指南

2017年02月06日 9 阅读

1 最简单的Grid PanelGrid Panel是ExtJS的核心部分之一，通过Grid Panel可以对数据显示、排序、分组和编辑。Model和Store是Grid Panel处理数据的核心，每个Grid Panel都必须设置Model和Store。要创建Grid Panel，首先要定义Model，Model包括了Grid Panel所有需要显示的字段，相当于数据库中表字段的集合。Store可以看作是一行数据的集合或者是Model的实例集合，每个St...