哼着自己的小调调-CSDN博客

原创数组的扩展

1.数组的复制：Array.from() Array.from方法用于将两类对象转为真正的数组：类似数组的对象和可遍历的对象。let arr = [1,2,3]let json={ "name":"tom", "age":10}function(){ let arr = Array.from(arguments) //参数数组转化为真正的数组 let arr1

2017-05-23 17:23:02 309

原创数值的扩展

ES6在内置的Math和Number的内置对象上做出了很多新的扩展，常用总结： 1. Number.isFinite()和Number.isNaN(); Number.isFinite()方法：判断数值是否有限；如果有限返回ture，否则返回false。当传入参数不是数值时，返回false Number.isNaN()方法：判断传入的数值是否为NaN，如果是返回ture，否则返回falseNu

2017-05-23 14:15:35 265

原创 Cookie

cookie：文本类型文件；存储在本地硬盘上，一般由浏览器应用程序打开。cookie特性：当浏览器向服务器发送请求时，会被同时发送到服务器进行身份验证。当cookie没有设置过期日期时，会在浏览器关闭时，自动清除。cookie的格式：以键值对的形式存在，与json不同的是，键值对是以等号连接的。如：“key=value”cookie特点：大小：4kb，一个域名下最多50个cookie存在co

2017-05-22 12:00:08 265

原创字符串方法的扩展

ES6对于字符串做了很多新的扩展，笔记下常用的一些。 1. 字符串的遍历for…of…for(let codePoint of "str"){ console.log(codePoint); // s t r}2.以往在js中，indexOf判断一个字符串是否在另外一个字符串中，ES6新增加的三种方法.三种方法均提供两个参数，一个是需要查找的字符串，一个是开始查找的位置，位置可以

2017-05-20 00:58:47 289

原创变量的解构赋值

从对象或者数组中提取值为变量赋值，这种称为解构赋值注意：两边模式相同时，解构成功，两边模式不相同时解构不成功，返回undefined,部分相同时，不完全解构例如：let[a,b,c] = [1,2,3] //a=1,b=2,c=3let[a,[b,c],d] = [a,[2,3],4]let[x, ,y] = [1, ,2]let[a] = [] //undefinedlet[b,a

2017-05-19 23:06:00 389

原创 let和const命令

1.ES6局部变量声明，let命令 { var a = 1; let b = 2; } console.log(b) // 2 console.log(a) // a is not defined2.不允许在同一作用域内重复声明同一变量。同时在函数内部不能重新声明形参{ let a = 4; let a = 6; // 报

2017-05-17 19:50:21 197

原创 less的初步学习

注释在less文件中的/**/的注释会显示在css文件中，而//的注释则不会中文编码在less文件顶部加上字符集提示“@charsetUTF-8’”变量（variables） 1）普通的变量 html: <header><h1>1</h1></header> <footer><h1>2<h1></footer> less: @bgColor:gr

2017-05-16 23:12:50 258

原创状态管理模式vuex

<input value="增加" @click='increase'><div>当前数字:{{ count }}<div>import { mapGetters,mapActions } from 'vuex'computed:mapGetters([ 'cout'])methods:mapActions([ 'increase'])Vue.use(vuex)var state

2017-05-01 16:48:29 664

原创单一事件中心管理组件通信

同级组件传递可以使用单一事件管理来完成：注意：this作用域的问题 var Event=new Vue(); Event.emit(事件名称,数据)Event.emit(事件名称, 数据) Event.on(事件名称,function(data){ //data }.bind(this)); var

2017-05-01 14:36:10 439

原创 vue动画transition

vue2.0后transition也有了一些改动 1.0时：<p transition="fade"></p>.fade-transition{}.fade-enter{}.fade-leave{}2.0后：<transition name="fade"> 运动东西(元素，属性、路由....)</transition>class定义:.fade-enter{} //初始状态.

2017-05-01 14:09:40 420

转载 prototype详解

1.构造函数的简单介绍　　在我的一篇Javascript 中构造函数与new命令的密切关系文章中，详细了介绍了构造函数的概念和特点，new命令的原理和用法等，如果对于构造函数不熟悉的同学，可以前往细细品味。以下做一个简单的回顾。　　所谓构造函数，就是提供了一个生成对象的模板并描述对象的基本结构的函数。一个构造函数，可以生成多个对象，每个对象都有相同的结构。总的来说，构造函数就是对象的模板，对

2017-04-24 20:44:34 532

转载 vue开发问题总结

1.Vuejs组件 vuejs构建组件使用Vue.component(‘componentName’,{ /component/ })；这里注意一点，组件要先注册再使用，也就是说：Vue.component('mine',{ template:'#mineTpl', props:['name','title','city','content']

2017-04-24 20:19:20 3275

原创一、二级路由的配置

Vue.js 加vue-router 创建单页应用配置组件和路由映射，vue-router 渲染。 <div class="box"> <div class="nav"> <ul>  <li c

2017-04-24 19:59:38 978

原创 vue组件之间的传值

slot标签：想向封装好结构的组件中插入内容，需要借助<slot></slot> 在组件之中进行关联：如模板中：<slot name='txt'></slot> 组件调用中：<p slot='txt'></p> 注：如果只有slot上面每一定义name属性，则只能有一个slot<div class='box'> <com> <p slot='txt'></p>

2017-04-24 19:47:12 4936

原创 vue组件

组件：组件可以拓展html元素，封装可以调用的代码。组件是可自定义的。注：组件要先注册，在初始化根实例；组件之间的数据是以函数的形式返回的，如：data(){ return{ data:'data' }}全局组件： Vue.component(‘组件名称’，{ ‘模板’： ‘html结构’， template : “#p”，

2017-04-24 19:12:55 243

原创生命周期和钩子函数

每一个vue实例在创建之前都需要一系列的初始化过程，如实例需要数据观测（data observer），编译模板，挂载实例到DOM上，以及数据更新和DOM渲染。 create（创建）： beforeCreate 创建前； created 创建结束 mount（挂载）： beforeMount ；mounted update(更新)： beforeUpdate；Updated

2017-04-21 18:35:06 1983

原创 resource处理动态数据交互

vue在进行动态数据交互时需要借助vue-resource模块中的$http。所以需要引用vue-resource.js和vue.js语法： get 请求：语法： this.$http.get('url',{参数列表}).then(function(res){ 处理请求成功的情况 res 是

2017-04-21 18:25:38 290

原创 filter过滤器

vue2.0后，过滤器都需要自定义了。过滤器分为全局过滤器和局部过滤器。 1.全局过滤器：全局过滤器：语法：Vue.filter( '过滤器名称'，function(val){ val 是原始数据，即需要过滤的数据处理数据后的数据用return返回如：return "$"+val

2017-04-21 17:53:00 425

原创 jQ常规选择器总结

jQ最方便的部分就是选择器对于元素的赛选：基本标签匹配、层级、可见性、内容、属性、表单、子元素、表单对象等方便都做了一些封装！html结构：<div id="wrap"> <box class="nav"> <ul> <li>1</li> <li>2</li> <li class="three">3</l

2017-04-21 16:55:36 286

原创 gulp的学习

gulp基础语法 gulp通过gulpfile文件来完成相关任务，因此项目中必须包含gulpfile.js gulp有五个方法：src、dest、task、run、watch src和dest：指定源文件和处理后文件的路径 watch：用来监听文件的变化 task：指定任务 run：执行任务gulp需要实现的功能： 1、图片（压缩图片支持jpg、png、gif） 2、样式（支持sa

2017-04-21 00:04:47 338

ECMAScript包含两个不同类型的值：基本类型值和引用类型值。基本类型值指的是简单的数据段；引用类型值指由多个值构成的对象。当我们把变量赋值给一个变量时，解析器首先要做的就是确认这个值是基本类型值还是引用类型值。常见的五种基本数据类型是： Undifined、Null、Boolean、Number和String。这五种基本数据类型可以直接操作保存在变量中的实际值。看下面例子：var a = 1

2017-04-19 19:38:21 363

原创 vue.js基础学习

2017-04-16 20:40:40 273

转载 35个jQuery小技巧

1.禁止右键点击$(document).ready(function(){ $(document).bind("contextmenu",function(e){ return false; });});2.隐藏收搜文本框文字$(document).ready(function() {$("input.text1").val("Enter your search

2017-04-16 11:32:56 293

转载通信协议Http、TCP、UDP

CP HTTP UDP: 都是通信协议，也就是通信时所遵守的规则，只有双方按照这个规则“说话”，对方才能理解或为之服务。TCP HTTP UDP三者的关系: TCP/IP是个协议组，可分为四个层次：网络接口层、网络层、传输层和应用层。在网络层有IP协议、ICMP协议、ARP协议、RARP协议和BOOTP协议。在传输层中有TCP协议与UDP协议。在应用层有FTP、HTT

2017-04-16 10:45:25 672

原创如何检测数据是数组类型的学习

很容易知道，null，数组，object的typeof返回的数据类型都是object。那么如何检测数据是数组类型了。 1. instanceof：用于判断某个变量是否是某个对象的实例。 a instanceof b ? true : false (b为想检测的那种数据类型)var a = [];console.log(a instanceof Array) // true2.construct

2017-04-14 23:58:34 462

原创 null和undefined的区别

首先，两种都是一种数据类型。在ECMAScript中有5种简单的数据类型（也称为基础数据类型）： undefined，null，boolean，number，string。一种复杂数据类型：object。（undefined容易写错成underfine！）检测数据类型的操作符为typeof。注意typeof是操作符不是函数。那么typeof有几种返回值了。如：undefined，nul

2017-04-14 23:11:35 307

原创七道可能你也不太会的css基础题？

七道大牛分享的css面试题，试着自己答一下，当然不会的我就百度了顺便巩固基础。 1. CSS 盒子模型，绝对定位和相对定位 2. 清除浮动，什么时候需要清除浮动，清除浮动都有哪些方法 3. 如何保持浮层水平垂直居中 4. position 和 display 的取值和各自的意思和用法 5. 样式的层级关系，选择器优先级，样式冲突，以及抽离样式模块怎么写，说出思路，有无实践经验

2017-04-14 19:04:32 322

原创关于Express模块的学习

Express 是一个简洁而灵活的 node.js Web应用框架, 提供了一系列强大特性帮助你创建各种 Web 应用，和丰富的 HTTP 工具。Express有四个主要的特点： 1.1 中间件。Express有一个中间件栈，这是一个高效的函数数组。 1.2 路由。类似中间件，但只有当使用特定的HTTP方法访问一个指定的URL时，该函数才被调用。 1.3 扩展(extens

2017-04-14 17:27:50 1492

原创 getElementsByClassName的兼容性

function getEleClass(oParent,className){ var aEles=oParent.getElementsByTagName('*'); var result=[]; for (var i = 0; i < aEles.length; i++) { if(aEles[i].className==className){

2017-04-10 19:32:30 283

原创事件监听的相关兼容性

//事件监听的兼容性写法var addEvent=function(elements,type,callback){ if(elements.addEventListener){ elements.addEventListener(elements,type,false) }else if(elements.attachEvent){ element

2017-04-10 19:20:26 1002

原创一篇关于正则的学习笔记

关于正则、个人觉得难在繁琐和需要记忆的东西较多,当然复杂的除外。码上一篇一位老师教正则的笔记，留以后方便查找。正则表达式 regular expression（有规律的表达）一个正则表达式就是由普通字符（例如字符 a 到 z）以及特殊字符（称为元字符）组成的文字模式。正则表达式作为一个模板，将某个字符模式与所搜索的字符串进行匹配。用途:正则匹配: 可以测试字符串内容是否可以与正则相

2017-04-09 15:28:27 235

原创 html里元素水平居中和垂直居中的几种方式

站在前辈们的肩膀上来学习和总结！ 1.文本的居中 height+line-height：配合使用，垂直方向居中 text-align：父级的text-align，水平居中 ps：text-align：center 只是将子元素里的内联元素居中。还有一种文本居中的方式是定高父级元素激活表格属性和基线样式： display：table-cell;vertical-align：middle;

2017-04-06 20:32:24 9581 1

原创域名？主机？IP？DNS？

一说你是学计算机的，总有人会问你这些？域名与主机名 baidu.com是域名，域就是地域，在互联网上的地名就是域名像baidu.com这样的域名代表的就是百度公司的一系列服务器baidu.com前面的www表示主机，主机就像是某个地方的一个房间在计算机世界中主机就是一台服务器，是为客户端/PC端提供服务，提供数据，提供资源的机器服务器也是电脑，只不过是个特别点的电脑，CPU、内存、硬盘等更强大而已

2017-04-06 18:13:55 329

原创超文本传输协议Http

服务器与浏览器如何对话HTTP:超文本传输协议 URL：统一资源定位符，通过URL能够找到互联网上唯一的一个资源 http://www.baidu.com URL基本格式：协议://主机地址/资源路径协议：不同的协议代表着不同的资源查找方式，资源的传输方式主机地址：存放资源的主机的IP地址(域名) 资源路径：资源在主机中的具体位置URL中常见的几种协议： 1.http：网络开发中最

2017-04-06 17:00:30 441

原创什么是Git？

一、源代码版本管理1、什么是源代码版本管理我们每一次修改或者增加新的功能都算是一个版本我们对每一次的修改做一次保存记录就是版本管理2、源代码版本管理的意义 a、如果我们的项目需要回退 b、多人协作开发 c、记录整个开发流程 3、在实际开发中，必须使用源代码版本管理工具常见的源代码版本管理工具git svn集中式：svn 版本历史都集中在在中央服务器上(仅此一份)，本地只有最新

2017-04-06 16:52:46 176

原创 http和fs模块知识

初次接触node.js,自己写点笔记，明天啃。首先学会了安装node，就是next啊！写点重要的： 1.用node搭建一个简易本地服务器。浏览器和服务器如何对话：http 超文本传输协议 URL：统一资源定位符模块：httpconst http=require(‘http’); const ES6var server=http.createServer（function（req,re

2017-04-06 02:27:05 634

原创 Git的常用指令

俗话说好记性不如烂笔头！实在记不住，多写写总会记住的。记录一下学习版本控制工具git的常用指令。争取尽快都记住啊，磨手蜕皮。记不住可以查：git help git help -a 所有命令； git help -g 手册；还可以具体到浏览器上查： git help add一、常用命令行啥也不说先建个文件夹： mkdir 文件名； cd 文件夹路径； cd .. 返回上一层有几

2017-04-06 01:38:02 257

转载深入理解JavaScript的闭包特性如何给循环中的对象添加事件

初学者经常碰到的,即获取HTML元素集合，循环给元素添加事件。在事件响应函数中(event handler)获取对应的索引。但每次获取的都是最后一次循环的索引。原因是初学者并未理解JavaScript的闭包特性。有个网友问了个问题，如下的html，为什么点击所有的段落p输出都是5，而不是alert出对应的0，1，2，3，4。1. <!DOCTYPE HTML>2. <html>3. <

2017-03-15 19:44:33 297

原创冒泡排序

冒泡！冒泡 ! 冒泡！var arr=[40,10,3,58,20,16];// arr.sort(function(a,b){return a-b})// arr.sort(function(a,b){return a+b}) // 两两比较，交换位置，较大值往后排 // 10 3 40 20 16 58 第一轮 // 3 10 20 16 40 58 第二

2017-03-13 20:53:46 307

原创 Js函数的三种创建、四种调用

// 函数的三种创建方法function one(){ // 函数声明，不属于任何对象，始终默认为全局对象console.log("第一个函数")//默认有一个return this，返回函数中的内容}one(); //必须调用；可以在函数声明前调用(预处理变异机制) var fn=function(){

2017-03-13 20:37:20 2115

空空如也

空空如也