自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(33)
  • 收藏
  • 关注

转载 ..

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

2019-06-25 20:21:13 103

转载 ...

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

2019-06-17 19:08:52 96

转载 sql

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

2019-05-22 20:51:02 104

原创 ....

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

2019-05-15 19:22:23 78

原创 ..

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

2019-05-14 18:50:47 69

原创 .....

1. 画布使用的基本步骤: 1) 获取画布对象: document.querySelector(".mycanvas"); 2) 获取上下文对象: canvas对象.getContext('2d'); 3) 通过上下文对象确定起点: ctx对象.moveTo(x,y坐标) 4) 第二个点: ctx对象.lineTo(x坐标,y坐标) ...

2019-05-13 19:18:15 61

原创 ...

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

2019-05-09 19:14:23 45

原创 ..

1.h5新增的语义化标签 header footer section article aside----块级标签 下拉列表:input datalist fieldset legend html5shiv插件:低版本的浏览器支持新增的h5语义化标签 在head标签中 添加一个注释,只有低版本的浏览器...

2019-05-07 20:35:04 74

原创 ===

属性名和属性值一样,给属性的值bool类型,或者直接不写 autofocus:自动获取焦点 multiple:多行选择 required:必填项 accesskey='z': 使用alt+ z 获取焦点的快捷方式 pattern:正则规定输入的内容。严格意义h5的api依赖于脚本语言,一般都在script标签中完成 1、js获取元素的方式:d...

2019-05-06 20:59:58 175

原创 FullPage插件

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

2019-04-29 18:51:00 191

原创 ...

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

2019-04-28 19:01:05 78

原创 ..

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

2019-04-25 20:56:16 72

原创 ...

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

2019-04-24 19:19:18 97

原创 ajax

ajax的特点:异步加载,局部刷新---页面加载快一些,用户体验好一些 * 同步:一次一个,前面的代码没有执行完成,后面的就排队等,不能开始 * 异步:一次一堆,前面一个没有完成,后面的也能开始。ajax的缺点:异步加载,局部刷新----没有后退的功能oad:载入远程 HTML 文件代码并插入至 DOM 中。load()的使用:$(对象).load('url路径',{属性...

2019-04-23 19:24:29 59

原创 ...

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

2019-04-18 19:22:32 127

原创 .....

.1 css操作:修改样式 css("样式属性","样式属性值") css({"属性1":"属性值1","属性2":"属性值2"}) 获取属性: css("属性名") 1.2 class操作:操作类 添加类名: addClass("类名") 删除类:removeClass("类名")...

2019-04-17 18:47:56 70

原创 jQuery

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

2019-04-15 19:16:56 61

原创 js

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

2019-04-11 19:28:32 124

原创 。。。。。

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

2019-04-10 19:18:30 80

原创 007

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

2019-04-03 19:31:10 168

原创 轮播案例

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

2019-04-02 19:23:53 153

原创 webapi

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

2019-04-01 20:25:36 58

原创 00000

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

2019-03-31 20:24:18 815

原创 嘿嘿嘿

DOM的概念文档对象模型(Document Object Model,简称DOM),是W3C组织推荐的处理可扩展标志语言的标准编程接口。在网页上,组织页面(或文档)的对象被组织在一个树形结构中,用来表示文档中对象的标准模型就称为DOM。Document Object Model的历史可以追溯至1990年代后期微软与Netscape的“浏览器大战”,双方为了在JavaScript与JScript...

2019-03-26 19:06:40 281

原创 js

string对象下的方法String.fromCharCode(数字,数字):静态方法,返回Unicode码对应的字符charAt(索引):返回对应的索引的字符,如果索引不在范围内,返回一个空字符charCodeAt(索引):返回对应的索引的字符的Unicode码concat("字符串"):返回拼接好的新的字符串,原始的字符串(str)的值是没有改变的indexOf("字符串",开始...

2019-03-25 18:54:56 59

原创 mob

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

2019-03-20 20:42:45 81

原创 js-day05-张秋明

自调用函数匿名函数不能通过直接调用来执行,因此可以通过匿名函数的自调用的方式来执行函数是一种数据类型因为函数也是一种类型,可以把函数作为两一个函数的参数,在两一个函数中调用 ,因为函数是一种类型,所以可以把函数可以作为返回值从函数内部返回定义了一个函数,在调用的时候,不确定用户输入了多少个参数,不知道用户有没有输入参数,没有办法计算,作用域作用域:变量可以起作用的范围...

2019-03-19 18:49:28 105

原创 js-day03-张秋明

循环结构在javascript中,循环语句有三种,while、do..while、for循环。while语句基本语法:// 当循环条件为true时,执行循环体,// 当循环条件为false时,结束循环。while (循环条件) { //循环体}do...while语句do..while循环和while循环非常像,二者经常可以相互替代,但是do..while的特点...

2019-03-14 20:35:10 103

原创 js-day02-张秋明

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

2019-03-13 19:29:25 102

原创 day08

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

2019-03-06 18:56:14 54

原创 浮动

一,浮动的含义:元素的浮动是指设置了浮动属性的元素会脱离标准普通流的控制,移动到其父元素中指定位置的过程。在CSS中,通过float属性来定义浮动。选择器{float:属性值;}二,浮动的详细的内幕属性:浮动脱离标准流,不占位置,会影响标准流。浮动只有左右浮动。 浮动首先创建包含块的概念(包裹)。就是说, 浮动的元素总是找理它最近的父级元素对齐。但是不会超出内边距的范围。1,...

2019-03-04 19:31:26 94

原创 day04

一,调试工具:浏览器中打开后f12进入,调试工具:f12 或者鼠标右键--检查 字体大小设置:ctrl+鼠标滚轮 / ctrl+ +和-二,选择器:1,交集选择器,交集选择器由两个选择器构成,其中第一个为标签选择器,第二个为class选择器,两个选择器之间不能有空格2,并集选择器,并集选择器(CSS选择器分组)是各个选择器通过&lt;strong style="colo...

2019-03-01 16:51:03 70

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

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

2019-02-26 22:10:16 84

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

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