• FireFox

    Mozilla Firefox,中文俗称“火狐”,是一个自由及开放源代码网页浏览器,使用Gecko排版引擎,支持多种操作系统,如Windows、Mac OS X及GNU/Linux 等。该浏览器提供了两种版本,普通版和ESR(Extended Support Release,延长支持)版,ESR版本是 Mozilla 专门为那些无法或不愿每隔六周就升级一次的企业打造。Firefox ESR 版的升级周期为 42 周,而普通 Firefox 的升级周期为 6 周。

    推荐大家使用ESR延长支持版,功能相对稳定,普通版的经常在调试JS的时候假死和崩溃。

  • 作者简介

    朱佳松
    前端架构师,目前就职于北京晟壁科技有限公司。参与中国移动电子报账、电子凭证、日志等若干项目开发,主导河南省交通厅、国土研究院、新城办、外国语学校等政务系统开发,参与一站人才网、筷点投、影超等行业电商门户系统开发。
    从2012年开始编写uiZjs框架,经过几年不断的完善改进和大大小小30多个项目的验证,目前已经相对稳定和成熟。并且在使用过程中根据各种奇葩的需求进行扩展和优化。
    而且我比较喜欢研究和解决各种奇葩问题,欢迎各位深入交流QQ:113363322

  • 北京晟壁科技有限公司

    北京晟壁科技有限公司成立于2008年,是一家专业从事企业信息化软件开发和咨询服务的高科技企业,总部位于北京。
    晟壁科技主要为石油、石化、铁路、电信、电力、政府、大型企事业单位提供IT信息化解决方案,创建以来一直专注于财务共享、信息安全审计、综合网管三个方向。
    晟壁科技于2013-2014年间获得6份软件著作权,以及软件产品登记证书,并顺利通过北京市科委审核,被认定为软件企业。
  • 服务器提供商

    河南星石科技有限公司成立于2009年,公司成立以来,主要以互联网基础服务、IDC电信资源服务为主导。

    服务范围:各类虚拟主机租用、Internet独享共享带宽租用、服务器托管、服务器租用、企业电子邮局、企业网站网络推广、域名注册、行业解决方案、行业软件开发、系统集成等各类电信增值服务等项目。

  • Firebug

    Firebug是网页浏览器 Mozilla Firefox 下的一款开发类扩展,现属于Firefox的五星级强力推荐扩展之一。它集HTML查看和编辑、Javascript控制台、网络状况监视器于一体,是开发JavaScript、CSS、HTML和Ajax的得力助手。Firebug如同一把精巧的瑞士军刀,从各个不同的角度剖析Web页面内部的细节层面,给Web开发者带来很大的便利。Firebug也是一个除错工具。用户可以利用它除错、编辑、甚至删改任何网站的 CSS、HTML、DOM 以及JavaScript 代码。

  • Microsoft Visual Studio

    Microsoft Visual Studio(简称VS)是美国微软公司的开发工具包系列产品。VS是一个基本完整的开发工具集,它包括了整个软件生命周期中所需要的大部分工具,如集成开发环境(IDE)等等。所写的目标代码适用于微软支持的所有平台。Visual Studio是目前最流行的Windows平台应用程序的集成开发环境。最新版本为 Visual Studio 2015 版本。

    推荐大家使用Microsoft Visual Studio 2012版本。这个版本的VS对JS和CSS的支持相当的好,有代码提示、格式化等等。

  • Photoshop

    Adobe Photoshop,简称“PS”,是由Adobe Systems开发和发行的图像处理软件。
    Photoshop主要处理以像素所构成的数字图像。使用其众多的编修与绘图工具,可以有效地进行图片编辑工作。ps有很多功能,在图像、图形、文字、视频、出版等各方面都有涉及。
  • 预备知识

    学习uiZjs之前,请先掌握HTML、CSS、JS、JQuery这些基本知识。这些知识在第二到第五章里也会逐步介绍。

    如果您已经具备这些知识,请直接前往第六章。

  • uiZjs介绍

    每个成熟的项目都会有一套自己的框架,以笔者本身的经验来看,一般都有以下几个阶段:

    1、使用ASP.NET自带的Gridview实现,使用TextBox Button等。这种方式方便初学者,拖拖拽拽就可以做一个网站或者管理系统。

    2、使用C#拼接字符串的方式,比如<% for 循环 ... %> 输出一个表格,这种方式相对于第一种,代码量已经非常简洁了,因为.NET本身的服务端控件会产生很多内嵌style代码,非常冗余。

    3、使用easyUI或者直接JQuery的$.ajax通过异步的数据加载绑定表格,这种方式页面模板和数据分离,进一步的提升了运行效率。

    4、使用uiZjs框架进行开发,直接配置一个cmd-select命令就完成了。

    uiZjs就是笔者在第3步的积累中,逐步封装的重复性工作的代码完成的一个小框架。可以实现目前的网站和管理系统中常用的一些功能,比如表单的增删改查、输入校验、表格的绑定、单选复选按钮、树、文件上传等等。

  • uiZjs特点

    自动化双向数据绑定
    支持PC端快速开发模式和手机端MVC模式
    支持表单和表单的验证
    表格自动切换前端/服务端查询模式
    一站式集成常用插件
    完善的文档和开放的接口
    HTML语法加强
    操作简单易上手
    模块组件化

      uiZjs通过为开发者呈现一个更高层次的抽象来简化应用的开发。如同其他的抽象技术一样,这也会损失一部分灵活性,但是uiZjs在输入输出的每一个关键位置都保留了一个外部接口,供开发者实现自由的业余逻辑,而并不需要关心框架内是如何实现的。

      另外,并不是所有的应用都适合用uiZjs来做。uiZjs主要考虑的是构建CRUD应用。幸运的是,至少90%的WEB应用都是CRUD 应用。但是要了解什么适合用uiZjs构建,就得了解什么不适合用uiZjs构建。

  • uiZjs适用范围

    分析uiZjs的适用范围前,我们要先讲解一下目前互联网产品的几种类型。

    企业网站

    手机网站

    在线商城

    行业门户

    管理系统(OA、CRM等)

    安桌/苹果APP

    首先uiZjs作为一个前端框架,是使用AJAX方式获取和绑定数据,这种方式无法支持百度收录和SEO优化。因为手机网站和管理系统是不需要优化的,所以uiZjs在这几类中目前适用于手机网站和管理系统(OA、CRM等),企业网站、在线商城、行业门户的对应后台管理系统和个人中心这种不需要百度蜘蛛爬行的页面也可以使用uiZjs框架。uiZjs也可以支持混合模式的APP开发,比如cordova方式的安桌/苹果APP开发。

    另外uiZjs专门针对企业网站、在线商城、行业门户的SEO特性,推出了一个基于.NET平台的智能建站系统,将网站模块控件化,拖拖拽拽就可以实现网站的建设,同时支持SEO优化,基原理就是在.NET端进行控件的解析和HTML的组装。有兴趣的朋友请联系我们

  • jQuery介绍

      JQuery是一个优秀的Javascript库。它是轻量级的js库 ,它兼容CSS3,还兼容各种浏览器(IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+),jQuery2.0及后续版本将不再支持IE6/7/8浏览器。jQuery使用户能更方便地处理HTML(标准通用标记语言下的一个应用)、events、实现动画效果,并且方便地为网站提供AJAX交互。jQuery还有一个比较大的优势是,它的文档说明很全,而且各种应用也说得很详细,同时还有许多成熟的插件可供选择。jQuery能够使用户的html页面保持代码和html内容分离,也就是说,不用再在html里面插入一堆js来调用命令了,只需要定义id即可。

      jQuery是一个兼容多浏览器的javascript库,核心理念是write less,do more(写得更少,做得更多)。如今,jQuery已经成为最流行的javascript库,在世界前10000个访问最多的网站中,有超过55%在使用jQuery。

      jQuery是免费、开源的,使用MIT许可协议。jQuery的语法设计可以使开发者更加便捷,例如操作文档对象、选择DOM元素、制作动画效果、事件处理、使用Ajax以及其他功能。除此以外,jQuery提供API让开发者编写插件。其模块化的使用方式使开发者可以很轻松的开发出功能强大的静态或动态网页。

      jQuery,顾名思义,也就是JavaScript和查询(Query),即是辅助JavaScript开发的库。而它本身也是JavaScript写的,所以说学习jQuery并不是说可以不学JavaScript,相反的,应该是先学习JavaScript后学习jQuery时,就会明白jQuery是多么的强大和便捷。

      举个例子,比如原生的JavaScript写一个选项卡的效果,需要50行代码,而jQuery只需要2行就可以实现了

  • jQuery版本

    jQuery的版本非常多,但是主要区别就是jQuery1.x和jQuery2.x。

    jQuery1.x

    jQuery1.x仍然支持着IE6/7/8版本。现在国内ie6/7/8还是占着非常大的比重,所以目前uiZjs里使用的就是jQuery1.7.2版本。

    jQuery2.x

    从jQuery2.x开始就不再支持ie6/7/8了,并且去掉了live函数。

    不过其实jQuery2.x除了性能有很大提高(由于去掉的ie的奇葩判断),其他的和1.x差别不大。

  • jQuery插件

      jQuery的官方插件是jQuery UI。开发者可以任意扩展jQuery的函数库或者按照自己的需求开发UI组件。网上已经有数以万计的jQuery插件,覆盖各种各样的需求。例如 Ajax辅助、数据表格、动态列表、XML工具、拖曳、cookie处理、弹出层等等。jQuery 的文档说明很全,而且各种应用也说得很详细,同时还有许多成熟的插件可供选择.

      随着jQuery插件在网站建设过程中的使用率不断的增加,所以有必要跟进时代步伐开发出一些新的插件/代码片段,以此来巩固并提高前端用户体验,将用户体验提升到一个新的高度。

  • 本站组织结构

    第一部分 打好基础

    第一章到第四章分别介绍了基本知识,HTML/CSS/JS等基础。

    第二部分 使用jQuery

    第五章介绍了jQuery的基本用法和最常用的AJAX和JSON等知识。

    第三部分 使用uiZjs

    第六章到第八章介绍了uiZjs的基本用法和移动端开发的一些核心知识。

    第四部分 经典案例

    第九章分别对京东淘宝等案例进行分析制作,以实战引入开发。

  • 前言

      自从第一个网站在上个世纪 90 年代初诞生以来,早期的网页完全由文本构成,除了一些小图片和毫无布局可言的标题与段落。然而,时代在进步,接下来出现了表格布局,然后是 Flash,最后是基于 DIV+CSS 的网页设计。

      web2.0思想逐渐被大众所接受,对从业人员也提出了很多新的要求。我们的页面需要考虑绝大多数用户的需求,现在的前端行业有了明显的分工,岗位的分工已精化与明确了,每种职责都扮演着不同的角色,如初级前端开发工程师→资深前端工程师→前端架构师。3G时代的到来,各行业领域的网站几乎都要移植到移动互联网上,加上国内几大民间WEB前端技术组织机构,不断推广Web标准技术,推动着前端技术行业的发展,前端开发工程师的地位也越来越高了。

      随着网络普及和发展,网站作为一种很强大的工具和平台越来越融入了人们的生活,而与用户关系最密切的前端技术也逐渐得到应有的重视。我们可以看到前端重构的行业发展潜力巨大,各大知名的网络公司对前端人才的求饥若渴。近年来HTML5和CSS3的风行,还有移动web领域的崛起,apple和google这两大巨擘都推动移动领域的发展,而且现在的前端开发都越来越注重用户体验。相对来说,前端的人才需求比以前有了质的飞跃。我们希望从业者: “我们不是是为了学技术而去学技术,我们学技术是为了能更好去做产品”。最后引用乔布斯的话,WEB就是未来,我们作为前端开发工作者也是未来。相信 Web前端开发的明天会更好。

继续阅读

    uiZjs