随笔分类 - 前端基础
摘要：ES6 语法指南 什么是 ES6 ES6：就是ECMAScript第6版标准。 前端的发展历程： web1.0时代： 最初的网页以HTML为主，是纯静态的网页。网页是只读的，信息流只能从服务的到客户端单向流通。开发人员也只关心页面的样式和内容即可。 web2.0时代： 1995年，网景工程师Bren
阅读全文
摘要：案例要求 功能要求： 登录功能 添加、修改、删除功能 删除所选项功能 分页查询功能 复杂条件查询功能 准备阶段 下载jar包 将jar包导入到 WEB-INF/lib 目录下 c3p0-0.9.1.2.jar commons-beanutils-1.8.3.jar commons-logging-1
阅读全文
摘要：Ajax 简介 AJAX 全称 Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。 AJAX 是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对
阅读全文
摘要：XPath XPath是一门在XML文档中查找信息的语言，它提供了非常简洁明了的路径选择表达式。 表达式 描 述 nodename 选取此节点的所有子节点 / 从当前节点选取直接子节点 // 从当前节点选取子孙节点 . 选取当前节点 .. 选取当前节点的父节点 @ 选取属性 举例1： //title
阅读全文
摘要：XML 解析 简单的说，对XML文档的解析就是，操作xml文档，将文档中的数据读取到内存中。 操作xml文档 解析(读取)：将文档中的数据读取到内存中 写入：将内存中的数据保存到xml文档中。持久化的存储 解析xml的方式 解析XML的方式有两种，DOM 和 SAX。 DOM方式解析xml文档 将标
阅读全文
摘要：XML编写约束 作为一个技术的使用者，我们怎么样编写xml文档才能够给程序读懂呢？如我们使用Spring MVC框架，这个时候就可以通过XML文档与这个半成品软件（框架）进行交互。研究者在编写框架的时候，是不知道我们将来编写的XML文档是怎么样的，这个时候就需要一个约束来规定编写，使得技术使用者能够
阅读全文
摘要：XML 概念 xml简述 XML 是 Extensible Markup Language 的简写，是一门可扩展标记语言，结构清晰。 可扩展 XML 的标签都是自定义的，不同于html的标签，html的标签是预定义的。如下，标签都是自定义的，想写啥标签就写啥标签： <user> <student>
阅读全文
摘要：JSON 简介 JSON 指的是 JavaScript 对象表示法（JavaScript Object Notation） JSON 是轻量级的文本数据交换格式 JSON 独立于语言：JSON 使用 Javascript语法来描述数据对象，但是 JSON 仍然独立于语言和平台。JSON 解析器和 J
阅读全文
摘要：jQuery 简介 jQuery是一个JavaScript函数库。 jQuery是一个轻量级的"写的少，做的多"的JavaScript库。 jQuery库包含以下功能：HTML 元素选取、HTML 元素操作、CSS 操作、HTML 事件函数、JavaScript 特效和动画、HTML DOM 遍历和
阅读全文
摘要：目前jQuery有三个大版本： 1.x 版本 兼容ie678,使用最为广泛的，官方只做BUG维护，功能不再新增。因此一般项目来说，使用1.x版本就可以了，最终版本：1.12.4 (2016年5月20日) 2.x 版本 不兼容ie678，很少有人使用，官方只做BUG维护，功能不再新增。如果不考虑兼容低
阅读全文
摘要：要求 创建一个注册页面，如下图。 然后再对注册信息进行判断，判断其是否符合要求。（如：密码6-12位字符，不能有空格等） 图片素材如下： 注册页面的整个框架 注册页面框架分析 页面内容主要分为三个部分： 我们可以使用三个块标签，可以将这三个部分分别放到每个块标签中。 注册页面框架的实现 第一部分：两
阅读全文
摘要：要求 添加一个学生信息表格，表格的信息有编号、姓名、性别、信息勾选4个字段，可以任意的勾选其中0行或以上信息行。 主要步骤分析 创建一个学生信息表格 定义三个按钮：全选、全不选、反选 给添加按钮绑定点击事件 步骤实现 创建一个表格 <table> <caption>学生信息表</caption> <
阅读全文
摘要：事件监听机制 概念：某些组件被执行了某些操作后，触发某些代码的执行。 事件：某些操作。如： 单击，双击，键盘按下了，鼠标移动了。 事件源：组件。如： 按钮 文本输入框... 监听器：JavaScript代码。 注册监听：将事件，事件源，监听器结合在一起。当事件源上发生了某个事件，则触发执行某个监听器
阅读全文
摘要：要求 添加一个学生信息表格，表格的信息有编号、姓名、性别三个字段，可以随意向表格中添加学生信息、删除学生信息。 步骤分析 定义可以向表格中添加信息的文本框和一个添加按钮 定义一个表格 给添加按钮绑定点击事件 获取文本框的内容 创建单元格，设置单元格的内容为文本框内容 创建表格行 将单元格添加到表格行
阅读全文
摘要：要求：5秒后自动跳转到https://www.google.com页面 步骤分析 分析： 1.显示页面效果 <p> 2.倒计时读秒效果实现 2.1 定义一个方法，获取span标签，修改span标签体内容，时间-- 2.2 定义一个定时器，1秒执行一次该方法 3.在方法中判断时间如果<= 0 ，则跳转
阅读全文
摘要：步骤分析 分析： 1.在页面上使用img标签展示图片 2.定义一个方法，修改图片对象的src属性 3.定义一个定时器，每隔3秒调用方法一次。 图片如下： banner_1.jpg banner_2.jpg banner_3.jpg 步骤实现 第一步：在页面上使用img标签展示图片 <img id="
阅读全文
摘要：步骤分析 分析： 1.获取图片对象 2.绑定单击事件 3.每次点击切换图片 * 规则： * 如果灯是开的 on,切换图片为 off * 如果灯是关的 off,切换图片为 on * 使用标记flag来完成 图片如下： off.gif on.gif 步骤实现 第一步：定义img标签，指定电灯图片 <im
阅读全文
摘要：步骤： 第一步：定义for循环，实现一个基本乘法表框架 <script> for (let i = 0; i <= 9; i++) { for (let j = 0; j <= i ; j++) { document.write(i + " * " + j + " = " + (i * j) + "
阅读全文
摘要：盒子模型（Flexible Box） 属性 属性 说明 CSS box-align 指定如何对齐一个框的子元素 3 box-direction 指定在哪个方向，显示一个框的子元素 3 box-flex 指定一个框的子元素是否是灵活的或固定的大小 3 box-flex-group 指派灵活的元素到Fl
阅读全文
摘要：边框属性和背景属性 边框（border）属性 border 属性 border属性是设置对象边框的特性。 举例1：为段落标签添加一个边框，颜色为红色，边框线为实线，实线大小为5个像素点 Google 浏览器中打开，查看效果： 举例2: Google 浏览器中打开，查看效果： 背景属性 backgro
阅读全文
