- 博客(23)
- 收藏
- 关注
RSS订阅原创 jQuery
一 什么是 jQuery ？jQuery是一个JavaScript函数库。jQuery是一个轻量级的"写的少，做的多"的JavaScript库。二 jQuery环境配置jQuery 库是一个 JavaScript 文件，您可以使用 HTML 的 <script src="./js/jquery-3.3.1.min.js">&am
2019-02-21 22:51:46
224
1
原创 HTML5播放器的制作
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> #video { width: 700
2019-02-19 21:42:06
826
原创 HTML5 Canvas
什么是canvas< canvas > 标签定义图形，比如图表和其他图像，您必须使用脚本来绘制图形。使用canvas如何绘图创建canvas画布获取canvas画布动态操作canvas画布将canvas画布转为2d模式使用Javascript提供的API绘制图像示例代码：<body>//创建canvas画布<canvas id="ca...
2019-02-19 21:36:44
138
原创 HTML5离线存储
torage:客户端存储 session存在浏览器上的，浏览器关闭信息不存在硬盘存储local存在硬盘上，浏览器关闭信息依然存在示例代码： window.localStorage window.sessionStorage window.sessionStorage.setItem(); //存储的方法 window.sessionStor...
2019-02-18 20:25:08
533
原创 Javascript开发模式
工厂模式：调用函数 返回对象示例代码：function stu(){ var s=new Object(); s.name="张三"; return s; } stu();构造函数模式：通过new一个类来创建一个实例示例代码： function student(){ ...
2019-02-17 19:44:13
197
原创 Javascript 继承
Javascript继承的方法原型链继承：将父类的实例作为子类的原型特点：非常纯粹的继承关系，实例是子类的实例，也是父类的实例父类新增原型方法/原型属性，子类都能访问到简单，易于实现缺点：要想为子类新增属性和方法，必须要在new Animal()这样的语句之后执行，不能放到构造器中无法实现多继承创建子类实例时，无法向父类构造函数传参示例代码：<script>/...
2019-02-17 19:32:54
197
原创 AJAX
一 AJAX 是什么？AJAX = Asynchronous JavaScript and XML.AJAX 是一种用于创建快速动态网页的技术。AJAX 通过在后台与服务器进行少量数据交换，使网页实现异步更新。这意味着可以在不重载整个页面的情况下，对网页的某些部分进行更新。传统的网页（不使用 AJAX）如果需要更新内容，必须重载整个页面。二 AJAX两种请求方式同步请求：请求完成后再进...
2019-01-24 21:16:05
145
原创 JavaScript 正则表达式
一 什么是正则表达式使用单个字符串来描述、匹配一系列符合某个句法规则的字符串搜索模式。搜索模式可用于文本搜索和文本替换。二 正则表达式字符普通字符：非打印字符：\n 转行\s空白字符（空格，制表，换页）\S非空白字符特殊字符： 如果匹配字符自身，先转义（反斜杠字符\放在字符前面）$表达式结尾()子表达式的开始和结尾[ ]表达式开始和结尾{ }标记限定字符{n} n...
2019-01-23 21:47:39
139
原创 Javascript数据格式
后台给前台返回的数据格式 ：json，xmljson：数组型+对象型1.单个json：var obj={id:"1",name:"张三",sex:"男"};2.json集合var student=[ { id:"1", name:"张三", sex:"男"
2019-01-16 22:49:31
194
原创 JavaScript Date 对象
Date 对象Date 对象用于获取时间，设置时间。1.创建new Date(); //创建 Date 对象2.获取time.getFullYear(); //2019time.getYear(); //从1970-现在time.getMonth(); //0-11time.getDay(); //...
2019-01-16 21:41:59
108
原创 JavaScript Math 对象
Math 对象Math 对象用于执行数学任务。Math 对象并不像 Date 和 String 那样是对象的类，因此没有构造函数 Math()。Math 对象方法Math.PI; //3.14...Math.abs(-1); //取绝对值1Math.ceil(2.1); //向上取整 3Math.floor(2.7); //向...
2019-01-16 21:32:42
100
原创 JavaScript Window - 浏览器对象模型
BOM：浏览器对象模型js内置对象 Array String Math Datewindow顶层框架：history location documentWindow 对象所有浏览器都支持 window 对象。它表示浏览器窗口。1.全局变量是 window 对象的属性，全局函数是 window 对象的方法。var a=10;console.log(window.a);window...
2019-01-16 21:27:14
111
原创 内置的方法
(一)concat：拼接两字符串示例代码：indexOf ：查找当前字符是否存在 查找字符并返回索引位（从左到右查找），参数指定查询的字符和起始位，当只有一个参数时默认从0位开始，字符串中没有该字符返回-1。lastIndexOf ：查找当前字符是否存在 查找字符并返回索引位（从右到左查找），参数指定查询的字符和起始位，当只有一个参数时默认从最右一位开始往左查找，字符串中没有该字符返回...
2019-01-04 21:54:25
174
原创 HTML DOM
一 什么是DOMDOM (Document Object Model) ：文档对象模型二 获取DOM元素的方式注意：获取元素是否初始化（存在）----代码前后问题1.getElementsByClassName通过元素类名称获取，因为class可以绑定多个元素，获取的集合类型（数组类型）2.getElementsByName通过元素的name名称获取，获取的是集合类型3.getEl...
2018-12-25 23:17:13
190
原创 CSS3 手机自适应和媒体查询
一.手机自适应什么是 Viewport?viewport 是用户网页的可视区域。viewport 翻译为中文可以叫做"视区"。手机浏览器是把页面放在一个虚拟的"窗口"（viewport）中，通常这个虚拟的"窗口"（viewport）比屏幕宽，这样就不用把每个网页挤到很小的窗口中（这样会破坏没有针对手机浏览器优化的网页的布局），用户可以通过平移和缩放来看网页的不同部分。设置 Vi
2018-12-20 13:23:24
325
原创 Javascript
一.什么是JavasciptJavaScript 是互联网上最流行的脚本语言，这门语言可用于 HTML 和 web。JavaScript 是一种轻量级的编程语言，是可插入 HTML 页面的编程代码，插入 HTML 页面后，可由所有的现代浏览器执行。二.Javascipt用法HTML 中的脚本必须位于 &amp;lt; script &amp;gt; &amp;lt; /script &amp;gt; 标签之间，脚本可被直...
2018-12-20 13:22:49
123
原创 Javascript操作运算符，循环结构以及逻辑结构
一.Javascript操作运算符1：算数运算符：+ - * / % ++ –示例代码：（1）类型的强制转换：parseInt() 整型；parseFloat() 小数点类型；示例代码：（2）前置++/–:先++/–,后运算 ；后置++/–:先运算,后++/-- ;示例代码：2.比较运算符：&gt; ； &lt; ； &gt; = ； &lt; = ； = = ；！==:赋...
2018-12-20 13:21:29
157
原创 HTML5新元素
&lt; canvas &gt; 新元素：定义图新多媒体元素：(1).&lt; video &gt;:定义视频；(2).&lt; audio &gt;:定义音频；其中可用属性：loop:循环播放；controls:控制器；autoplay：自动播放；src：路径示例代码：新表单元素：(1).&lt; datalist &gt;:定义选项列表，与i
2018-12-06 14:45:02
256
原创 CSS选择器
class选择器：. 作为前缀示例代码:id选择器：不可重复， #作为前缀示例代码：*选择器：选择所有元素示例代码：元素选择器示例代码：用，把两个元素隔开空格选择器：选择父元素内部所有子元素示例代码：选择器:选择父元素直接子元素示例代码：+选择器：选择紧接在该元素之后的第一个所选择的元素元素示例代码：效果显示：属性选择器：(1)选择带有...
2018-12-06 14:44:36
127
原创 CSS3样式总结
边框(1).bordeuanr-radius:圆角50%为最大，方形变成圆形(2).box-shadow:盒子阴影可嵌套多层阴影示例代码：box-shadow属性的值分别为：左右移动大小，上下移动大小，扩散大小，阴影颜色；+为右方向，下方向，-为左方向，上方向；效果显示：背景(1).background-image:添加背景图片(2).background-repeat:...
2018-12-06 14:44:06
106
原创 京东静态网页案例
一.制作过程新建一个工程，对样式文件和图标文件进行链接，观察整个网页的大致布局，从大到小，从上到下，从左到右，搭建框架布局，选择合适的元素进行嵌套完成布局。二.属性总结display属性行级元素与块级元素的区别：块级元素可以自动换行，可以设置宽和高的属性行级元素不可以自动换行，不可以设置宽和高的属性块级元素和行级元素的转换：display:inline ：将块级元素转化为行级元素...
2018-11-29 18:27:13
1525
原创 关于CSS
一.什么是CSSCSS是层叠样式表，样式定义如何显示 HTML 元素，样式通常存储在样式表中，外部样式表通常存储在 CSS 文件中 ，多个样式定义可层叠为一。二.CSS的写法行内样式表：在 HTML 元素内部内嵌样式表：以&lt; style &gt;开始，以&lt; /style &gt;结束，在&lt; body &gt;或者&lt; head &gt;中
2018-11-29 16:32:37
88
原创 HTML的初识和常用标签
一.webstorm的使用1.新建project2.在project中新建HTML文件和css文件3.代码编写二.什么是HTMLHTML指的是超文本标记语言，是标记符号或代码的集合。标记语言是一套标记标签。HTML使用标记标签来描述网页。三.THML的组成HTML主要分为头部和主体。...
2018-11-29 15:31:04
210
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人