xiaobozhu-CSDN博客

原创 Ideal Forms响应式表单

Ideal Forms响应式表单这是一款很小的，算不上框架的，仅仅是form表单的美化和验证，简单学一学，对于快速开发出友好交互的表单还是很好的l 要点1：:相关了解GitHub项目网址:https://github.com/elclanrs/jq-idealformsideal Forms是基于jQuery UI的，而jQuery UI又是依赖于jQuery的

2015-12-17 20:38:24 1039

原创在线文本编辑器控件

在线文本编辑器控件1. 第一款：widgEditor[一款及简的文本编辑器][1]效果例图：[2]使用方法：复制css[widgContent.css，widgEditor.css]，js[widgEditor.js]，img三个文件夹，并在HTML的中写下面两句：link rel="stylesheet" type="text/css" href="cs

2015-12-16 21:17:37 1841

原创 JS入门

JS入门在前端这片领域里，JavaScript是举足轻重的。JS是事件驱动且面向对象的一种脚本语言，灵活地操控HTML,CSS以及浏览器，同时实现各种编程任务，可以说前端就是JS的天下。下面我们讨论一下几个基础性问题l 要点1：引入JS方式这件事情看似简单，其实是很有讲究的，用哪种方式引入，在什么地方引入，绝不能随便。引入方式：【是否需要创建函数】[1]行内式：C

2015-12-16 12:22:02 522

原创使用H5设计表单

使用H5设计表单强大的HTML5，极大地增强了表单的设计能力，实现了很多以前需要大量编码才能实现的功能。下面我们一起来看看吧。l 传统表单元素action属性，给出绝对地址，可以指向任何服务器method属性，查询建议用get方式，增删改建议用post方式必要属性有name和type,它的类型有text,password,checkbox[复选框],button,

2015-12-16 10:41:10 6791

原创 H5页面属性和元素

H5常用页面属性与元素大家都知道HTML5添加了很多新的属性和元素，那我们常常用到的有哪些呢？我为您整理了一下我们常用的元素，仅供参考，注意下面分类中并非全是新加入元素。l 文档头部元素base:页面上所有连接默认地址或默认目标meta:页面元信息，针对搜索引擎和更新频度的描述和关键词title:标题link：文档与资源之间的关系style:

2015-12-16 10:37:45 5201 1

原创 H5绘图技术之canvas

H5绘图技术之canvas新加入的绘图技术，成为HTML5的一大亮点，让我简单了解一下这个技术的核心要点吧。l canvas简介SVG,VML与canvas都是用来绘图的手段，略有不同canvas元素及其API,再结合JS就可以实现控制画布上的每一个像素。创建画布语法。绘图API定义在通过画布的getContext()方法获得的对象上l 绘制文字

2015-12-16 10:34:50 2715

原创 Webstorm的快捷键

Webstorm的快捷键工欲善其事，必先利其器。webstorm是我用dw之后觉得很好用的一款前端软件，它对H5新技术的支持很到位，我特别喜欢它的智能提示功能。下面我把最常用的快捷方式，整理了一下，仅供参考。l Webstorm的一些常用快捷键【keymap可以选择模板，这里用默认】1. ctrl + d: 行复制2. ctrl + x: 剪切(删除)行，不选中3

2015-12-16 10:23:15 524

原创 jQuery扩展与noConflict

