自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

转载 ..

一、vue实例 创建根实例,所有的内容都应该包含在根实例中 new Vue({ el: '#app', data: {//数据放这里 message: 'Hello world' }, methods:{//方...

2019-06-25 20:21:13

阅读数 13

评论数 0

转载 ...

层叠 继承 优先级 是我们学习CSS 必须掌握的三个特性。 CSS层叠性 所谓层叠性是指多种CSS样式的叠加。 是浏览器处理冲突的一个能力,如果一个属性通过两个相同选择器设置到同一个元素上,那么这个时候一个属性就会将另一个属性层叠掉。 比如先给某个标签指定了内部文字颜色为红色,接着又指定了颜色为...

2019-06-17 19:08:52

阅读数 22

评论数 0

转载 sql

Sql:SQL 面向数据库执行查询 SQL可以从数据库取回数据 SQL可在数据库中插入新的记录 SQL可更新数据库中的数据 SQL可从数据库删除记录 SQL可创建新的数据库 SQL可在数据库中创建的新的表 SQL 可在数据库中创建视图 SQL可以设置表、存储过程和视图的权限 se...

2019-05-22 20:51:02

阅读数 39

评论数 0

原创 ....

1. 流式布局:设置宽度不用固定像素,而是使用百分比,这种布局方式就叫做流式布局 2. 视觉窗口:移动端特有的,将pc的页面显示在移动端,效果会很不清晰,使用viewport,解决在移动端显示页面问题 3. 在head标签中 <meta name='viewport' c...

2019-05-15 19:22:23

阅读数 14

评论数 0

原创 ..

1、 绘制圆弧: ctx.arc(x0,y0,r,起始弧度,结束弧度,是否逆时针) 1° = 2π /360 弧度 2、绘制文本: ctx.strokeText('字符串',坐标x,y) ctx.fillText('',x...

2019-05-14 18:50:47

阅读数 9

评论数 0

原创 .....

1. 画布使用的基本步骤: 1) 获取画布对象: document.querySelector(".mycanvas"); 2) 获取上下文对象: canvas对象.getContext('2d'); 3) 通过上下文对象确定起点: ctx...

2019-05-13 19:18:15

阅读数 9

评论数 0

原创 ...

1.webStorage:本地缓存------localStorage sessionStorage 存储的数据都是字符串格式 反序列化:JSON.stringify() 序列化:JSON.parse() 存储数据: localStorage.setI...

2019-05-09 19:14:23

阅读数 9

评论数 0

原创 ..

1.h5新增的语义化标签 header footer section article aside----块级标签 下拉列表:input datalist fieldset legend html5shiv插件:低版本的浏览器支持新增的h5语义化标签 在hea...

2019-05-07 20:35:04

阅读数 30

评论数 0

原创 ===

属性名和属性值一样,给属性的值bool类型,或者直接不写 autofocus:自动获取焦点 multiple:多行选择 required:必填项 accesskey='z': 使用alt+ z 获取焦点的快捷方式 pattern:正则规定输入的内容。严格意义...

2019-05-06 20:59:58

阅读数 105

评论数 0

原创 FullPage插件

FullPage插件-插件功能介绍: 基于 jQuery 的插件,它能够帮你很方便、很轻松的制作出全屏网站。 支持鼠标滚动,支持前进后退和键盘控制,多个回调函数,支持手机、平板触摸事件,支持 CSS3 动画,支持窗口缩放,窗口缩放时自动调整,可设置滚动宽度、背景颜色、滚动速度、循环选项...

2019-04-29 18:51:00

阅读数 58

评论数 0

原创 ...

1.高级选择器 1) 伪类选择器 基础选择器:伪类选择器 嵌套关系: 获取父元素中第一个子元素是p的元素 p:first-child p:last-child p:nth-child(1) 并列关系: p:first-of-type p:last-...

2019-04-28 19:01:05

阅读数 15

评论数 0

原创 ..

凹凸文字 <head> <meta charset="utf-8"> <style> body { background-color: #ccc; } div { color: #ccc;...

2019-04-25 20:56:16

阅读数 14

评论数 0

原创 ...

1.ajax:asyns javascript and xml 2.ajax的原理:通过XMLHTTPRequest对象,向服务器发送请求,服务响应数据,把响应的结果通过JavaScript渲染到页面中 3.ajax的优点:异步加载,局部刷新 4.ajax的使用: 1)var xhr= new X...

2019-04-24 19:19:18

阅读数 9

评论数 0

原创 ajax

ajax的特点:异步加载,局部刷新---页面加载快一些,用户体验好一些 * 同步:一次一个,前面的代码没有执行完成,后面的就排队等,不能开始 * 异步:一次一堆,前面一个没有完成,后面的也能开始。 ajax的缺点:异步加载,局部刷新----没有后退的功能 oad:载入远程 HTML 文...

2019-04-23 19:24:29

阅读数 14

评论数 0

原创 ...

一、节点的操作: 1. 创建节点:$("标签和内容") 2. 将节点添加到页面中 嵌套关系: 向后追加:父元素.append(子元素) 子元素.appendTo(父元素) 往前面添加: 父元素.prepend(子元素) 子元...

2019-04-18 19:22:32

阅读数 59

评论数 0

原创 .....

.1 css操作:修改样式 css("样式属性","样式属性值") css({"属性1":"属性值1","属性2":"属性值2"}) 获取属性: c...

2019-04-17 18:47:56

阅读数 18

评论数 0

原创 jQuery

1.使用jquery的步骤 ①导入jquery库 ②写代码 2. 入口函数 window.onload=function(){} $(document).ready(function(){}); $(function(){}) 3.$的实质:就是一个函数,...

2019-04-15 19:16:56

