前端技术课程系列
关注
分享
扫一扫
redarmychen
陈红军Java/3G讲师毕业于河北师范大学,Java软件开发工程师Android软件开发工程师.曾任公司软件研发中心系统架构师和项目经理,主持完成了中国电子信息服务平台系统的开发,国家电网系统项目开发、河北软件职业技术学院移动报名系统的开发、并领导完成了多个企业项目的设计和开发。在工作中总结出自己的一套培训方法，擅长结合实际中的例子来讲解抽象的编程技术，授课风格幽默，思路清晰。曾负责河北软件职业技术学院-乐知学院的教学管理和Java、android方向的授课，现担任八维教育大数据学院专高阶段主任，负责课程研发，团队建设，学生管理方面的工作
展开
-
原创：Js解析xml文件并简单实现省市区级联菜单(并解决各浏览器兼容性问题).
前不久日本发生了一场惹人非议的地震中,因此也引发了中国购买食盐的狂热份子!然后又因发了一场退盐事件.然后80,90后们并没有参与其中,说明掌握科学知识的重要性.作为一名合格的大学生应该时刻保持清醒的头脑! 春天终于来了,一切都是那么的美好!期盼着这届学员每个人都能够实现自己的理想,自己这段时间为了加强学生基础,一直忙于授课也没有时间写写blog,今天终于有点时间总结一下js解析xml文件的方式,并彻底解决各个浏览器兼容性问题简单实现省市区级联菜单的简单实现,希望对同学们有所帮助. 首先我们采用是DOM （D原创 2011-03-22 15:18:00 · 2543 阅读 · 14 评论 -
ExtJS 控件的基础 Panel
面板Panel 是ExtJS 控件的基础，很高级控件都是在面板的基础上扩展的，还有其它大多数控件也都直接或间接有关系。应用程序的界面一般情况下是由一个一个的面板通过不同组织方式形成。面板由以下几个部分组成，一个顶部工具栏、一个底部工具栏、面板头部、面板尾部、面板主区域几个部分组件。面板类中还内置了面板展开、关闭等功能，并提供一系列可重用的工具按钮使得我们可以轻松实现自定义的行为，面原创 2011-11-24 11:49:39 · 2301 阅读 · 1 评论 -
ExtJS的入门第一个程序
ExtJS是一种主要用于创建前端用户界面，是一个基本与后台技术无关的前端ajax框架。 功能丰富，无人能出其右。 无论是界面之美，还是功能之强，ext的表格控件都高居榜首。 单选行，多选行，高亮显示选中的行，拖拽改变列宽度，按列排序，这些基本功能ExtJS轻量级实现。 自动生成行号，支持checkbox全选，动态选择显示哪些列，支持本地以及远程分页，可以对单元格按照自原创 2011-11-24 11:20:14 · 2905 阅读 · 0 评论 -
jQuery插件autoComplete介绍(10级学员 张帅鹏总结)
jQuery插件autoComplete介绍概述：AutoComplete为自动填充，展示之意。用户在使用文本框搜索信息时，使用插件的autoplete方法绑定文本框。当在文本框中输入某个字符时，通过该方法中的指定的数据URL，返回相匹配的数据，自动显示在文本框下，提醒用户进行选择。如百度搜索和google等。一、创建方法以及属性简介a) 创建方法$("文本转载 2012-03-29 20:35:34 · 9998 阅读 · 1 评论 -
jQueryUI中Datepicker(日历)插件的介绍和使用（10级学员 郞志课堂笔记）
jQueryUI中Datepicker(日历)插件的介绍和使用Datepicker插件的属性：属性数据类型默认值说明altFieldString""使用备用的输出字段，即将选择的日期以另一种格式，输出到另一个控件中，值为选择符，即要输出的控件alt转载 2012-03-27 21:10:20 · 22285 阅读 · 0 评论 -
JqueryUI插件---对话框的使用（10级学员 乔宇课堂总结）
Jquery 中的对话框的设置以及使用 对话框:首先,我们知道我们这个jquery中的对话框,我们必须使用jquery的js和css,那么我们必须引入必须的js和css了. 步骤一:引入js库和css,我们要引入的js有jquery-1.7.1.min.js和jquery-ui-1.8.18.custom.min.js和 jquery-ui-1.8.18转载 2012-03-26 21:57:45 · 2907 阅读 · 0 评论 -
jQuery插件应用之--- 选项卡插件的使用（10级学员 韩晓爽课堂笔记）
jQuery插件应用之 --- 选项卡插件的使用一 首先来介绍一下选项卡插件的作用jQuery UI插件折叠板可以实现页面中指定区域的折叠效果，即通过单击某个面板中的标题栏，就会展开相应的内容，当点击其他面板标题栏时，已展开的内容会自动关闭，通过这种方式，实现多个面板数据在一个页面中有序展示。二 选项卡插件的使用1． 首先来介绍一下折叠面板所用的参数（1）collapsi转载 2012-03-26 21:52:35 · 1917 阅读 · 0 评论 -
JQueryUI插件----手风琴效果（10级学员 赵成举课堂笔记）
JQueryUI插件----手风琴效果今天我们介绍一下JQuery中UI插件中的手风琴效果，效果图如下：像这种能够展开和折叠的div在我们项目的开发中经常需要用到，这样能够使界面更加绚丽，有些数据在这种效果下显示的更加清晰。这种效果很多插件都可以实现（如：JQueryUi、ExtJS等），今天我们详细介绍一下在JQueryUI中实现这种效果的方法。下面我们详细介绍在JQue转载 2012-03-26 21:46:58 · 3935 阅读 · 0 评论 -
JQuery EasyUI的概述
最近在使用jQuery EasyUI开发一个B2C的电子网站的后台管理系统,在项目开发的过程中有很多有关jQuery EasyUI使用的总结.有一些个人在项目开发过程的问题，拿来给大家一起分享(后续会把总结陆续的发布)，希望能够给大家带来帮助.也真诚的希望大家能够提出建议我们一块探讨共同进步。jQuery EasyUI是一组基于jQuery的UI插件集合，而jQuery EasyUI的目标就是原创 2013-04-19 12:12:49 · 2713 阅读 · 0 评论 -
HTML实训课程笔记_03
1.相对路径的理解： ./代表当前路径比如：D:\Ncode\02\day03\test\test1 ./../代表当前路径的上一级目录：D:\Ncode\02\day03\test ./../../代表当前路径的上一级目录的上一级目录：D:\Ncode\02\day03 注意：一上写法一般会省略./(但在实际项目开的过程中都会进行处理)原创 2014-05-14 21:04:11 · 3129 阅读 · 1 评论 -
Ext JS框架入门(10级学员 刘志飞课堂笔记)
Ext JS框架入门一、概述：ExtJS可以用来开发RIA也即富客户端的AJAX应用，是一个用javascript写的，主要用于创建前端用户界面，是一个与后台技术无关的前端ajax框架。功能丰富，无人能出其右。无论是界面之美，还是功能之强，ext的表格控件都高居榜首。单选行，多选行，高亮显示选中的行，拖拽改变列宽度，按列排序，这些基本功能ExtJS轻量级实现。自动生成行号，转载 2012-05-07 20:54:35 · 6288 阅读 · 0 评论 -
Extjs继承机制和窗体创建（10级学员 刘根鹏课堂总结）
在extJs中，define方法是用来实现窗体自定义的以下就是一个define方法的使用，相信看过些方法后，会有更深刻的理解首先利用create方法创建窗口对象，在4.0中create与new的意思一样接来下，我们把要写的自定义窗体去继承我们把创建的窗体 我们可以看到以上define的窗体里面有一个extend用来继承我们把创建的窗体这个是必须写的哦！由以上的转载 2012-05-08 21:25:00 · 6918 阅读 · 0 评论 -
ExtJs 中Viewport的介绍与使用
ExtJs 中Viewport的介绍与使用 VeiwPort 代表整个浏览器显示区域，该对象渲染到页面的body 区域，并会随着浏览器显示区域的大小自动改变，一个页面中只能有一个ViewPort 实例。Viewport 不需要再指定renderTo，而我们也看到Viewport 确实填充了整个浏览器显示区域，并会随着浏览器显示区域大小的改变而改改。Viewport 主要用于应用程序的主界面原创 2011-11-24 15:44:02 · 26533 阅读 · 0 评论 -
Extjs中的工具栏介绍
面板中可以有工具栏，工具栏可以位于面板顶部或底部，Ext 中工具栏是由Ext.Toolbar类表示。工具栏上可以存放按钮、文本、分隔符等内容。面板对象中内置了很多实用的工具栏，可以直接通过面板的tools 配置选项往面板头部加入预定义的工具栏选项。比如下面的代码：<!-- Ext.onReady(function(){ var panel = new Ex原创 2011-11-24 15:48:05 · 6818 阅读 · 0 评论 -
原创：Jquery入门详解
<br />JQuery入门介绍<br />1、JQuery概述：Jquery是继prototype之后又一个优秀的Javascrīpt框架。它是轻量级的js库(压缩后只有21k) ，它兼容CSS3，还兼容各种浏览器（IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+）。jQuery使用户能更方便地处理HTML documents、events、实现动画效果，并且方便地为网站提供AJAX交互。jQuery还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时原创 2011-04-02 07:50:00 · 1592 阅读 · 0 评论 -
onresize事件
onresize的定义方式一、直接在html中定义 如二、直接给onresize赋值 可以给window和body的onresize赋值 如window.onresize=function(){},document.body.onresize=function(){}三、使用事件监听 只对window有作用 如window.addEve转载 2011-11-23 09:43:37 · 23700 阅读 · 0 评论 -
javascript文字编码函数escape,encodeURI,encodeURIComponent使用详解
javascript文字编码函数escape,encodeURI,encodeURIComponent使用详解2009年11月15日 星期日 4:00js对文字进行编码涉及3个函数：escape,encodeURI,encodeURIComponent，相应3个解码函数：unescape,decodeURI,decodeURIComponent1、传递参数时需要使用encode转载 2012-02-28 19:56:56 · 2175 阅读 · 0 评论 -
Ajax入门介绍详解
一、Ajax简介 AJAX即“Asynchronous JavaScript and XML”（异步JavaScript和XML)，AJAX并非缩写词，而是由Jesse James Gaiiett创造的名词，是指一种创建交互式网页应用的网页开发技术。 1.同步交互和异步交互的理解 举个例子：普通B/S模式(同步) AJAX技术(异步) 同步：提交请求->等待服务器处理->处理完毕返回 这个期间客户端浏览器不能干任何事 同原创 2011-03-25 11:47:00 · 3915 阅读 · 2 评论 -
jQuery实现可编辑的表格
html代码如下： 姓名 性别 年龄 redarmy7 M 22 re原创 2012-03-01 20:02:13 · 9650 阅读 · 2 评论 -
Ext3.0学习笔记grid之autoExpandColumn
Ext3.0学习笔记grid之autoExpandColumnEXT当使用ext2.2时，autoExpandColumn为0时没效果，为1时第2列扩展，为2时第3列扩展；当使用ext3.0时，autoExpandColumn为0时没效果，为1时第1列扩展，为2时第2列扩展，为3时第3列扩展1.Ext.onReady(function(){ 2. var data转载 2011-11-23 17:18:27 · 4534 阅读 · 0 评论 -
jQuery ui 利用 datepicker插件实现开始日期(minDate)和结束日期(maxDate)（10级学员 林常禹总结）
jQuery ui 利用 datepicker插件实现开始日期(minDate)和结束日期(maxDate) 使用jQuery ui首先需要引入jQuery类库，jQuery ui js脚本和jQuery ui css样式表。代码示例如下：scriptsrc="js/jquery-1.7.1.js">script> scriptsrc="js/jquery-转载 2012-03-27 21:44:24 · 41672 阅读 · 3 评论 -
HTML实训课程笔记_04
frameset 元素可定义一个框架集。它被用来组织多个窗口（框架）。每个框架存有独立的文档。在其最简单的应用中，frameset 元素仅仅会规定在框架集中存在多少列或多少行。您必须使用 cols 或 rows 属性。原创 2014-05-16 19:54:03 · 2233 阅读 · 0 评论 -
HTML实训课程笔记_01
1.第一天： 1. HTML:超文本标记语言. 超文本：在你的文本中添加了非文字的信息(比如，图片，视频等) 1.头部分：提供网页信息 2.主体部分：提供网页中内容 2. dtd约束 html5 3. HTML元素结构 1.标签 ： 2.元素 ： 开始到组成部分原创 2014-05-14 20:13:38 · 2456 阅读 · 0 评论 -
原创：JSON入门详解
<br />JSON（JavaScript Object Notation）一种简单的数据格式，比xml更轻巧。JSON它是一种轻量级的数据交换格式，非常适合于服务器与 JavaScript 的交互。JSON是JavaScript原生格式，这意味着在JavaScript中处理JSON数据不需要任何特殊的API或工具包。它易于人阅读和编写，同时也易于机器解析和生成。它基于JavaScript（Standard ECMA-262 3rd Edition - December 1999）的一个子集。 JSON采用原创 2011-03-30 11:10:00 · 2524 阅读 · 0 评论 -
原创：ajax中get与post请求的详解
<br /> 学习ajax技术的时候,很多同学对于ajax中get与post请求总是疑问不解,为了给学员解决疑问,现将授课中对get与post的请求的总结发表于学生大本营中,希望能给你带来帮助. <br /> 在ajax入门详解中我也简单的介绍了它们之间的使用区别,为了使学员能够彻底的明白,现将如授课中的总结发表如下。<br /> <br />一、get()和post()基本区别<br />1.get是把参数数据队列加到提交表单的ACTION属性所指的URL中，值和表单内各个字段一一对原创 2011-03-29 07:45:00 · 2581 阅读 · 0 评论 -
ExtJs的事件机制Event(学员总结)
ExtJs的事件机制Event一、事件的三种绑定方式 1、HTML/DHTML 在标签中直接增加属性触发事件 function hello(){ alert("hello word"); }转载 2012-05-14 20:00:15 · 12493 阅读 · 0 评论