- 博客(17)
- 收藏
- 关注
RSS订阅原创 预解释
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
214
原创 原型链模式
原型链模式基础 //构造函数模式 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
223
原创 构造函数与工厂模式
工厂模式 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
544
原创 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
796
原创 作用域深入和面向对象
深入学习js做下笔记，以便日后查用，都是理论知识 1.预解释 基本数据类型（按值访问，操作的是他们实际保存的值) number string boolean null undefined 引用数据类型(按引用访问，当查询时，我们需要先从栈中读取内存地址，然后再顺藤摸瓜地找到保存在堆内存中的值) object:{} var num = 10; var obj = {name:'z...
2018-11-14 14:44:05
158
原创 正则表达式
一. 创建正则表达式 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
261
原创 BFC和清除浮动
我对BFC的理解 对css有了解的朋友肯定知道盒式模型这个概念，对一个元素设置css，首先需要知道这个元素是block还是inline类型。而BFC就是用来格式化快级盒子。 BFC:块级格式化上下文，它是指一个独立的块级渲染区域，只有Block-level Box 参与，该区域拥有一套渲染规则来约束块级盒子的布局，且与区域外部无关 BFC的生成 既然上文提到BFC是一块渲染区域...
2017-11-01 09:30:00
292
原创 事件
一.绑定事件 通过.bind()方法来为元素绑定这些事件。可以传递三个参数：bind(type, [data], fn)， type 表示一个或多个类型的事件名字符串； [data]是可选的，作为 event.data 属性值传递一个额外的数据，这个数据是一个字符串、一个数字、一个数组或一个对象； fn 表示绑定到指定元素的处理函数。 //使用点击事件 $('input'...
2017-10-26 15:02:33
191
原创 DOM 节点操作
一.创建节点 var box = $('<div id="box">节点</div>'); //创建一个节点 $('body').append(box); //将节点插入到<body>元素内部 二.插入节点 $('div').append('<strong>节...
2017-10-26 09:35:54
202
原创 基础DOM和CSS操作
一.DOM简介 二.设置元素和内容 如果想设置多个选项的选定状态，比如下拉列表、单选复选框等等，可以通过数组传递操作。 $("input").val(["check1","check2", "radio1" ]); //value 值是这些的将被选定 三.元素属性操作 四.元素样式操作 在 CSS 获取...
2017-10-25 15:18:31
302
原创 选择器
一.简单选择器（获取DOM元素节点）必须使用 $() 函数来包装我们css规则 二.进阶选择器 警告：在构造选择器时，有一个通用的优化原则：只追求必要的确定性。当选择器筛选越复杂，jQuery 内部的选择器引擎处理字符串的时间就越长。 $('div#box ul li a#link'); //让 jQuery 内部处理了不必...
2017-10-25 10:16:58
213
原创 语法，关键保留字及变量
一.语法构成 1.区分大小写 2.标识符 (1)第一个字符必须是一个字母，下划线（_），美元符号（$）。 (2)其他字符可以使字母，下划线，美元符号，数字 (3)不能把关键字，保留字，true，false，null，作为标识符 3.注释 4.字面量（所有字面量，就是程序中直接显示出来的数据值） 二.关键字和保留字 三.变量（用来保存任何类型的数据） 定义变量是要使用va...
2017-10-19 09:15:30
257
原创 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
365
原创 采用三种方式实现tab切换
tab选项卡功能很常见，以下列举三种方法来实现tab切换 先贴上HTML源码 <div class="warpbox"> <!--# 选项卡 --> <div class="table_card"> <ul class="tab"> <
2017-08-31 10:32:45
572
原创 DOM基础
看了李炎恢老师的《JavaScript》视频教程，学到DOM这章，整理一下资料！ 1.节点 从上图的树形结果，我们理解几个概念，html标签没有父辈，没有兄弟，所以html为根标签。head标签是html的子标签，meta和title标签之间是兄弟关系。 ps：后面我们经常把标签称为元素，是一个意思 2.节点种类 3.节点方法 3.1 getElementBy...
2017-08-30 11:09:32
264
原创 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
1247
原创 鼠标点击切换样式
鼠标的切换问题，适用于导航栏<nav></nav> 就是一个页面的一小部分的切换，没必要去通过判断URL去刷新页面。 可以采用jq和js的方式去切换 第一种方法 jQuery <div class="wrapper wrapper02" id="wrapper02"> <div class="scroller"> &
2017-08-29 16:55:06
1119
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人