jQuery扩展与noConflict扩展性很强是jQuery又一大优势，我们可以扩展定制自己需要的任何功能。l jQuery扩展【加出属于自己的功能】方式一：ExtendsIndex.html首先在适当文字引入自己扩展的js文件 ExtendsIndex.js$(document).ready(function(){} $.myj

2015-12-15 20:42:07 363

原创 jQuery官网API的简易解读

jQuery官网API的简易解读整个API内容还是很多的，对于初学者来说，看着真是头晕，下面我把最常用的一些内容，展示一下，仅供参考。具体有【Ajax】、【Attributes】、【CSS】、【Effects】、【Events】、【Selectors】这些目录下的常用方法。l 要点1：AjaxAJAX的异步访问和加载片段[1]异步访问服务器端代码Se

2015-12-15 20:36:39 568

原创 jquery入门

jquery入门jquery是一个JavaScript框架，或者说轻量级的JavaScript库，极大地简化了js开发。zend studio是一个理想的开发工具，通过安装aptana插件，可以成为开发神器。同时这个软件还很好地支持了zend框架。别的不多说，先来一个入门小案例[前提是引入jquery库]。第一个简单的jQuery实例： $(document).re

2015-08-18 15:53:56 456

原创 jquery实现选项在两个下拉列表之间选择性移动的功能

jquery实现选项在两个下拉列表之间选择性移动的功能jquery的强大是不言而喻的，你可以发挥自己创意的大脑，编写出各种各样奇妙的效果，下面是两个下拉列表，这里面的选项可以在两者之间通过按钮选择，进行移动，这也是一个很实用的功能，在你的网页中不妨设计一个看看效果。选择移动BODY{ font-size:12px; ma

2015-08-18 15:27:23 3807

原创 jquery实现文本框默认值功能

jquery实现文本框默认值功能文本框是页面中使用最为频繁的表单元素之一，熟练地做一个智能的文本框可不是你想象的那么简单，下面就让源码来告诉你如何写好文本框的默认值。 XXX div,span{ width: 140px;

2015-08-18 15:08:22 2381

原创 jquery实现复选框的全选与反选

jquery实现复选框的全选与反选复选框的全选和反选功能，是页面中常常会用到的功能，你是否可以很轻松地实现呢？下面是用jquery语法实现的这个实用的小功能。 UntitledDocument

2015-08-18 14:54:34 798

原创 jquery实现表单逐条登记，一次性提交功能

jquery实现表单逐条登记，一次性提交功能表单form的提交，大多数都是填写一条记录，就提交一次，这样就会频繁操作持久层，如果我们想一次性填写多条记录，然后再一次性提交给持久层，这样的功能你可以实现吗？下面就是这样的一个小案例。添加用户

2015-08-18 14:47:43 1571

原创 jquery与ajax的整合

jquery与ajax的整合jquery是一个经典的js框架，ajax又是以js为核心的多语言异步刷新技术，那么两者结合，各自发挥所长，必定威力巨大，我们一般会选择用ajax实现前台与后台的数据传递，而用jquery技术实现对dom的各种操作。jquery为简化ajax引擎的创建和业务逻辑，提供了三种可选的方式，post()是最为常用的方式，load()需要用一个jquery对象调用，且返回结

2015-08-18 14:03:29 1371

原创 jquery的dom操作

jquery的dom操作jquery的强项在于对DOM的操作，在一定程度上大大简化了js的编写，它可以分为xml dom、html dom和css dom，下面简单的代码段演示一些基本的操作，属性样式的改变以及对结点的各种操作。【1】样式属性l 增删换判样式/属性//给id 为first的元素添加 .one 样式$('#b1').click( fu

2015-08-18 13:45:11 407

原创 jquery选择器

jquery选择器要想用好jquery,扎实的选择器基础是必不可少的，下面我想总结了易于混淆的符合的用法，然后又根据内容分类给出了详细的选择器用法，经供参考。【1】易于混淆的选择符号l 逗号“,” 代表并列“和”例如：改变所有的元素和id为two的元素的背景色$(‘span,#two’).css(“background”,”#3399FF”);

2015-08-18 13:05:39 555

原创 jquery对象与dom对象的相互转化

jquery对象与dom对象的相互转化jQuery对象是包装DOM对象后产生的，但是jQuery无法使用DOM对象的任何方法，同理DOM对象也不能使用jQuery里的方法；jQuery一般用$打头，且以数组形式存储；两者之间可以相互转换：l 原本是DOM对象var obj1=document.getElementById(“test”);window.alert(ob

2015-08-18 11:44:44 794

原创 AJAX黄金价格实时图

AJAX黄金价格实时图实现局部刷新是很重要，也是很流行的一种做法，如果你不能做到这一点，那可就lower了哦，下面我们通过一个简单的实例来讲解局部刷新，更新数据，并配合一点业务逻辑的局部刷新功能，需要说明的是本例中数据是随机产生的，而在具体的开发中，数据是需要从后台获取的。l 前台代码GoldPrice.php var myXmlHttpR

2015-08-12 08:43:33 1197

原创 AJAX实现省市联动

AJAX实现省市联动用AJAX来实现一些经典的功能，对于学习它是非常有帮助的，下面通过经典的省市联动功能来感受AJAX无刷新技术带来的魅力。l 前台页面代码showCities.php省市联动//创建ajax引擎 functiongetXmlHttpObject(){ varxmlHttp

2015-08-11 18:41:55 1041

原创 AJAX返回的三种数据格式

AJAX返回的三种数据格式 ajax是一种由多种语言共同组成的解决方案，特别是对JavaScript的应用，从后台可以向前台返回三种常见的数据格式，即HTML[文本格式]，XML通用格式，JSON格式；下面举例说明从后台动态php页面向前台JavaScript传值。HTML[文本格式]l 后台PHP页面[check.php]注意：header("Conte

2015-08-11 15:25:01 11319

原创 AJAX入门经典小案例_验证用户名

AJAX入门经典小案例_验证用户名AJAX指的是异步的JavaScript和XML，是一种集成多种语言的脚本，得到了广泛的应用，原理在于随页面在浏览器端创建了ajax引擎，使得表单都经过了这个引擎的中转处理，同时服务器端也积极配合，用echo就可以将结果直接返回给引擎。下面就用一个最常见的用户名的验证小案例展示ajax的应用。l login.php源代码登

2015-08-08 20:57:05 909

原创 LAMP开发环境的搭建

LAMP开发环境的搭建 Linux系统的简洁稳健性，以及其它很多的优势使得它更适合作为大型服务器的载体，然而它的不便之处也是显而易见的，开发环境的搭建就相对比较麻烦，安装软件常用的有rpm二进制系统软件安装方式和tar源文件解压缩安装方式。系统软件很多时候不能满足开发的需要，所以我们选择自己从网络上下载tar压缩包，自定义的组合安装，安装顺序上应该先安装MySQL、Apache，再

2015-08-08 11:16:41 559

原创 Linux使用入门

Linux使用入门Linux的学习的秘诀就是实践，多用多练，自然就熟练了。首先讨论一下引导系统l 它的配置文件可以控制到底启动哪个操作系统[若有多个系统]，那我们来看一下它的配置文件/boot/grub/grub.conf，其中default=0代码默认启动的操作系统，Timeout可以设置启动时等待的时间。l GRUB的密码如果不设定，那是不安全

2015-08-07 21:25:54 364

原创为Google浏览器的开发人员工具叫好

为Google浏览器的开发人员工具叫好工欲善其事必先利其器，浏览器F12开发人员工具就是威力无比的神器。下面就分别从页面视觉调试、JS调试、网络调试三个方面简单介绍开发人员工具的使用。页面视觉调试l 点击键盘上“F12”按键进入调试工具l Elements：查看并编辑HTML（双击或是右键选择，拖动重排）l Styles:查看并修改内联

2015-08-05 14:37:26 595

原创扎实的WEB前端基础

扎实的WEB前端基础要搞开发，善于使用手册，善于调试是很重要的。然后再加上扎实的基本功，就可以有所进步。下面探讨几个很基础但很重要的问题：1.内联元素与块元素的特点与区别[1]常见内联元素[一般基于语义]：img、select、textareal 相邻的内联元素会排列在同一行里，当一行排不下，才会换行l 其宽度随元素的内容而变化，且设置width,

2015-08-04 18:56:41 869

原创持久层设计与实施

持久层设计与实施系统工程=程序+文档，程序是由逻辑结构+数据构成，那么对于数据的处理就显得格外重要。一个程序中会用到很多数据，然而不是所有的数据都需要存入数据库。我们在设计系统的时候应该如何做出选择呢？首先，我们可以逐条解析需求说明书，从中提取所有出现的数据，然后将数据按照处理方式分类:部分数据只是在处理逻辑中使用,那么它们只需要赋给变量,部分数据可以写入文档,那么它们可以存放在工程文件夹

2015-07-07 21:34:52 1952

原创我眼中的HTML5

我眼中的HTML5近日看了不少关于HTML5的言论，有人说是浮云，有人说是圣经。作为一个程序开发人员来说，不太关心其商业利益方面的原因，倒是欣赏其设计的艺术之美，以及对软件技术发展产生的影响。首先值得关注的亮点是各个终端对于HTML5的支持，就目前现实来看，在移动终端上，不管是iPhone，还是安卓，都非常看好HTML5,换句话说移动领域将是HTML5最热门的运动场所。在桌面应用上，各大浏

2015-07-07 21:27:42 694

xiaobozhu的博客