随笔分类 - web前端

摘要: JSON 全称 JavaScript Object Notation,意思是JavaScript对象表示法。是一种基于文本的、独立于语言的轻量级数据交换格式。易于阅读和编写,易于机器解析和生成。 一、JSON的结构: JSON有对象和数组两种结构 1.对象结构: 对象用{}标识,里面由键值对列表构成阅读全文
posted @ 2016-09-23 19:48 破玉 阅读(72) | 评论 (0) 编辑
摘要: Canvas API 是H5中比较炫酷的一部分内容。可以通过它动态的生成和展示图形、图表、图像以及动画。下面我将学习一下Canvas API。 最后有书籍和源码。 一、概述: 1.基本元素: 在网页上使用canvas元素时,它会创建一块矩形区域,默认为300px*150px (w*h),可以自定义具阅读全文
posted @ 2016-08-25 13:51 破玉 阅读(395) | 评论 (0) 编辑
摘要: 最近在一个群里看到,有人在探讨H5,也看到自己关注的大神使用过H5的画布(canvas),于是心血来潮,看了点教程,也算对的起自己吧。 一.H5的新特性: 1.用于绘画的canvas元素 2.用于媒介回放的video和audio元素 3.对本地离线存储的更好的支持 4.新的特殊内容元素,比如arti阅读全文
posted @ 2016-08-22 14:51 破玉 阅读(6789) | 评论 (1) 编辑
摘要: null undefined阅读全文
posted @ 2016-08-19 17:27 破玉 阅读(29) | 评论 (0) 编辑
摘要: 参考博客:http://www.cnblogs.com/deerchao/archive/2006/08/24/zhengzhe30fengzhongjiaocheng.html 一、什么是正则表达式 在编写处理字符串的程序或网页时,经常会有查找符合某些复杂规则的字符串的需要。正则表达式就是用于描述阅读全文
posted @ 2016-08-07 19:04 破玉 阅读(70) | 评论 (0) 编辑
摘要: 一.引入必要文件 二.加载UI组件的方式 加载 UI 组件有两种方式: 1.使用 class 方式加载; 2.使用 JS 调用加载。//使用 class 加载,格式为: easyui-组件名 效果: PS:使用了规定的格式就可以生成一个 UI 组件,这是由于 jQuery EasyUI 的一个解析器阅读全文
posted @ 2016-08-04 11:05 破玉 阅读(68) | 评论 (0) 编辑
摘要: 编辑器(Editor),一般用于类似于 word 一样的文本编辑器,只不过是编辑为 HTML格式的。分类纯 JS 类型的,还有 jQuery 插件类型的。一. 编辑器简介我们使用的 jQuery 版本比较新,但尚未全面使用 2.0 的版本,因为 IE6,7,8 被抛弃了。而恰恰在这个时期,就出现编辑阅读全文
posted @ 2015-12-25 20:13 破玉 阅读(136) | 评论 (0) 编辑
摘要: 折叠菜单(accordion),和选项卡一样也是一种在同一个页面上切换不同内容的功能UI。它和选项卡的使用几乎没有什么太大区别,只是显示的效果有所差异罢了。一. 使用 accordion使用 accordion 比较简单,但需要按照指定的规范即可。 二. 修改 accordion 样式在显示的 ac阅读全文
posted @ 2015-12-25 20:09 破玉 阅读(127) | 评论 (0) 编辑
摘要: 圣诞节快乐,哈哈哈。。。。选项卡(tab),是一种能提供给用户在同一个页面切换不同内容的 UI。 尤其是在页面布局紧凑的页面上,提供了非常好的用户体验。一. 使用 tabs使用 tabs 比较简单,但需要按照指定的规范即可。 二. 修改 tabs 样式在弹出的 tabs 对话框中,在火狐浏览器中打开阅读全文
posted @ 2015-12-25 19:59 破玉 阅读(131) | 评论 (0) 编辑
摘要: 传统的表单提交, 需要多次跳转页面, 极大的消耗资源也缺乏良好的用户体验。 而这款form.js 表单的 Ajax 提交插件将解决这个问题。一. 核心方法官方网站: http://malsup.com/jquery/form/form.js 插件有两个核心方法: ajaxForm()和 ajaxSu阅读全文
posted @ 2015-12-23 20:20 破玉 阅读(207) | 评论 (0) 编辑
摘要: 验证插件(validate.js),是一款验证常规表单数据合法性的插件。使用它,极大的解放了在表单上繁杂的验证过程,并且错误提示显示的完善也增加了用户体验。一. 使用 validate.js 插件官网下载: http://bassistance.de/jquery-plugins/jquery-pl阅读全文
posted @ 2015-12-21 22:36 破玉 阅读(269) | 评论 (0) 编辑
摘要: $(function () { $('#search_button').button({ icons : { primary : 'ui-icon-search', }, }); $('#reg').dialog({ autoOpen : true, modal : true, resizable : false, width : 320, hei...阅读全文
posted @ 2015-12-21 22:27 破玉 阅读(139) | 评论 (0) 编辑
摘要: 工具提示(tooltip),是一个非常实用的 UI。它彻底扩展了 HTML 中的 title 属性,让提示更加丰富,更加可控制,全面提升了用户体验。一. 调用 tooltip()方法在调用 tooltip()方法之前,首先需要针对元素设置相应 title 属性。 二. 修改 tooltip()样式在阅读全文
posted @ 2015-12-17 20:32 破玉 阅读(48) | 评论 (0) 编辑
摘要: 知问前端 知问 查询 注册 | 登录 账号: * 密码: * 邮箱: * 性别: 男 女 生日: $(fu...阅读全文
posted @ 2015-12-17 20:09 破玉 阅读(74) | 评论 (0) 编辑
摘要: 按钮(button) , 可以给生硬的原生按钮或者文本提供更多丰富多彩的外观。 它不单单可以设置按钮或文本,还可以设置单选按钮和多选按钮。一. 使用 button 按钮使用 button 按钮 UI 的时候,不一定必须是 input 按钮形式,普通的文本也可以设置button 按钮。 二. 修改 b阅读全文
posted @ 2015-12-16 15:31 破玉 阅读(64) | 评论 (0) 编辑
摘要: $(function () { $('#search_button').button(); /*$('#reg').dialog({ focus:function(e,ui){ alert('注册'); } }); $('#login').dialog({ focus:function(e,ui){ alert('登录'); } });*/ ...阅读全文
posted @ 2015-12-16 15:22 破玉 阅读(136) | 评论 (0) 编辑
摘要: $(function () { $('#search_button').button(); /*$('#reg_a').click(function() { $('#reg').dialog(); });*/ //同时打开两个对话框 /*$('#reg').dialog(); $('#login').dialog();*/ $('#reg').dialog(...阅读全文
posted @ 2015-12-15 23:00 破玉 阅读(83) | 评论 (0) 编辑
摘要: ;(function ($) { //局部性的 /*$.fn.extend({ 'nav' : function (color) { $(this).find('.nav').css({ 'list-style' : 'none', 'margin' : 0, 'padding' : 0, 'display' : 'none', 'color...阅读全文
posted @ 2015-12-14 20:37 破玉 阅读(33) | 评论 (0) 编辑
摘要: 插件(Plugin)也成为 jQuery 扩展(Extension),是一种遵循一定规范的应用程序接口编 写出来的程序。目前 jQuery 插件已超过几千种,由来自世界各地的开发者共同编写、验证 和完善。而对于 jQuery 开发者而言,直接使用这些插件将快速稳定架构系统,节约项目成 本 一.插件概阅读全文
posted @ 2015-12-13 21:03 破玉 阅读(36) | 评论 (0) 编辑
摘要: $(function () { /*var str=' jquery '; alert(str); alert($.trim(str));*/ /*var arr=['张三','李四','王五','麻溜']; $.each(arr,function(index,value){ $('#box').html($('#box').html()+(index+1...阅读全文
posted @ 2015-12-12 21:17 破玉 阅读(71) | 评论 (0) 编辑
摘要: 工具函数是指直接依附于 jQuery 对象,针对 jQuery 对象本身定义的方法,即全局性 的函数。它的作用主要是提供比如字符串、数组、对象等操作方面的遍历。 一.字符串操作 在 jQuery 中,字符串的工具函数只有一个,就是去除字符串左右空格的工具函数: $.trim()。 //$.trim(阅读全文
posted @ 2015-12-12 19:46 破玉 阅读(46) | 评论 (0) 编辑
摘要: //数据处理 $('form input[type=button]').click(function() { //json处理 /*$.ajax({ type:'POST', url:'test.json', dataType:'json', data:$('form').serialize(), success: function(re...阅读全文
posted @ 2015-12-11 20:49 破玉 阅读(89) | 评论 (0) 编辑
摘要: $(function () { /*$('form input[type=button]').click(function() { $.ajax({ type:'POST', //url:'http://www.google.com/user.php', url:'user1.php', data:$('form').serialize(), ...阅读全文
posted @ 2015-12-10 20:32 破玉 阅读(85) | 评论 (0) 编辑
摘要: 一.加载请求 在 Ajax 异步发送请求时,遇到网速较慢的情况,就会出现请求时间较长的问题。而超 过一定时间的请求,用户就会变得不再耐烦而关闭页面。而如果在请求期间能给用户一些提 示,比如:正在努力加载中...,那么相同的请求时间会让用户体验更加的好一些。 jQuery 提供了两个全局事件,.aja阅读全文
posted @ 2015-12-10 20:31 破玉 阅读(215) | 评论 (0) 编辑
摘要: /*$(function () { $("input").click(function() { $.ajax({ type:'POST', url:'test.php', data:{ url:'ycku' }, success: function(response,status,xhr){ $("#box").html(re...阅读全文
posted @ 2015-12-09 20:06 破玉 阅读(104) | 评论 (0) 编辑
摘要: .load()方法是局部方法,因为他需要一个包含元素的 jQuery 对象作为前缀。而$.get()和 $.post()是全局方法,无须指定某个元素。对于用途而言,.load()适合做静态文件的异步获取, 而对于需要传递参数到服务器页面的,$.get()和$.post()更加合适。 $.get()方阅读全文
posted @ 2015-12-07 16:31 破玉 阅读(41) | 评论 (0) 编辑
摘要: Ajax全称为:“Asynchronous JavaScript and XML”(异步 JavaScript 和 XML), 它并不是 JavaScript 的一种单一技术,而是利用了一系列交互式网页应用相关的技术所形 成的结合体。使用 Ajax,我们可以无刷新状态更新页面,并且实现异步提交,提升阅读全文
posted @ 2015-12-05 19:44 破玉 阅读(38) | 评论 (0) 编辑
摘要: 效果截图 以下是今天对jqueryui.js 源码中dialog的一点截图说明阅读全文
posted @ 2015-11-24 20:57 破玉 阅读(140) | 评论 (0) 编辑