自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

短剑在闲逛

路漫漫其修远兮,吾将上下而求索!

  • 博客(17)
  • 收藏
  • 关注

原创 预解释

1.预解释在浏览器加载的时候,首先会提供一个供全局js代码执行的环境 —全局作用域(global/window)预解释:在当前作用域中,在js代码执行之前,浏览器会默认的把带var跟function的进行声明与定义var num = 12;var obj = {name:'zhang',age:13};funtion fn(){ console.log('zzzz');}c...

2019-01-15 11:58:46 157

原创 原型链模式

原型链模式基础//构造函数模式function CreateJsPerson(name,age){ this.name = name; this.age = age; this.writeJs = function(){ console.log('my name is ' + this.name +'i can write js') }}...

2018-11-30 16:33:40 173

原创 构造函数与工厂模式

工厂模式function createJsPerson(name,age){ var obj = {}; obj.name = name; obj.age = age; obj.writeJs = function(){ console.log('my name is ' + this.name +'i can write js') };...

2018-11-28 17:30:20 491 1

原创 vue axios在开发中遇到的问题

第一次学vue,自己摸索了好久。用axios的时候遇到了几个问题。跨域,还有就是多个proxyTable配置的时候出现的问题。记下,方便以后查阅var _this=this; _this.$axios.get("http://xxxx/js/shopData.json").then(res=>{ console.log(res.data)})这样写乍一看是没有问题...

2018-11-15 14:58:29 750

原创 作用域深入和面向对象

深入学习js做下笔记,以便日后查用,都是理论知识1.预解释基本数据类型(按值访问,操作的是他们实际保存的值) number string boolean null undefined引用数据类型(按引用访问,当查询时,我们需要先从栈中读取内存地址,然后再顺藤摸瓜地找到保存在堆内存中的值) object:{} var num = 10; var obj = {name:'z...

2018-11-14 14:44:05 122

原创 正则表达式

一. 创建正则表达式1.两种创建方式var box=new RegExp('box');               //第一个参数字符串var box=new RegExp('box',ig);          //第二个参数可选模式修饰符2.测试正则表达式2.1 使用new运算符的test方法实例var pattern =new RegExp('box','i...

2017-12-05 15:33:25 197

原创 BFC和清除浮动

我对BFC的理解对css有了解的朋友肯定知道盒式模型这个概念,对一个元素设置css,首先需要知道这个元素是block还是inline类型。而BFC就是用来格式化快级盒子。BFC:块级格式化上下文,它是指一个独立的块级渲染区域,只有Block-level Box 参与,该区域拥有一套渲染规则来约束块级盒子的布局,且与区域外部无关 BFC的生成既然上文提到BFC是一块渲染区域...

2017-11-01 09:30:00 235

原创 事件

一.绑定事件通过.bind()方法来为元素绑定这些事件。可以传递三个参数:bind(type, [data], fn),type 表示一个或多个类型的事件名字符串;[data]是可选的,作为 event.data 属性值传递一个额外的数据,这个数据是一个字符串、一个数字、一个数组或一个对象;fn 表示绑定到指定元素的处理函数。 //使用点击事件 $('input'...

2017-10-26 15:02:33 157

原创 DOM 节点操作

一.创建节点 var box = $('<div id="box">节点</div>'); //创建一个节点$('body').append(box); //将节点插入到<body>元素内部 二.插入节点 $('div').append('<strong>节...

2017-10-26 09:35:54 161

原创 基础DOM和CSS操作

一.DOM简介 二.设置元素和内容  如果想设置多个选项的选定状态,比如下拉列表、单选复选框等等,可以通过数组传递操作。 $("input").val(["check1","check2", "radio1" ]); //value 值是这些的将被选定   三.元素属性操作  四.元素样式操作  在 CSS 获取...

2017-10-25 15:18:31 255

原创 选择器

一.简单选择器(获取DOM元素节点)必须使用  $()  函数来包装我们css规则   二.进阶选择器  警告:在构造选择器时,有一个通用的优化原则:只追求必要的确定性。当选择器筛选越复杂,jQuery 内部的选择器引擎处理字符串的时间就越长。 $('div#box ul li a#link'); //让 jQuery 内部处理了不必...

2017-10-25 10:16:58 170

原创 语法,关键保留字及变量

一.语法构成1.区分大小写2.标识符(1)第一个字符必须是一个字母,下划线(_),美元符号($)。(2)其他字符可以使字母,下划线,美元符号,数字(3)不能把关键字,保留字,true,false,null,作为标识符3.注释4.字面量(所有字面量,就是程序中直接显示出来的数据值)二.关键字和保留字三.变量(用来保存任何类型的数据)定义变量是要使用va...

2017-10-19 09:15:30 210

原创 css使用水平居中和垂直居中

一.水平居中1.使用inline-block和text-align实现 .parent{text-align: center;}.child{display: inline-block;}2.使用width和margin实现.child{width:200px;margin:0 auto;  3.使用display和margin实现.child{d...

2017-09-11 15:38:05 321

原创 采用三种方式实现tab切换

tab选项卡功能很常见,以下列举三种方法来实现tab切换先贴上HTML源码 <div class="warpbox"> <!--# 选项卡 --> <div class="table_card"> <ul class="tab"> <

2017-08-31 10:32:45 508

原创 DOM基础

看了李炎恢老师的《JavaScript》视频教程,学到DOM这章,整理一下资料! 1.节点从上图的树形结果,我们理解几个概念,html标签没有父辈,没有兄弟,所以html为根标签。head标签是html的子标签,meta和title标签之间是兄弟关系。ps:后面我们经常把标签称为元素,是一个意思 2.节点种类3.节点方法3.1  getElementBy...

2017-08-30 11:09:32 223

原创 CSS消除浏览器的默认样式

/*公共样式--开始*/html, body, div, ul, li, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, form, input, textarea, th, td, select { margin: 0; padding: 0;}*{box-sizing: border-box;}html, body { m...

2017-08-29 18:01:25 1185

原创 鼠标点击切换样式

鼠标的切换问题,适用于导航栏<nav></nav>就是一个页面的一小部分的切换,没必要去通过判断URL去刷新页面。可以采用jq和js的方式去切换第一种方法 jQuery <div class="wrapper wrapper02" id="wrapper02"> <div class="scroller"> &

2017-08-29 16:55:06 1035

空空如也

空空如也

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

TA关注的人

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