Web前端学习
Java_jfei
这个作者很懒,什么都没留下…
展开
-
图书购买系统,本地添加购物车(不需要登录一样可以添加购物车,结算时需要登录)
1.category.html页面:显示书籍信息页面<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <script src="../../js/bootstrap/js/jquery-3.1.1.js"></script> <script src="../../js/bootstrap/原创 2017-02-27 20:01:51 · 6751 阅读 · 1 评论 -
JQuery学习笔记
一、Jquery基本内容 1、JQuery是一个js框架(node.js angular.js bootstrap.js) 这个框架可以快速方便的操作html的css样式,修改html内容,查找html元素 2、为什么要使用JQuery: 1.JQuery兼容大部分的浏览器 2.JQuery代码比较简洁 3.JQuery应用非常广泛JQuery2.0版本之后不再兼容ie6原创 2017-02-26 22:58:18 · 419 阅读 · 0 评论 -
JQuery实现表单验证(注册页面)
注册页面功能实现:验证会员名密码不能为空或者包含空格,并且保证长度至少6位验证邮箱符合规则,并且不能为空重复密码要与密码一致1.页面的样式2.JQuery代码3.功能优化代码4.效果图片5.全部代码原创 2017-02-23 21:35:53 · 14740 阅读 · 0 评论 -
JQuery学习之jQuery九类选择器,属性,CSS和文档处理
jQuery九类选择器,属性,CSS文档处理原创 2017-02-22 18:12:48 · 368 阅读 · 0 评论 -
Html之JavaScript学习笔记02
Javascript的常用事件 Javascript的自定义对象Javascript的“继承”Javascript BOM介绍Javascript DOM介绍原创 2017-02-21 20:37:34 · 299 阅读 · 0 评论 -
CSS完成一个带跳转功能的导航栏页面(修改之前代码出现乱码的情况)
1.右侧的内容,设置每个标题的id<div class="right"> <h2 id="section-1">Html介绍</h2> <h2 id="section-2">文件标签</h2> <h2 id="section-3">排版标签</h2> <h2 id="section-4">块标签</h2> <h2 id="section-5">字体标签</h原创 2017-02-21 08:57:27 · 1343 阅读 · 0 评论 -
Html之JavaScript学习笔记01
一、基础概念JavaScript的导入方式1.1.内嵌方式:div onclick="alert("xxx")">divdiv>1.2.内部方式:script type="text/javascript"> function clickdiv(){ alert("xxx"); }script> div onclick="clickd原创 2017-02-20 19:54:13 · 310 阅读 · 0 评论 -
CSS完成一个带跳转功能的导航栏页面
1.右侧的内容,设置每个标题的id Html介绍 文件标签排版标签块标签 字体标签 2.左侧导航栏让每个标签连接到对应的文档的id,实现点击标签跳转到对应的文档内容 Html介绍 文件标签 排版标签 块标签 字体标签 清单标签 图形标签 连接标签 表格标签3.CSS实现导航栏相对浏览原创 2017-02-19 22:20:36 · 10549 阅读 · 0 评论 -
利用js生成二维码
1.引入js文件2.存放二维码的div3.js代码$(function(){//方法1.直接生成一个二维码 $('#qrcode').qrcode("http://baidu.com"); /*//方法2.设置二维码的详细参数 $('#qrcode').qrcode({ render : "canvas", //设置渲原创 2017-04-20 22:32:30 · 1229 阅读 · 1 评论 -
购物车动态修改购买条数和总计(上一篇代码的补充)
1.cart.js页面 购物车页面<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>cart</title> <!--引入bootstrap.css--> <link rel="stylesheet" type="text/css" href="../../b原创 2017-02-28 23:31:36 · 2452 阅读 · 0 评论 -
JSON的学习和使用
JSON (XML JSON 都是数据一种格式)(掌握)JSON的简单语法: {} [] : , 字符串 { name:张三, age:18 }JSON也是客户端和服务器进行通信的时候交互的一种数据格式 JSON相对XML语法会相对简单,同一段数据,xml版本的数据size必然比json大java中JSON可以使用在javascript中原创 2017-03-02 22:40:05 · 377 阅读 · 0 评论