SBTR123456-CSDN博客

转载 css3 伪元素

1，::first-line 对块元素的第一行文本进行格式化2 ::first-letter 文本的首字母设置特殊样式（只能是块级元素）3，::before 在元素的前面插入新内容，配合content使用注意：1，第一个子元素 2，是行内元素 3，支持CSS样式4， ::after在元素的后面插入新内容，配合con...

2018-12-20 16:03:00 165

转载 css3伪类选择器nth-of-type,:nth-last-of-type,:first-of-type,:last-of-type,:only-of-type

1, ：nth-of-type(n) 匹配属于父元素的特定类型的第N个子元素匹配结果：2， :nth-last-of-type(n),匹配其父元素下的第N个特定类型的子元素，从后往前满足条件：1，必须是特定类型 2，从后往前的第N个3，：first-of-type4，：last-of-type匹配其父元素下的最后一个特定类型的子元素...

2018-12-20 12:37:00 843

转载 css3结构伪类选择器first-child,last-child,nth-child(),nth-last-child()，only-child

1 element:first-child 选择属于其父元素的首个子元素的element元素注意：div:first-child 必须是其父元素下面的第一个子元素且必须是div元素才能匹配的到匹配结果：2 同理：element:last-child 指定其父元素的最后一个子元素的element元素注意：div:last-child 代表其父元素的...

2018-12-20 11:58:00 615

转载 css3状态伪类选择器:checked修改按钮默认样式

在表单元素中，单选框和复选框都有选中和未选中状态，css3中可以通过状态伪类选择器：checked去修改按钮的默认样式html代码 <form action="#"> <div class="wrapper"> <div class="box"> <input type="c...

2018-12-20 10:59:00 343

转载正则之基本概念

正则表达式：用一些特殊的符号（字符）去代表特定的内容，用来查找与匹配符合规则的字符串定义正则表达式：直接定义： /正则表达式/[修饰符]对象定义： new RegExp(字符换，[修饰符])转义字符：\\n 换行\' 单引号\" 双引号\d 数字{ }，（），/，$，#，&，*, .等特殊字符都需要转义 \...

2018-12-16 20:03:00 171

转载几种常见的数组去重方法

1：新建一个数组，遍历原来数组，判断遍历的值是否在新数组中存在，不存在就push2：方法类似于1，在数组中查找，如果每次查找到的下标正好与当前遍历的i相等，就说明该数组中的数据时第一次出现3：第三种/** 给传入数组排序，排序后相同值相邻，* 然后遍历时,新数组只加入不与前一值重复的值。* 会打乱原来数组的顺序* */转载于:https://w...

2018-12-15 11:20:00 200

转载 JS学习之 && 和 ||

在js中，转换成false的有：undefined null NaN '' 0 flase其他都是true,即使是字符串'false'它也是是truea || b , 条件满足一个就可以，如果a是true,那么b不管是true,false都返回true,因此就不用判断b了，返回a 如果a是false,就必须要判断b,就返回b的...

2018-11-22 16:21:00 128

转载 JS学习之ajax相关知识和ajax的封装

XMLHttpRequest对象1. XMLHttpRequest用于在后台与服务器交换数据，是AJAX之所以能对网页进行局部刷新的核心,同时Ajax技术离开了XMLHttpRequest对象将失去与服务器异步通信的能力。2：不同的浏览器创建XMLHttpRequest对象使用的语句是不同的。3：3.XMLHttpRequest对象方法与属性方法描述...

2018-11-21 11:44:00 99

转载 JS学习之类的继承

JS继承的实现方式首先声明一个父类function Animal(name){ this.name =name || 'Animal'; this.sleep=function(){ console.log(this.name +'在睡觉呢~'); } }...

2018-11-20 12:00:00 144

转载 JS学习之事件委托

在学习事件委托时一直是迷茫的，今天看到@凌云之翼的博客文，受益匪浅，转载过来以备记录，留着学习用，谢谢老师~~~概述：那什么叫事件委托呢？它还有一个名字叫事件代理，JavaScript高级程序设计上讲：事件委托就是利用事件冒泡，只指定一个事件处理程序，就可以管理某一类型的所有事件。那这是什么意思呢？网上的各位大牛们讲事件委托基本上都用了同一个例子，就是取快递来解释这个现象，我仔细...