阅读数 19

评论数 0

原创 js

apply和call方法的用法: apply方法: 函数名.apply(对象,[参数1,参数2...]); 方法名字.apply(对象,[参数1,参数2...]); call方法: 函数名.call(对象,参数1,参数2...); 方法名字.ca...

2019-04-11 19:28:32

阅读数 15

评论数 0

原创 。。。。。

原型指向可以发生改变 实例对象中的原型__proto__指向的是创建这个对象的构造函数中的原型对象prototype 构造函数中的原型对象prototype的指向发生了改变, 实例对象中的原型__proto__指向也会发生改变 构造函数中的原型对象(prototype)和实例对象中的原型对象...

2019-04-10 19:18:30

阅读数 12

评论数 0

原创 007

offset系列 scroll系列 client系列 offset系列:在style标签中的属性,不能通过style.属性获取到,只能通过offset获取 offsetWidth:获取元素的宽(width+padding+border) offsetHeight:获取元素的高(有...

2019-04-03 19:31:10

阅读数 47

评论数 0

原创 轮播案例

轮播封装函数 function animate(element , target) { clearInterval(element.timeId); element.timeId = setInterval(function () { var current = element....

2019-04-02 19:23:53

阅读数 35

评论数 0

原创 webapi

window是浏览器的顶级对象,当调用window下的属性和方法时,可以省略window 页面加载事件 onload window.onload = function () { // 当页面加载完成执行 // 当页面完全加载所有内容(包括图像、脚本文件、CSS 文件等)执行 } onu...

2019-04-01 20:25:36

阅读数 9

评论数 0

原创 00000

创建元素的三种方式 document.write() document.write('新设置的内容<p>标签也可以生成</p>'); innerHTML var box = document.getElementById('box�...

2019-03-31 20:24:18

阅读数 188

评论数 0

原创 嘿嘿嘿

DOM的概念 文档对象模型(Document Object Model,简称DOM),是W3C组织推荐的处理可扩展标志语言的标准编程接口。在网页上,组织页面(或文档)的对象被组织在一个树形结构中,用来表示文档中对象的标准模型就称为DOM。Document Object Model的历史可以追溯至...

2019-03-26 19:06:40

阅读数 129

评论数 0

原创 js

string对象下的方法 String.fromCharCode(数字,数字):静态方法,返回Unicode码对应的字符 charAt(索引):返回对应的索引的字符,如果索引不在范围内,返回一个空字符 charCodeAt(索引):返回对应的索引的字符的Unicode码 concat(&quo...

2019-03-25 18:54:56

阅读数 7

评论数 0

原创 mob

Math对象 Math对象不是构造函数,它具有数学常数和函数的属性和方法,都是以静态成员的方式提供 跟数学相关的运算来找Math中的成员(求绝对值,取整) Math.PI // 圆周率 Math.random() // 生成随机数 Math.floor()/Math.ceil...

2019-03-20 20:42:45

阅读数 12

评论数 0

原创 js-day05-张秋明

自调用函数 匿名函数不能通过直接调用来执行,因此可以通过匿名函数的自调用的方式来执行 函数是一种数据类型 因为函数也是一种类型,可以把函数作为两一个函数的参数,在两一个函数中调用 ,因为函数是一种类型,所以可以把函数可以作为返回值从函数内部返回 定义了一个函数,在调用的时候,不确定用户输...

2019-03-19 18:49:28

阅读数 17

评论数 0

原创 js-day03-张秋明

循环结构 在javascript中,循环语句有三种,while、do..while、for循环。 while语句 基本语法: // 当循环条件为true时,执行循环体, // 当循环条件为false时,结束循环。 while (循环条件) { //循环体 } do...while语句 ...

2019-03-14 20:35:10

阅读数 22

评论数 0

原创 js-day02-张秋明

数据类型 Number类型 ① 数值字面量:数值的固定值的表示法② 浮点数 String类型 ①字符串字面量②转义符 ③字符串长度,length属性用来获取字符串的长度 ④字符串拼接 , 两边只要有一个是字符串,那么+就是字符串拼接功能 两边如果都是数字,那么就是算术功 ...

2019-03-13 19:29:25

阅读数 28

评论数 0

原创 day08

dispaly显示: display 设置或检索对象是否及如何显示。 display : none 隐藏对象 与它相反的是 display:block 除了转换为块级元素之外,同时还有显示元素的意思。 特点: 隐藏之后,不再保留位置。 visibility 可见性: 设置或检索是否显示对...

2019-03-06 18:56:14

阅读数 11

评论数 0

原创 浮动

一,浮动的含义: 元素的浮动是指设置了浮动属性的元素会脱离标准普通流的控制,移动到其父元素中指定位置的过程。在CSS中,通过float属性来定义浮动。 选择器{float:属性值;} 二,浮动的详细的内幕属性: 浮动脱离标准流,不占位置,会影响标准流。浮动只有左右浮动。 浮动首先创建包含块...

2019-03-04 19:31:26

阅读数 18

评论数 0

原创 day04

一,调试工具:浏览器中打开后f12进入,调试工具:f12 或者鼠标右键--检查 字体大小设置:ctrl+鼠标滚轮 / ctrl+ +和- 二,选择器: 1,交集选择器,交集选择器由两个选择器构成,其中第一个为标签选择器,第二个为class选择器,两个选择器之间不能有空格 2,并集选择器,...

2019-03-01 16:51:03

阅读数 31

评论数 0

原创 正式学习前端的第一天

今天开始学习的内容:一,图像的标签                                     二,链接标签                                     三,锚点标签                                     四,注释标签...

2019-02-26 22:10:16

阅读数 29

评论数 0

提示
确定要删除当前文章?
取消 删除