- 博客(39)
- 收藏
- 关注
原创 前端系列之jQuery(jQuery弹出层)
弹出层与使用场景介绍弹出层代码编写html整体结构 <!--弹出层遮罩--> <div id="layer-mask" class="layer-mask"></div> <!--弹出层窗体--> <div id="layer-pop" class="layer-pop"> <!--弹出层关闭按钮--> <div id="layer-close"
2018-01-31 17:38:14 1408 1
原创 前端系列之jQuery(jQuery插件)
jQuery的插件机制jQuery主要有两种使用方式: 1、在jQuery集合对象上调用方法 2、直接调用jQuery方法扩展jQuery对象上的方法:jQuery.fn.extend()扩展jQuery工具方法:jQuery.extend()//给jQuery本身的类添加新的方法如何寻找自己需要的插件http://plugins.jquery.com/此网站已经停止维护,官方的说明是在NPM
2018-01-31 16:04:17 541
原创 前端系列之jQuery(jQuery事件)
DOM事件模型DOM 0级事件模型<input type="button" onclick="doSomething()" />input.onclick = function(){...}//兼容性差异event= event || window.event;var target = event.target || event.srcElement;只支持一个DOM事件处理函数DOM 2级事
2018-01-31 14:22:25 274
原创 前端系列之jQuery(jQueryDOM操作)
一.如何筛选jQuery对象<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>jQuery chapter 2 Demo</title> </head> <body> <div id="div">div</div> <script src=
2018-01-31 11:48:34 2323
原创 前端系列之jQuery(jQuery选择的艺术)
一.jQuery是什么?•是一款JavaScript库•方便地处理HTML、事件、动画等 html:处理HTML文档中的DOM节点,如添加、删除等 事件:通过jQuery对页面上的事件进行处理 动画:通过jQuery实现淡入、淡出、滑动等动画•可以兼容多浏览器 •80%以上网站使用如何安装和选择版本?下载jQuery •http://jquery.com/如何使用?如何选择版本?》V1.x
2018-01-30 15:14:38 272
原创 前端系列之JavaScript(实现轮播特效)
轮播图内容和样式carousel.htmlhtml> head> meta charset="UTF-8"> title>综合实例—图片轮播title> link rel="stylesheet" href="css/style.css" /> head> body> div class="m
2018-01-29 17:41:28 2899
原创 前端系列之JavaScript(BOM对象)
什么是BOM? BOM(browser object model)浏览器对象模型window对象全局对象说明:所有的全局变量和全局方法都被归为window上<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <s
2018-01-29 10:42:24 293
原创 前端系列之JavaScript(DOM事件)
什么是事件? 事件就是文档或浏览器窗口中发生的一些特定的交互瞬间。HTML事件直接在HTML元素标签内添加事件,执行脚本。语法:<tag 事件="执行脚本"></tag> 功能:在HTML元素上绑定事件 说明:执行脚本可以是一个函数的调用this的指向在事件触发的函数中,this是对该DOM事件的引用。代码示例:<!DOCTYPE html><html> <head>
2018-01-25 16:52:35 267
原创 前端系列之JavaScript(DOM基础)
DOM基本的查找方法document.getElementById() 功能:返回对拥有指定ID的第一个对象的引用 返回值:DOM对象 说明:id为DOM元素上id属性的值document.getElementsByTagName() 功能:返回一个对所有tag标签引用的集合 返回值:数组 说明:tag为要获取的标签名称。<!DOCTYPE html><html> <head>
2018-01-25 11:07:22 277
原创 前端系列之JavaScript(内置对象)
Array(数组)ECMAScript中的Array数组,数组主要是用来存储一组数据的。创建数组1.使用Array构造函数,语法:new Array() 小括号()说明: (1)预先知道数组要保存的项目数量 (2)向Array构造函数中传递数组应包含的项。 2.使用数组字面量表示法 由一堆包含数组项的方括号[]表示,多个数组项之间以逗号隔开。数组元素的读写: 读取和设置值时,使用方括号[
2018-01-24 16:06:20 513
原创 前端系列之JavaScript(函数)
函数的作用:通过函数可以封装任意多条语句,而且可以在任何地方,任何时候调用执行。函数的定义:函数使用function声明,后跟一组参数以及函数体,语法如下:function functionName([arg0,arg1,...,argn]){ statements}说明: 1.functionName是要定义的函数名,属于标识符 2.[]中的arg0,arg1..argn为函数的参数
2018-01-23 17:48:49 809
原创 前端系列之JavaScript(流程控制语句)
JS的分支语句:条件语句if语法一:if(condition){ statement1;}语法二:if(condition){ statement1;}else{ statement2;}语法三:if(condition){ statement1;}else if{ statement2;}...else{ statement3;}var age = prompt
2018-01-23 16:19:21 499
原创 前端系列之JavaScript(语法)
什么是JavaScript?JavaScript是一种基于对象和事件驱动的客户端脚本语言,最初的设计是为了检验HTML表单输入的正确性,起源于Netscape公司的LiveScript语言。javaScript的组成完整的JavaScript是由ECMAScript(语法),Browser Obejcts(DOM,BOM)(特性组成的)。JavaScript的语法规则1.JS的注释与分号 // 单
2018-01-23 09:50:54 994
原创 前端系列之CSS(布局案例)
效果图:hmtl文件<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>CSS网页布局</title> <link href="css/index.css" rel="stylesheet"> </head> <body> <!-
2018-01-22 14:06:24 893
原创 前端系列之CSS(定位)
一.position属性HTML中的三种常用的布局方式 * 标准流 * 浮动 * 定位两大元素: * 块级元素:div h1-h6 ol uil li table p * 内联元素:a span img inputrelative相对定位 absolute绝对定位 fixed固定定位,脱离正常的文档流 inherit继承定位二.z-index三.案例-侧边栏导航跟随案例<!DOCTY
2018-01-19 16:21:44 275
原创 前端系列之CSS(float浮动)
float属性介绍float中的四个参数: -float: left -float:right -float:none -float:inherit //继承浮动我们可以使用float属性实现文本环绕效果实例应用<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>float</title>
2018-01-19 14:54:22 1594
原创 前端系列之CSS(盒子模型)
一.盒子模型概念盒子模型用来“放”网页中的各种元素网页设计中内容,如文字,图片等元素,都可是盒子(DIV嵌套)二.盒子模型属性宽高属性边框属性填充内边距(padding)属性盒子在网页中占的空间,不单单与width与height属性有关,还与padding有关,注意,padding属性值不可为负值。外边距(margin)属性盒子计算display属性
2018-01-19 13:40:48 511
原创 前端系列之CSS(背景和列表)
一.CSS背景<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css"> div{ width: 300px; height: 300px;
2018-01-19 11:12:57 382
原创 前端系列之CSS(文本样式)
一.字体样式二.文本样式<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>文本属性</title> <style type="text/css"> p{ background-color: #ececec; height:
2018-01-18 17:47:27 890
原创 前端系列之CSS(选择样式)
什么是CSS? ——CSS层叠样式表(Cascading Style Sheets) ——用于定义HTML内容在浏览器内的显示样式——CSS简化HTML相关标签,网页体积小,下载快 ——解决内容与表现分离的问题 ——更好的维护网页,提高工作效率一.CSS3基本语法注:实际开发中推荐使用外部样式表<!DOCTYPE html><html lang="en"><head> <meta
2018-01-18 17:05:03 1238
原创 前端系列之HTML(网页整体结构)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>html案例</title></head><body><!--头部内容--><div> <!--logo--> <div><img src="image\logo.png"></div> <!--导航-->
2018-01-18 14:21:00 4415 2
原创 前端系列之HTML(表单)
一.表单基本结构表单应用场景常用表单元素使用下拉菜单和列表标签表单交互属性<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>基础表单</title></head><body><form action="action.php" target="_blank"> <h1 align="
2018-01-18 13:21:13 4073
原创 前端系列之HTML(表格)
了解表格应用场景表格基本结构如何操作表格?添加、删除行与列表格属性<caption></caption>定义表格的标题表格跨行跨列表格嵌套案例:表格网页布局<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>表格布局</title></head><body><table width="100
2018-01-18 10:39:16 57389 2
原创 前端系列之HTML(基础)
一.基本语法什么是HTML? HTML(Hypertext Markup Language)即超文本标记语言。HTML发展史1993(IETF)HTML1.0 1995 (W3C)HTML2.0 不断更新 2000 (W3C)XHTML1.0 2014 HTML5定稿HTML特点 ——HTML不需要编译,直接由浏览器执行 ——HTML文件是一个文本文件 ——HTML文件必须使用htm
2018-01-17 17:10:43 306
原创 JSTL+EL JSP常用标签
JSP常用标签的配置及使用JSTL什么是JSTL? —JSTL是java中的一个定制标记库集为什么要使用JSTL? —实现了JSP页面中的代码复用:基于标签库原理,重复率较高的代码块支持复用,提高效率—书写JSP页面时可读性更强:长得很像xml,方便前端查看和参与开发。实际演示:JSTL环境搭建由于JSTL标签和Servet及JSP页面有着比较严格的版本对应关系,版本对应不正确很容易抛出异常,所
2018-01-17 11:44:33 511
原创 JAVA遇见HTML—Servlet篇(二.Servlet高级-应用MVC架构实现购物车Demo+JSP)
获取初始化参数在web.xml中配置Servlet时,可以配置一些初始化参数。而在Servlet中可以通过ServletConfig接口提供的方法来取得这些参数。代码示例:GetInitParameterServlet.java类package servlet;import java.io.IOException;import java.io.PrintWriter;
2018-01-16 11:53:46 1142
原创 JAVA遇见HTML—Servlet篇(一.Servlet基础)
Servlet概述什么是Servlet?Servlet是在服务器上运行的小程序。一个Servlet就是一个Java类,并且可以通过“请求—响应”编程模型来访问的这个驻留在服务器内存里的Servlet程序。Tomcat容器等级Tomcat的容器分为四个等级,Servlet的容器管理Context容器,一个Context对应一个Web工程。使用eclipse手工编写
2018-01-15 11:12:45 636
原创 JAVA遇见HTML—JSP篇(七.项目案例)
项目总体介绍案例:商品浏览记录的实现采用Model1(Jsp+Javabean)实现 实现DBHelper类 创建实体类 创建业务逻辑类(DAO) 创建页面层DBHelper类设计首先将驱动架包复制到lib文件夹内架包下载链接: https://pan.baidu.com/s/1pM325b9 密码: 62jgString driver = "com.mysql.jdbc.D
2018-01-11 17:23:56 5286 2
原创 Mac系统安装MySQL及Navicat Premium
安装MySQL一、下载dmg包安装 1、下载MySQL dmg 包, 从官网 : http://www.mysql.com/downloads/ 进入, 点击下方的DOWNLOADS : MySQL Community Server选择dmg文件下载 接着, 会跳转到如下页面, 你只需要选择不登录,直接下载即可 打开下载好的dmg文件,安装。2、进入系统偏好设置,点
2018-01-10 16:44:18 18784 2
原创 JAVA遇见HTML—JSP篇(六.JSP指令与动作元素)
include指令语法:%@ include file="URL" %>代码示例:新建date.jsp文件"java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>"java.text.*"%>"java.util.*"%><% Date d =new Date();
2018-01-09 17:55:34 289
原创 JAVA遇见HTML—JSP篇(五.JSP状态管理)
http协议的无状态性无状态是指:当浏览器发送请求给服务器的时候,服务器响应客户端请求。 但是当同一个浏览器再次发送请求给服务器的时候,服务器并不知道它就是刚才那个浏览器。 简单的说:就是服务器不会去记得你,所以就是无状态协议。Cookie概述保存用户的状态的两大机制 Session,Cookie什么是Cookie?Cookie:中文名称为“小甜饼”,是Web服务器保存在客户端的一系列文本信息
2018-01-09 16:40:32 218
原创 JAVA遇见HTML—JSP篇(四.JavaBean)
JavaBean简介及设计原则Javabeans就是符合某种特定的规范的Java类。使用Javabeans的好处是解决代码重复编写,减少代码冗余,功能区分明确,提高了代码的维护性。例如下面的学生类 ,就是符合Javabeans的设计原则的Javabeans类什么是JSP动作元素JSP动作元素(action elements),动作元素为请求处理阶段提供信息。动作元素遵循
2018-01-09 13:31:06 666
原创 JAVA遇见HTML—JSP篇(三.JSP内置对象)
JAVA遇见HTML—JSP篇—Mac系统(一.JAVA WEB简介&修改项目虚拟路径&Mac版本MyEclipse和Eclipse创建JavaWeb工程&修改Tomcat端口号)JAVA遇见HTML—JSP篇(二.JSP基础语法)一.JSP内置对象简介JSP内置对象是Web容器创建的一组对象,不使用new关键字就可以使用的内置对象。如下图中的out对象,不需要new,就可以直
2018-01-08 15:17:21 649
原创 JAVA遇见HTML—JSP篇(二.JSP基础语法)
JAVA遇见HTML—JSP篇—Mac系统(一.JAVA WEB简介&修改项目虚拟路径&Mac版本MyEclipse和Eclipse创建JavaWeb工程&修改Tomcat端口号)JAVA遇见HTML—JSP篇(三.JSP内置对象)1.Jsp简介JSP全名为Java Server Pages ,其根本是一个简化的Servlet设计,他实现了在java当中使用HTML标签。Jsp是一种动
2018-01-05 11:05:38 505
原创 在Mac上关于tomcat服务器的安装、配置、启动、部署web详细流程
之前在Mac上通过安装mamp来搭建PHP环境服务器,但是对于java来说,目前还是没有找到类似mamp这样强大的软件来构建及管理java环境服务器,所以目前也是通过命令行来进行tomcat服务器的安装和启动,简要的总结一下在Mac上进行tomcat服务器安装的步骤。 第一步,给Mac安装jdk环境。 直接百度”jdk for Mac“,找到其中一个版本进行安装就可以了,安装完成后,打开
2018-01-03 17:12:32 748
原创 JAVA遇见HTML—JSP篇—Mac系统(一.JAVA WEB)
1.什么是Web应用程序 Web应用程序是一种可以通过Web访问的应用程序。Web应用程序的最大好处是用户很容易访问应用程序。用户只需要有浏览器即可。不需要再安装其他软件。 为什么要学习Web应用程序?我们说Web应用程序开发,是目前软件开发领域的三大方向。 JAVAEE方向需求一直是很大的,也是就业比较容易和稳定的,在一线城市2年以上JAVAEE开发经验的工程师起薪就有10-15K。
2018-01-03 17:11:41 1910
原创 通过自动回复机器人学Mybatis—基础版
曲不为直终必弯,养狼当犬看家难,墨染鸬鹚黑不久,粉刷乌鸦白不坚, 蜜饯黄莲终清苦,强摘瓜果不能甜,好事总得善人做,那有凡人做神仙!准备工作:JSP JSTL EL JS/JQUERY Servlet JavaBeanJDBC —》Mybatis MySQL案例演示页面跳转项目路径:文章最后会给出完整项目示例代码web.xml文件<?xml version="1.0" encoding=
2018-01-03 11:52:49 353
原创 搭建SpringMvc工程,解决乱码问题
基于Maven创建一个简单的SpringMVC工程双击复制下来同样双击,注意文件目录,不要选错。默认选中的是第一个,我们选择第二个,把上面复制的内容复制进去。点击确认。但是现在项目仍然在报错,我们解决一下这样的话,项目就不报错了。设置pom.xml文件<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3
2018-01-02 17:14:36 206
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人