2018-11-16 16:12:00 118

转载 CSS盒模型之文档流与BFC

文档流：文档中可显示的元素在排列时候的开始位置以及他们所占的区域原因：页面元素不同，按照各自的特点去显示，在页面中所占的区域是不一样的顺序：从上到下，从左到右css浮动float概念：使元素脱离文档流，按照指定的方向发生移动，遇到父级元素或者相邻的元素就会停下来特征：1）块元素可以在一行显示 2）按照一个方向移动 ...

2018-11-16 09:57:00 169

转载 css盒模型相关知识一

1:css盒模型分类标准盒模型，IE盒模型2：标准盒模型与IE盒模型的区别元素框的总宽度=width+（padding-left+padding-right）+（border-left+border-right）+（margin-left+margin-right） width+padding+border+margi...

2018-11-15 17:18:00 130

转载 vue创立项目脚手架并且与git仓库关联起来

一：在git上（码云）上建立项目二：本地代码与线上代码打通（本地git与线上仓库关联）注意：本地必须有git的安装按照相关命令生成公钥打通本地仓库与线上仓库的连接三把线上项目下载克隆到本地四在本地利用vue脚手架安装并创建vue项目这部分参考vue的安装转载于:https://www.cnblogs.com...

2018-11-05 17:37:00 429

转载 JS学习之赋值与赋引用

1、基本类型基本的数据类型有：undefined，boolean，number，string，null。基本类型存放在栈区，访问是按值访问的，就是说你可以操作保存在变量中的实际的值。当基本类型的数据赋值时，赋得是实际的值，a和b是没有关联关系的，b由a复制得到，相互独立。（字面量的才是基本类型）2、引用类型（对象）引用对象存放的方式是：在栈中存放对象变量标示和该...

2018-10-31 18:04:00 181

转载 JS学习之call与apply

call:调用函数并且改变this的指向。语法函数名.call(thisArg,arg1,arg2...) ( 函数名.apply(thisArg,[arg1,arg2...]) ) 参数： thisArg 函数中this指向的值 ...

2018-10-31 15:11:00 96

转载 JS学习之包装对象、hasOwnProperty、constructor

包装对象：在JS内部，当我们去调用字符串、数字、布尔值这些基本数据类型的属性或者方法的时候，JS会在内部先把这些数据类型转成一个对应的对象类型（包装对象），然后再去调用包装对象身上的属性或者方法。var str="xbj";//这个过程等同var str=new String('xbj');,JS内部帮我们做了console.log(str.length); /...

2018-10-31 11:14:00 143

转载 JS学习之构造函数、原型、原型链

