随笔分类 - web前端
摘要:JSON 全称 JavaScript Object Notation,意思是JavaScript对象表示法。是一种基于文本的、独立于语言的轻量级数据交换格式。易于阅读和编写,易于机器解析和生成。 一、JSON的结构: JSON有对象和数组两种结构 1.对象结构: 对象用{}标识,里面由键值对列表构成
阅读全文
摘要:Canvas API 是H5中比较炫酷的一部分内容。可以通过它动态的生成和展示图形、图表、图像以及动画。下面我将学习一下Canvas API。 最后有书籍和源码。 一、概述: 1.基本元素: 在网页上使用canvas元素时,它会创建一块矩形区域,默认为300px*150px (w*h),可以自定义具
阅读全文
摘要:最近在一个群里看到,有人在探讨H5,也看到自己关注的大神使用过H5的画布(canvas),于是心血来潮,看了点教程,也算对的起自己吧。 一.H5的新特性: 1.用于绘画的canvas元素 2.用于媒介回放的video和audio元素 3.对本地离线存储的更好的支持 4.新的特殊内容元素,比如arti
阅读全文
摘要:参考博客:http://www.cnblogs.com/deerchao/archive/2006/08/24/zhengzhe30fengzhongjiaocheng.html 一、什么是正则表达式 在编写处理字符串的程序或网页时,经常会有查找符合某些复杂规则的字符串的需要。正则表达式就是用于描述
阅读全文
摘要:一.引入必要文件 二.加载UI组件的方式 加载 UI 组件有两种方式: 1.使用 class 方式加载; 2.使用 JS 调用加载。//使用 class 加载,格式为: easyui-组件名 效果: PS:使用了规定的格式就可以生成一个 UI 组件,这是由于 jQuery EasyUI 的一个解析器
阅读全文
摘要:编辑器(Editor),一般用于类似于 word 一样的文本编辑器,只不过是编辑为 HTML格式的。分类纯 JS 类型的,还有 jQuery 插件类型的。一. 编辑器简介我们使用的 jQuery 版本比较新,但尚未全面使用 2.0 的版本,因为 IE6,7,8 被抛弃了。而恰恰在这个时期,就出现编辑
阅读全文
摘要:折叠菜单(accordion),和选项卡一样也是一种在同一个页面上切换不同内容的功能UI。它和选项卡的使用几乎没有什么太大区别,只是显示的效果有所差异罢了。一. 使用 accordion使用 accordion 比较简单,但需要按照指定的规范即可。 二. 修改 accordion 样式在显示的 ac
阅读全文
摘要:圣诞节快乐,哈哈哈。。。。选项卡(tab),是一种能提供给用户在同一个页面切换不同内容的 UI。 尤其是在页面布局紧凑的页面上,提供了非常好的用户体验。一. 使用 tabs使用 tabs 比较简单,但需要按照指定的规范即可。 二. 修改 tabs 样式在弹出的 tabs 对话框中,在火狐浏览器中打开
阅读全文
摘要:传统的表单提交, 需要多次跳转页面, 极大的消耗资源也缺乏良好的用户体验。 而这款form.js 表单的 Ajax 提交插件将解决这个问题。一. 核心方法官方网站: http://malsup.com/jquery/form/form.js 插件有两个核心方法: ajaxForm()和 ajaxSu
阅读全文
摘要:验证插件(validate.js),是一款验证常规表单数据合法性的插件。使用它,极大的解放了在表单上繁杂的验证过程,并且错误提示显示的完善也增加了用户体验。一. 使用 validate.js 插件官网下载: http://bassistance.de/jquery-plugins/jquery-pl
阅读全文
摘要:$(function () { $('#search_button').button({ icons : { primary : 'ui-icon-search', }, }); $('#reg').dialog({ autoOpen : true, modal : true, resizable : false, width : 320, hei...
阅读全文
摘要:工具提示(tooltip),是一个非常实用的 UI。它彻底扩展了 HTML 中的 title 属性,让提示更加丰富,更加可控制,全面提升了用户体验。一. 调用 tooltip()方法在调用 tooltip()方法之前,首先需要针对元素设置相应 title 属性。 二. 修改 tooltip()样式在
阅读全文
摘要:知问前端 知问 查询 注册 | 登录 账号: * 密码: * 邮箱: * 性别: 男 女 生日: $(fu...
阅读全文
摘要:按钮(button) , 可以给生硬的原生按钮或者文本提供更多丰富多彩的外观。 它不单单可以设置按钮或文本,还可以设置单选按钮和多选按钮。一. 使用 button 按钮使用 button 按钮 UI 的时候,不一定必须是 input 按钮形式,普通的文本也可以设置button 按钮。 二. 修改 b
阅读全文
摘要:$(function () { $('#search_button').button(); /*$('#reg').dialog({ focus:function(e,ui){ alert('注册'); } }); $('#login').dialog({ focus:function(e,ui){ alert('登录'); } });*/ ...
阅读全文
摘要:$(function () { $('#search_button').button(); /*$('#reg_a').click(function() { $('#reg').dialog(); });*/ //同时打开两个对话框 /*$('#reg').dialog(); $('#login').dialog();*/ $('#reg').dialog(...
阅读全文
摘要:;(function ($) { //局部性的 /*$.fn.extend({ 'nav' : function (color) { $(this).find('.nav').css({ 'list-style' : 'none', 'margin' : 0, 'padding' : 0, 'display' : 'none', 'color...
阅读全文
摘要:插件(Plugin)也成为 jQuery 扩展(Extension),是一种遵循一定规范的应用程序接口编 写出来的程序。目前 jQuery 插件已超过几千种,由来自世界各地的开发者共同编写、验证 和完善。而对于 jQuery 开发者而言,直接使用这些插件将快速稳定架构系统,节约项目成 本 一.插件概
阅读全文
摘要:$(function () { /*var str=' jquery '; alert(str); alert($.trim(str));*/ /*var arr=['张三','李四','王五','麻溜']; $.each(arr,function(index,value){ $('#box').html($('#box').html()+(index+1...
阅读全文