Web前端
文章平均质量分 95
___NULL
这个作者很懒,什么都没留下…
展开
-
glassfish 下 dojo js 框架 乱码 设置默认字符集 utf-8
glassfish 设置支持默认字符集 utf-8,使其对页面有完整的 utf-8,避免部分 js框架在非 utf-8下导致输出乱码。glassfish 设置支持默认字符集 utf-8,需要修改 /WEB-INF/glassfish-web.xml 向 glassfish-web-app 节点添加 <parameter-encoding default-charset="utf-8"...原创 2019-03-26 18:29:51 · 311 阅读 · 0 评论 -
Dojo javascript 框架控件性能优化最佳实践
Dojo 是一种流行的开源 JavaScript 工具包,为基于 web 应用的 JavaScript 快速开发而设计,它已经被广泛地使用在 Web 开发中。Dojo 提供了丰富的 Widget,让您更容易地为 Web 页面添加动态能力,提升 Web 应用程序的可用性和交互能力,同时提高了程序员的开发效率。本文主要介绍 Dojo Widget 在项目中的应用以及一些应用过程中的实践经验,重点阐述几种在 web 页面初始化 Dojo widget 的方式,如果一个复杂页面中包含很多的 widget,那么初始化转载 2017-04-05 21:47:07 · 1651 阅读 · 0 评论 -
纯CSS绘制三角形(各种角度)
我们的网页因为 CSS 而呈现千变万化的风格。这一看似简单的样式语言在使用中非常灵活,只要你发挥创意就能实现很多比人想象不到的效果。特别是随着 CSS3 的广泛使用,更多新奇的 CSS 作品涌现出来。今天给大家带来 CSS 三角形绘制方法复制代码代码如下:#triangle-up { width: 0; height: 0; bor转载 2016-12-12 20:39:40 · 670 阅读 · 0 评论 -
dojo 创建按钮和文本输入框 tip 提示以及控件焦点 focus
页面展开还有创建两个控件,Button 和 TextBox,单击按钮后 TextBox 出现 tip 提示,并获得焦点(focus),TextBox 事件 keyup 则关闭 tip,代码如下: require([ "dijit/form/TextBox", "dijit/focus", "dijit/form/Button", "dijit/Tooltip"原创 2016-11-21 04:12:58 · 2256 阅读 · 0 评论 -
Dojo 利用 Dijit Button 和 FilteringSelect 创建自定义小部件
Dojo 一个非常实用的功能,创建小部件,可以用现有的部件做一些组合,成为一个全新的,自己的特有的部件。js 主体程序,其中创建了一个 FilteringSelect 和 两个 Button 的一个部件// dojo.provide allows pages to use all of the types declared in this resource.define([ "原创 2016-09-07 04:35:02 · 847 阅读 · 0 评论 -
javascript 翻书效果,其效果还不错
javascript 翻书效果调用代码: Turn.js Page 1 Page 2 Page 3 Page 4 $("#flipbook").turn({ width: 400, height: 300, autoCenter: true });演示效果:源码下载http://www.turn转载 2016-09-19 20:25:15 · 4221 阅读 · 0 评论 -
用 Dojo 1.x 开发小部件 - 标签编辑框
学习使用 Dojo JavaScript 工具箱开发 HTML 小部件的基础知识。本文为您提供了一个简介,此外,还给出了几个例子为开发过程提供帮助 — 以简单的示例小部件开始,随后是复杂一些的小部件,同时还突出介绍了在开发过程中可能遇到的一些常见问题。本文的目标是为您提供使用 Dojo JavaScript 工具箱开发 HTML 小部件的基础知识,首先从版本 1.0 开始。本文还描述了几个示例,以简单的小部件开始,之后是较为复杂的小部件,同时还会解决在小部件开发过程中经常遇到的一些常见问题。Dojo 是一种转载 2016-05-19 19:08:51 · 1636 阅读 · 0 评论 -
扩展 Dojo dijits 来创建自定义小部件 - 扩展日历部件
本文要介绍的内容是:当来自 Dojo 工具包的特定 dijit 无法全面满足您的需要,您需要创建自己的自定义小部件时,您可以怎么做。本文的最后提供了一个示例,其中包含一组需求和满足这些需求的方法,您将熟悉如何使用 dijit 和其他 Dojo 核心功能,以及如何声明自己的小部件。Dojo Toolkit 是一个强大的 JavaScript™ 库,支持 Web 开发人员使用面向对象的小部件,用最少的开发时间和工作量来创建富 Internet 应用程序。Dojo Toolkit 提供了 4 个包,它们分别是 D转载 2016-05-19 19:12:11 · 1931 阅读 · 0 评论 -
在 Node.js 上使用 Dojo
Node.js 最近非常火热,不仅开源社区对其非常关注,甚至微软对其也提供了官方的支持,从而让 Node.js 也能运行于 Windows 系统,这为 Node.js 的进一步流行奠定了基础。本文将介绍 Node.js 和 Dojo 的模块管理机制,并在此基础上详细介绍在 Node.js 上运行 Dojo 框架的方案。最后通过一个例子,演示如何用 Dojo 的 DTL 模块来解析一个基于 Djan转载 2016-08-31 15:36:50 · 683 阅读 · 0 评论 -
javascript 组件化
作为一名前端工程师,写组件的能力至关重要。虽然javascript经常被人嘲笑是个小玩具,但是在一代代大牛的前仆后继的努力下,渐渐的也摸索了一套组件的编写方式。下面我们来谈谈,在现有的知识体系下,如何很好的写组件。比如我们要实现这样一个组件,就是一个输入框里面字数的计数。这个应该是个很简单的需求。我们来看看,下面的各种写法。为了更清楚的演示,下面全部使用jQuery作为基础转载 2016-07-14 11:57:50 · 3081 阅读 · 0 评论 -
Javascript 对象封装的例子
创建两个对象 Javascript 对象 Life2 和 Life2,内置两个函数,分别可以被外部访问和不能被外部访问。var self = this 指明了函数内 this 的作用域。window.app {... ...};创建 Javascript 对象集合,方便集成调。Insert title here //对象封装 2 var Life原创 2016-05-29 03:15:01 · 1276 阅读 · 0 评论 -
Javascript 的函数式对象 利用闭包模拟类的静态变量和方法
除了模拟类的私有变量和私有方法。闭包还可用来模拟类的静态变量和方法。除了再次利用js的闭包特性,还需要借助js语法上的一些特点。看下面一段代码:var MyNamespace = {}; // 定义命名空间 MyNamespace.TreeItem = (function(){ //使用闭包产生的私有静态变量,不可被外部访问转载 2016-05-21 13:46:39 · 1299 阅读 · 0 评论 -
JavaScript 常量
下表列出了可在表达式中使用的预定义的 JavaScript 常量。常量描述JavaScript 对象E数学常量 e。 这是欧拉数,即自然对数的底。 MathInfinity一个大于最大浮点数的值。 负无穷大 (-Infinity) 小转载 2016-05-21 13:16:43 · 1428 阅读 · 0 评论 -
解决 jQuery 符号 $ 与其他 javascript 库、框架冲突的问题
目前有大量的 javascript 开发框架,其中有一部分使用 $ 作为调用符号,这可能导致相互之间的冲突,而 jQuery 为解决这个问题,可以在 jQuery 导入时放弃 $ 使用权,届时 $ 则由其它框架使用,这样可以避免相同名字的函数调用不再冲突。jQuery 使用 noConflict 方法来放弃 $ 调用时的命名,之后由 jQuery 代替 $ 进行编写。例如:alert($(原创 2016-04-24 17:47:53 · 1030 阅读 · 0 评论 -
掌握 Dojo 工具包,第 9 部分: Dojo 国际化
本文主要是讲述 Dojo 所支持的三种不同的本地化处理方法。第一种是对时间、数字和货币本地化的直接支持;第二种是专注于本地化处理的 Dojo Widget;第三种是对页面显示内容的本地化处理。在全球化趋势越来越明显的今天,一个优秀的软件往往面对的是全球的使用环境。为了使其能够在国际化的环境中得到更好的应用。Dojo 给出了一系列的针对软件本地化的解决方案。本文主要介绍 Dojo 对文字、时间、数字和货币的本地化处理方法。对度量衡的本地化处理世界各地在度量衡的表示方式上有着巨大的差异。这些差异主要表现在转载 2016-04-23 03:47:19 · 1495 阅读 · 0 评论 -
掌握 Dojo 工具包,第 6 部分: Dojo Widget 的高级应用
本文主要是讲述 Dojo Widget 的高级使用方法。Dojo 在目前种类众多的 Web2.0 开发框架中,其最令人瞩目的就是其类型多样,功能强大的 Widget。通过本文,读者能够掌握对 Dojo Widget 的各种操控方法。可以根据自己的实际需要,使用动态或静态的方法创建 Dojo Widget,更改 Dojo Widget 的功能,修改 Dojo Widget 的样式,销毁不再需要的 Dojo Widget,让使用 Dojo Widget 的系统功能更加强大和丰富多彩。转载 2016-04-23 03:43:11 · 2106 阅读 · 0 评论 -
struts2 用标签 <s:property value='[]'/> 取值 json 含有转义字符的解决方法
java web 开发时,基于 struts2 框架,遇 html 标签取值字符串或者数字,用以下方法没有问题,但遇到取得的结果是 json 就会被 struts2 编码,得不到正确信息,中间会被加上很多转义符号。// 非 json 信息,显示结果正常遇到 json 结果时,就要使用 escape='false' 属性,关闭转义功能,以确保在取得 json 时得到正确信息。原创 2015-11-23 19:18:24 · 5041 阅读 · 1 评论 -
CSS DIV 上下左右完全全屏居中
CSS DIV 全屏居中,center { position: absolute; width: 800px; height: 520px; margin: auto; top: 0; left: 0; bottom: 0; right: 0; background-color: #ffffff; overflow-x: hidden; overflow-y: hidden;}资料来源转载 2016-11-16 18:57:06 · 4722 阅读 · 0 评论 -
dojo 创建一个工具栏 toolbar 并完成相应的事件 onClick 处理
Dojo 是一套非常强大的 js 前端框架,拥有丰富的控件和灵活的可操作性,这里介绍 dojo 控件中 toolbar 的创建和相应的设置,在 dojo 框架路径正常的情况下,直接复制代码到 apache 或者 nginx 之类的 http 服务器目录中,确保代码中的 dojo 的路径与实际路径相符,代码在 Google Chrome 测似通过,代码如下:<!DOCTYPE html&...原创 2018-09-22 22:18:27 · 623 阅读 · 0 评论 -
dojo 中控件的 data-dojo-id 属性的作用
dojo 控件中 data-dojo-id 可以简化 js 代码的操作,但不是必要属性,但在页面中必须唯一。在页面中创建一个 dojo 的 dijit/form/TextBox 控件,标签中不使用 data-dojo-id 属性的情况下:<input data-dojo-type="dijit/form/TextBox" type="text" name="my_name" id=...原创 2018-10-01 23:13:56 · 824 阅读 · 0 评论 -
javascript setTimeout setInterval 和 clearInterval 的使用
setTimeout methodEvaluates an expression after a specified number of milliseconds has elapsed.Syntaxvar retval = window.setTimeout(expression, msec, language);Parametersexpression转载 2017-09-09 20:33:26 · 652 阅读 · 0 评论 -
dojo build 打包 独立 js 文件 优化加载 大幅缩短页面加载时间
dojo build 打包 独立 js 文件 优化加载 大幅缩短页面加载时间blog.csdn.net/joyous/article/details/79905937dojo 是一个非常强大的 js 开源前端框架,设计前卫、低耦合,各模块(控件) js 文件独立,使用非常方便,能满足绝大部分企业 Web 应用的开发,但由于 js 文件分散,若不打包压缩直接使用,尤其是页面上存在 dijit...原创 2018-04-12 01:31:48 · 1088 阅读 · 1 评论 -
JavaScript class 类封装的简单使用 基于 ECMAScript 6 即 ECMAScript 2015
JavaScript class 类封装的简单使用 基于 ECMAScript 6 即 ECMAScript 2015 文章来源 blog.csdn.net/joyous/article/details/79102169创建一个 js 文件 test.js在下面的例子中,我们首先定义一个名为Polygon 的 class,然后继承它来创建另一个名为 Square 的 class。注意,...原创 2018-01-19 01:27:02 · 430 阅读 · 0 评论 -
html xml 转义符号 java 转换 HTML 字符 java 特殊字符转义字符串
为什么要用转义字符串?HTML中,&等有特殊含义(,用于链接签,&用于转义),不能直接使用。这些符号是不显示在我们最终看到的网页里的,那如果我们希望在网页中显示这些符号,该怎么办呢?这就要说到HTML转义字符串(Escape Sequence)了。转义字符串(Escape Sequence)也称字符实体(Character Entity)。在HTML中,定义转义字符串的原因有两个:第一转载 2017-11-10 23:18:35 · 3533 阅读 · 0 评论 -
javascript 对象与字符串相互转换函数 JSON.stringify 和 JSON.parse 的使用
The JSON.parse() method parses a JSON string, constructing the JavaScript value or object described by the string.The JSON.stringify() method converts a JavaScript value to a JSON string,转载 2017-06-25 19:34:40 · 1691 阅读 · 0 评论 -
js 等待动画效果,利用 spin.js 生成动画等待效果
利用 js 生成一个界面友好的等待效果,使用 jquery 插件 spin.js,文章末尾有下载地址,下图是生成的效果截图,代码调用很简单(以下代码适用于 spin.js 2.x框架)。<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>&l...原创 2017-06-25 04:27:19 · 4505 阅读 · 0 评论 -
dojo ajax post 和 get 的方法的使用, formData 提交 Enumeration<String> enumx = request.getParameterName()
dojo 是非常强大的前端开发平台,对标签、JS 都有着完善的操作机制,一下举例 dojo 向服务器 post 的实例:1、数据来自 from 的 dojo post 操作function sendForm(){ var form = dojo.byId("myform"); dojo.connect(form, "onsubmit", function(event){原创 2016-06-27 03:57:20 · 4935 阅读 · 0 评论 -
JavaScript Console commands
You can use commands to send messages and perform other tasks in the JavaScript Console window of Visual Studio. For examples that show how to use that window, see QuickStart: Debug JavaScript. The information in this topic applies to Windows Store apps, W转载 2016-09-16 22:43:10 · 1469 阅读 · 0 评论 -
Dojo 的 build 工具简介
Dojo 作为一个非常实用的 Ajax 实现框架已经被许多 web2.0 开发人员广泛使用,但 Dojo 的使用会导致客户端需要下载大量的 Dojo 库文件,影响了 Web 应用的性能。针对该问题,Dojo 自身提供了一套 build 工具,不仅能够根据开发人员的实际需要定制 Dojo 的库文件,也支持将开发人员自己编写的 Javascript 文件的进行打包,并将这些文件进行压缩处理,大大减少了客户端的下载压力。本文将带领读者快速简单地了解和学习 Dojo 的 build 工具的使用方法。转载 2017-05-19 02:11:55 · 633 阅读 · 0 评论 -
常用自适应样式 CSS 布局
常用自适应样式 CSS 布局, 一个简单的样式布局,可自适应窗口大小缩放。Insert title herehtml, body { overflow: hidden; background-color: #fff;}.title { position: absolute; left: 0; width: 100%; top: 0; height: 70px; background-color: #FFC107;}原创 2017-04-16 21:39:59 · 3533 阅读 · 0 评论 -
jQuery jForm ajax 单击选中文件直接自动上载 无需提交按钮
利用 jQuery 插件 jform 实现文件选中直接上载,无需点提交按钮jForm Demo // form 内的文件选择内容被改变则立即提交 $('#fileUpload').on('change', function() { // 当 file 框内容改变则提交 form $('#formUpload').su原创 2016-06-06 14:40:59 · 3574 阅读 · 0 评论 -
jQuery File Upload 多文件 单击选中或多选文件直接自动上载 无需提交按钮
jQuery-File-Upload插件地址:https://github.com/blueimp/jQuery-File-Upload激活按钮,你可以用 CSS 绘制你喜欢的效果 select file ...HTML (页码上放置一个文件选择类型的控件,隐藏形式)javascript$('#fileupload').fileupload(原创 2016-09-23 21:13:41 · 7130 阅读 · 0 评论 -
js 捕获事件时,从 event 中得到的 currentTarget 和 target 的差别以及必须注意的 srcElement 标签
JavaScript 开发过程中,对事件的处理会涉及很多类型不同的属性和标签,例如,捕获事件时,从 event 中得到的 currentTarget 和 target 的,他们的差别用一小段代码进行示范: dojo.query('#side-menu .s-btn').onclick(function(event) { // 由同一个事件得到对象 var currentTarget = event.currentTarget; var tar原创 2016-06-19 20:32:42 · 5222 阅读 · 0 评论 -
掌握 Dojo 工具包,第 5 部分: Dojo 的 UI 组件库 - Dijit
Dijit 简介从 Dojo 0.9 开始,Dojo 把 Widget 从 Dojo 的核心包中分离出来,组成 Dijit 。 Dojo 在 Dijit 中为 Widget 家族添加了多位成员,增强了 Widget 的实力的同时也加快了其在页面中的加载速度。为改善 Widget 的外观,Dijit 提供了多套样式主题,比如默认绑定的样式主题 Tundra,提高页面可访问性的样式主题 A11y,以及其它两种可供选择的主题 Soria 和 Nihilo 。并且开发人员还可以根据自身项目的需求开发个性化的主题转载 2016-04-23 03:42:14 · 3316 阅读 · 0 评论 -
掌握 Dojo 工具包,第 4 部分: Dojo 中的拖拽
拖拽,是目前较为常见的 Ajax 技术。当前以 Ajax 技术构建的电子商务网站往往都采用拖放商品到购物车这种直观的方式代替以往繁复的操作来实现客户对商品的选购。掌握 Dojo 系列 的这一篇文章将以作者亲身的开发经历为基础,详细讲述如何使用 Dojo 所提供的功能模块开发出各种各样的拖动和拖放效果。此外,还详细叙述如何对 Dojo 的拖拽功能进行修改和配置,以及对拖拽的实现原理进行了解释。转载 2016-04-23 03:40:33 · 1037 阅读 · 0 评论 -
掌握 Dojo 工具包,第 3 部分: Dojo 事件机制
事件是用户与浏览器交互的基础,用户在界面的操作产生事件,浏览器捕获事件后对用户作出反馈。 Ajax 技术通过引入异步调用使 web 应用的开发产生了革命性的变化,另一方面 Ajax 也使广大开发人员认识到用户和浏览器的交互可以如此精彩,Web 页面不再死板,开始鲜活起来,开发人员也不再厌恶编写 javascript 的事件处理代码。在 web 页面中,事件一般作用于 DOM 树节点,所以有必要先了解 DOM 的事件模型,包括模型支持那些事件,如何处理 DOM 树结构上的节点的事件等。转载 2016-04-23 03:39:24 · 1168 阅读 · 0 评论 -
如何终止 DIV 的 float 属性
终止 DIV 的 float 属性,在 css 里面定义一个样式 .clear_float { clear: both;} 页面使用时加上一行 后面的 div 将不再 float。原创 2013-09-20 18:14:02 · 1038 阅读 · 0 评论 -
jsp 页面分页超链接代码实现
在大量数据列出时,屏幕不可能完整显示,这时必须使用分业,SQL的分业已经在其他文章讨论过,这里讨论的是JSP分业代码的实现。页面传入参数p作为页面选择,无参数默认第一页。 计算页面分业的基本参数,currentPage为当前页面,pageRows则设定每页的行数,在取得totalPage则是总页数,实际情况根据各位数据情况决定,这里暂定2000。 // 默认当前页面数 0原创 2013-09-05 16:07:29 · 5204 阅读 · 0 评论 -
jQuery 遍历 Form
jQuery 遍历 Form,代码如下 // 取得 id 为form1 的 form 的所有输入变量 values = $("#form1").serializeArray(); var values, index; for (index = 0; index < values.length; ++index) { if (values[原创 2013-09-03 15:45:14 · 12167 阅读 · 0 评论 -
JavaScript 创建一个 form 表单并提交
页面布局有些复杂的情况下,可能需要在页面中动态创建一个 form,JavaScript 创建 form 演示如下:// JavaScript 构建一个 formfunction MakeForm(){ // 创建一个 form var form1 = document.createElement("form"); form1.id = "form1";...原创 2013-06-26 17:37:21 · 26146 阅读 · 3 评论