构造函数创建并初始化对象的函数，必须需要new来调用。如果不用new 就与普通函数没有区别。通过构造函数new出来的对象叫实例，创建对象的过程叫实例化。 function Person(name,age){ /*1、在用new调用的函数的时候创建了一个空对象（var obj=new Object） ...

2018-10-30 21:41:00 96

转载 JS学习之面向对象（面向对象的创建方法，new运算符的工作原理）

面向对象，是一种编程思想可以添加属性（变量）和方法（函数）。特点： 1、把功能写成一个函数 2、函数必须在对象身上调用对象.方法名（） 3、对象身上的功能可以继承创建对象的方法 1、 {} 字面量创建 2、 new Object()3：用构造函数创建4：Object.create方法创建创建完的对象有2个特点 1、可...

2018-10-30 20:43:00 156

转载 JS学习之事件流

事件流 1、在事件触发时，会先执行一个阶段‘捕获阶段’ ，从最外层向触发该事件元素寻找的一个过程。最终找到触发该事件的元素，如果该元素有绑定事件处理函数则执行该函数 2、在找到触发该事件的元素之后，如果该元素身上有事件就会执行，成为‘目标阶段’。 3、接下来执行‘冒泡阶段’，从目标元素的上一层往外找，直到最外层时结束整个时间流程注意：不论是捕获阶段还是冒泡阶段...

2018-10-30 18:14:00 114

转载 JS学习之生命周期与垃圾回收机制

生命周期变量或者函数在相应的作用域里存在的时间局部变量和局部函数：不再使用就是生命周期的结束，在函数内声明，当函数执行完毕后，这个变量就不存在了全局变量和全局函数：当声明完成以后在整个页面中都可以用，当页面关闭的时候生命周期结束垃圾回收机制：变量或者函数存在于内存当中，变量在使用完以后，没有在其他地方在使用就会被清除用来释放内存。垃圾回收机制...

2018-10-30 10:31:00 137

转载 JS学习之预解析（执行上下文）

预解析在一段js代码拿过来真正一句一句运行之前，浏览器会做一些“准备工作”，就是执行上下文（预解析）函数或者变量都会有提前解析的过程,JS会把函数或者变量提前解析一下，解析到它们对应的作用域最开始的地方步骤： 1、先找var,function关键字以及参数 2、如果找到了var（声明的变量、参数）会给他赋一个undefined,如果找到了function,...

2018-10-29 15:44:00 187

转载 JS学习之函数的作用域

作用域变量或者函数可访问的一个范围，以函数来划分，一个函数块就是一个作用域。一全局作用域全局：整个文档变量或者函数在函数外面声明，那它们就是全局变量或者全局函数，在这个页面的任何地方都可以访问的到。声明全局作用域的方法： 1、把变量或者函数放在函数外面声明 2、变量不用var声明，直接给变量赋值...

2018-10-29 12:00:00 91

转载 JS学习之函数二

一函数参数从函数外面向里面传递数据，在函数里可以接收到的数据并且使用。可以放0个或多个，每个参数用逗号隔开。分类： 1、形参（在函数声明的小括号里、形参的值是由实参决定的，就是一个占位符） 2、实参(实际上的参数，在函数调用的小括号里) 实参必须与形参必须一一对应，形参有几个实参就应该几个，如果没有传，实参的值就是undefined...

2018-10-29 10:45:00 122

转载 JS学习之函数

1：函数概念：重复利用代码，把要重复利用的代码放到一个函数中，在其他要用的地方调用一下就可以。 2：语法： function 函数名(参数){ //这里放的就是重复 //在这里可以使用参数 }利用的代码 3：函数的类型 1）函数声明 function 函数名(参数){ //要执行的代码 ...

2018-10-29 09:44:00 149

转载如何在subline中高亮显示.vue文件

1.下载文件链接GitHub - vuejs/vue-syntax-highlight: Sublime Text syntax highlighting for single-file Vue components2.sublime菜单栏->首选项->浏览插件,打开Packages文件夹3.新建Vue文件夹,把步骤1下载的文件放里面4.sublime中使...

2018-10-28 20:16:00 79

转载 JS之正则

概念:正则表达式:用一些特殊符号(字符)代表一些特定的内容,用来查找与匹配符合规则的字符串.一正则表达式的定义:1 直接定义 /正则表达是内容/[修饰符] 推荐使用 eg:var reg=/\d/g2 对象定义 var reg=new RegExp(字符串,修饰符)二转义字符 \d 数字 \D ...

2017-12-11 11:38:00 149

转载 JS之DOM innerHTML与DOM方法的区别

innerHTML它会把原来的内容先清空，然后再添加新的内容，原来的内容已经没有了。只不过是新添加的内容与原来的内容长得一样而已（原本具有的事件不具存在）DOM方法会把新的内容追加到原来的内容里面，原来内容所具有的事件，依然会在<ul id='color'> <li>red</li> ...

2017-12-06 16:25:00 179

转载 JS之DOM5

1 createElement 创建元素语法：document.createElement(tagName)注意：主语只能是document 只能用来创建元素节点创建后的标签可对它操作2 appendChild 往父节点里添加一个元素语法：父.appendChild(childNode)注意：只能添加标签节点，不能添加其他...

2017-12-06 16:14:00 189

转载 JS 之DOM4

一获取元素的宽高obj.offsetWidth 元素的宽度 width+border+paddingobj.offsetHeight 元素的高度 height+border+paddingobj.clientWidth 元素的宽 width+paddingobj.clientHeight 元素的高 height+padding <style typ...

2017-12-06 15:50:00 104

转载 JS之DOM3

getBoundingClientRect作用：获取元素盒模型的一些信息，得到的结果是没有单位，不包含滚动条的width 宽度（包含边框，内边距）height 高度（包含边框，内边距）left 元素最左边到可视区的最左边的距离right 元素的最右边到可视区最左边的距离top 元素的最上边到可视区最上边的...

2017-12-06 15:00:00 137

转载 JS之DOM2

1 offsetParent 获取离元素最近的有定位的父级特点：一层层往上找，知道找到最近的有定位的父级后返回这个父级如果父级都没有定位，返回body(IE8+)注意： 1 遵循一个原则，父级一定要给一个定位 2 body 是没有 offsetParent<div id="box4">box4 ...

2017-12-06 14:38:00 135

转载 JS 之DOM1

一 DOM 概念：document object model 文档对象模型，浏览器把拿到的html代码,结构化成一个浏览器能识别并且js可操作的一个模型。特点： 1）页面都是字符串，JS把字符串转成DOM树。DOM树把字符串转成节点，浏览器就是操作节点的 2） DOM赋予我们操作页面的能力 3） DOM是创建，插入，修改，删除页面元...

2017-12-06 14:02:00 133

转载 JS之数组API(1)

断断续续的学习总是容易忘记，所以就把学过的东西做个记录，也好方便自己查阅和复习。1 forEach 遍历数组var arr=[1,2,3]; arr.forEach(function(item,index){ //遍历数组所有的元素 console.log(index);//0 1 2 console.log(item); // 1 2...

2017-12-04 14:57:00 82

转载 JS之日期函数

date.now(); // //获取当前时间毫秒数var dt=new Date();dt.getTime() //获取毫秒数dt.getFullYear() // 年dt.getMonth() // 月（0-11）dt.getDate() // 日（0-31）dt.getHours() // 小时（0-23）dt.getMinutes() ...

2017-12-04 14:12:00 86

转载 Vue之计算属性

计算属性模板是视图的结构，不应该过多的逻辑，太多的逻辑让模板过于庞大臃肿，所以有时候计算属性就很有作用。例子：<div id="test"> a={{ a }}, b={{ b }}</div>var vm = new Vue({ el: '#test', data: { a: 100 }, ...

2017-12-01 15:21:00 76

转载 JS之异步概念

概念什么是JS异步异步加载也叫非阻塞模式加载,浏览器在下载js的同时,还会执行后续的页面处理.何时需要异步1 需要等待的情况2 在等待过程中不能像alert一样阻塞程序运行3 等待的情况需要异步使用场景:1 定时任务setTimeout, setIntervalconsole.log(100); setTimeout(function(){ ...

2017-12-01 10:11:00 120

转载 vue学习之vue-resource的引入

1、安装vue-resource到项目中，找到当前项目输入：npm install vue-resource --save2、安装完毕后，在main.js中导入，如下所示：import VueResource from 'vue-resource'Vue.use(VueResource)3 使用后续加入转载于:https://www.cnb...

2017-11-30 13:48:00 270

转载 vue学习之vuex的入门

以下文章是我摘录别人的，自己做过记录，并非出自本人之手，感谢作者分享！前言在 Vue.js 的项目中，如果项目结构简单，父子组件之间的数据传递可以使用 props 或者 $emit 等方式但是如果是大型项目，很多时候都需要在子组件之间传递数据，使用之前的方式就不太方便。Vue 的状态管理工具 Vuex 完美的解决了这个问题。一、安装并引入 Vuex项目结构：...

2017-11-29 14:33:00 142

转载 Vue的入门之安装

vue.js是前端框架中比较热门的，因为工作关系，也加入了浩浩荡荡的学习大潮中，用笔记记录下点滴，便于后面学习查阅！ 1 node.js环境的安装包（npm包管理器） 2 vue-cli 脚手架构建工具 3 cnpm npm的淘宝镜像1安装node.js官网下载node.js安装node，安装过程简单，傻瓜式一键安装，安装完之后cmd下查看安装...

2017-11-23 15:45:00 134

转载 JS之作用域链

作用域链:变量与函数的查找规则,也就是自由变量的查找查找规则:如果一个函数需要用到一个变量,先会在自己的作用域查找,查找到用自己的,没有查到,就一层层往外找,直到找到外面的变量.注意：只会往外找，不会往里找 1 var a=100; 2 3 function fn(){ 4 var b=200; 5 6 ...

2017-11-21 20:10:00 65

空空如也

空空如也