摘要: 什么是ajax AJAX = 异步的javascript和XML(Asynchronous Javascript and XML) 简言之,在不重载整个网页的情况下,AJAX通过后台加载数据,并在网页上进行显示。 通过 jQuery AJAX 方法,您能够使用 HTTP Get 和 HTTP Pos 阅读全文
posted @ 2018-06-05 15:49 John966 阅读(203) 评论(0) 推荐(0)
摘要: 一、jQuery的位置信息 jQuery的位置信息跟JS的client系列、offset系列、scroll系列封装好的一些简便api. 一、宽度和高度 获取宽度 1 .width() 1 .width() 1 .width() 1 .width() .width() 描述:为匹配的元素集合中获取第一 阅读全文
posted @ 2018-06-04 16:49 John966 阅读(147) 评论(0) 推荐(0)
摘要: js总结 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 js: 1.ECMAScript5 ES5语法 2.DOM CRUD 获取 3种方式 id tag className //面向对象 对象 : 属性和方法 某个对象中 function $(id){ return do 阅读全文
posted @ 2018-06-01 20:10 John966 阅读(192) 评论(0) 推荐(0)
摘要: 昨日作业讲解: 京东购物车 京东购物车效果: 实现原理: 用2个盒子,就可以完整效果。 先让上面的小盒子向下移动1px,此时就出现了压盖效果。小盒子设置z-index压盖大盒子,将小盒子的下边框去掉,就可以实现效果。 代码如下: 网页效果: 一、关于DOM操作的相关案例 1.模态框案例 需求: 打开 阅读全文
posted @ 2018-05-31 20:34 John966 阅读(259) 评论(0) 推荐(0)
摘要: 1.三种引入方式 1.行内js <div onclick = 'add(3,4)'></div> function add(a,b){ } 2.内接JS <script>/*js 代码*/</script> 3.外接样式 <script src='main.js'></script> //在前端项目 阅读全文
posted @ 2018-05-29 19:53 John966 阅读(164) 评论(0) 推荐(0)
摘要: 一、Javascript简介 Web前端有三层: HTML:从语义的角度,描述页面结构 CSS:从审美的角度,描述样式(美化页面) JavaScript:从交互的角度,描述行为(提升用户体验) HTML:从语义的角度,描述页面结构 CSS:从审美的角度,描述样式(美化页面) JavaScript:从 阅读全文
posted @ 2018-05-28 21:22 John966 阅读(135) 评论(0) 推荐(0)
摘要: 上节问题: 文本属性和字体属性 网页效果: 多行文本垂直居中 网页效果: 分析,由于总高度为200。文本有4行,每行高度为40。那么4行的高度为160,所以padding-top的40。 正好等于200。实现了多行居中效果! 一、超链接导航栏案例 直接上代码了 html结构 写好上面的结构代码之后, 阅读全文
posted @ 2018-05-28 19:40 John966 阅读(349) 评论(0) 推荐(0)
摘要: 块级元素和行内元素 学习HTML的初期,我们就要知道,标准文档流等级森严。标签分为两种等级: 行内元素 块级元素 比如h1标签和span,同时设置宽高,来看浏览器效果,那么你会发现: 行内元素和块级元素的区别:(非常重要) 行内元素: 与其他行内元素并排; 不能设置宽、高。默认的宽度,就是文字的宽度 阅读全文
posted @ 2018-05-24 17:50 John966 阅读(234) 评论(0) 推荐(0)
摘要: 一、CSS选择器 1.基本选择器 标签选择器可以选中所有的标签元素,比如div,ul,li,p 等等,不管标签藏的多深,都能选中,选中的是所有的,而不是某一个,所以说"共性"而不是特性 注意:li标签是以一行为显示的 2.高级选择器 说明:高级选择器又分为:后代选择器、子代选择器、并集选择器、交集选 阅读全文
posted @ 2018-05-23 16:41 John966 阅读(184) 评论(0) 推荐(0)
摘要: 主要内容: 列表标签 <ul>、<ol>、<dl> 表格标签 <table> 表单标签 <fom> CSS引入方式与基本选择器 列表标签 <ul>、<ol>、<dl> 表格标签 <table> 表单标签 <fom> 一、列表标签 列表标签分为三种:有序列表、无序列表、定义列表 1、无序列表<ul>, 阅读全文
posted @ 2018-05-22 16:45 John966 阅读(543) 评论(0) 推荐(0)