自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 vue-music

1、api目录下面存放ajax相关的请求2、common存放css、js、images文件

2017-10-23 22:42:36 386

原创 es6更新

一、  let  //外面不能访问到a ,也不能重新声明,不能重新赋值 let a=1; let a=2; 错误,不能重新声明let a=1; a=2; 错误,不能重新赋值二、const  //必须有初始值const a //错误 要有初始值,不能重新赋值 a=1; const b=1;const b=2; //错误 不能重新赋值

2017-08-16 23:50:59 345

转载 1.3组件之间传值

1.父组件传递数据给子组件父组件数据如何传递给子组件呢?可以通过props属性来实现父组件:parent> child :child-msg="msg">/child>//这里必须要用 - 代替驼峰/parent>data(){ return { msg: [1,2,3] };}123456789123456789子组件通

2017-07-24 11:56:32 383

原创 1.1 指令 vue shop

1、引入组件方式 import abc from './components/a'export default { components:{abc}}2、引入组件方式 import abc from './components/a'export default { components:{abc}, data(

2017-07-24 11:47:23 282

原创 1.1 组件注册 vue shop

//最后替换成 ni haonew Vue({ el:"app", template:'ni{{hao}}', data:{ hao:'hao' }})一、组件注册 Vue.component('my-header',{ template:'this is my header'});

2017-07-21 16:13:20 262

原创 七、1、函数表达式

一、私有变量function MyObject(){//私有变量和私有函数 var privateVariable = 10; function privateFunction(){ return false; }//特权方法 this.publicMethod = function (){

2017-06-13 16:35:03 321

原创 六、2、继承的几种方式

一、原型链继承 function SuperType(){ this.colors = ["red", "blue", "green"]; } function SubType(){ } //继承了 SuperType SubType.prototype = new SuperType(); var instance1 =

2017-06-13 10:47:51 180

原创 六、2、创建对象模式

一、工厂模式function createPerson(name,age,jpb){ var o=new Object(); o.name=name; o.job=job; o.sayName=function(){ console.log(this.name); } return o;}var person1=createPerson("Nicholas",29,"So

2017-06-12 18:00:04 178

原创 六、1、对象属性的四种特性

var person=new Object();person.name="Nicholas";person.age=29;person.sayName=function(){ alert(this.name);}上面创建了一个person属性对象,他的name属性有四种特性。[[Configurable]]  能否删除修改这个name属性[[Enumerable]]   表示

2017-06-12 13:25:17 427

转载 五、1、正则表达式

转载链接:https://segmentfault.com/q/1010000006661187http://www.cnblogs.com/light169/archive/2006/10/18/532347.htmlexec一个在字符串中执行查找匹配的RegExp方法,它返回一个数组(未匹配到则返回null)。test一个在字符串中测试是

2017-06-11 21:58:25 272

原创 四、5、Date类型及方法

var now=new Date();   // Sat Jun 10 2017 21:41:07 GMT+0800 (中国标准时间)自动获取当前时间和日期Date.parse() 和 Date.parse()接受一个表示日期的字符串,然后返回距离1970年1月1日的毫秒数,比如:Date.parse('8/12/2017');   //距离1970年1月1日  15024

2017-06-10 22:08:39 253

原创 四、4、数组方法

一、检查数组检查一个变量是不是数组instanceof  用法 value instanceof Array  isArray()  用法 Array.isArray(value)   二、转换方法toString() valueOf()  toLocaleString()这三个方法一般都是隐式调用,toString()用于数组的时候都是将数组中的值用逗号分隔开

2017-06-10 20:42:42 235

原创 四、3、toString和valueOf的区别

参考链接:http://www.cnblogs.com/imwtr/p/4392041.htmlhttp://blog.csdn.net/cct418/article/details/50889987http://www.cnblogs.com/peakleo/p/6248242.html总结一句话:当输出需要是字符串的时候调用toString(),当输出需要是数字时调用valueOf

2017-06-10 18:03:49 397

原创 四、2、JavaScript的垃圾收集

标记清除:JavaScript垃圾回收,释放内存,基本用的就是标记清除。意思就是在代码运行之前,每一个变量就会存储在内存中,然后垃圾清除器就会用标记清除法给每一个内存中的变量打上一个标记。然后每一次进去函数环境中执行时,遇到函数环境中的变量,就会在内存中找到这个变量,然后取消他的标记。当函数执行完之后,环境被退出时,又会在内存中将函数里面的变量重新打上标记。然后垃圾清除器就回收内存中被取消标记

2017-06-10 13:35:01 163

原创 四、1、函数参数是按值传递还是按引用传递

参考链接:https://www.zhihu.com/question/27114726http://bosn.me/js/js-call-by-sharing/    基本类型在函数参数中肯定是按值传递,重点是引用类型按什么传递?高程中给出的是不管是基本类型还是引用类型在函数参数中都是按值传递。但是出现了以下这种情况:function setName(obj){ obj.nam

2017-06-10 01:23:07 375

原创 二 3、数值转换

isNaN()     判断能不能转换成数值,能转换就是false,不能转换就是trueNumber() 转化为数值parseInt() 转化为整数,有两个参数,第一个是要转换的数据,第二个是要转换为几进制parseFloat()转化为小数前++和后++后++是在包含它们的语句被求值之后才执行的

2017-06-09 18:09:05 207

原创 二、2、ASCII,Unicode和UTF-8

参考文章  http://www.ruanyifeng.com/blog/2007/10/ascii_unicode_and_utf-8.html计算机存储信息都是用二进制方式(0和1),1个二进制有两种状态,八个二进制有256种状态,就是一个字节。ASCII是对英文和和二进制之间的做了一个统一的规定,用ASCII表示一个英文字母,这样就方便存储到计算机上面。Unicode:ASC

2017-06-09 15:24:27 230

原创 二、1、defer 和 async区别

1、defer 和 async区别参考链接 :https://segmentfault.com/q/1010000000640869http://www.10tiao.com/html/293/201703/2651226247/1.htmldefer 和 async在浏览器中都是异步加载,意思就是不会阻塞dom结构的生成区别就是有defer脚本文件会在html文档DOM结构渲染完

2017-06-09 13:30:23 194

原创 一、JavaScript的实现

1、Netscape公司的布兰登.艾奇开发了JavaScript,然后微软又开发了JSscript(其实就是Javsscript)。这样两家公司开发了同一个脚本语言,为了避免这种相同语言,而实现的语法和特性不一样。ECMA组织就定义了一个ECMAscript的新语言的标准。规定的内容有:语法、类型、语句、关键字、保留字、操作符、对象ECMAscript就是一个语言的标准,要有上面这些内

2017-06-09 00:31:30 205

原创 git和GitHub

1、本地建好项目,需要版本控制器初始化git init 初始化,会出现一个git文件夹git add .    将项目的内容都添加到git仓库git commit -m '取一个名字' 将项目的内容提交到仓库git log      查看历史记录日志,包括作者,每次保存的版本号注释每次写好或者项目之后要想存档就用上面方式提交到仓库2、保存多个版本时候想要回到原来

2017-06-08 00:10:59 426

原创 php1

参考 : http://www.cnblogs.com/wangli-66/p/5596070.htmlrequire           //程序运行前就已经引入了文件,变成了页面的一部分include         //当程序执行到的时候才会引入include()与require()的功能相同,用法上却有一些不同,include()是有条件包含函数,而require()则是无

2017-04-09 23:43:50 190

原创 数据库基础

mysql_connect(servername,username,password);参数描述servername可选。规定要连接的服务器。默认是 "localhost:3306"。username可选。规定登录所使用的用户名。默认值是拥有服务器进程的用户的名称。password可选。规定登录

2017-03-30 23:45:15 192

原创 git的使用

参考  http://www.liaoxuefeng.com/wiki/0013739516305929606dd18361248578c67b8067c8c017b000/0013752340242354807e192f02a44359908df8a5643103a000安装  https://git-for-windows.github.io/    直接下一步下一步1、本地新建文件夹

2017-03-29 10:40:24 187

原创 深拷贝 浅拷贝

var person={ name:'cj', age:22, address:{ home:"home address", office:"office address" }, school:["xiaoxue","daxue"]};var programer={ language:"javascript"};

2017-03-26 16:00:43 213

原创 js instaneceof

instaneceof 判断一个对象是否是另一个构造函数的实例                 Obj=new Object();     Obj instaceof Object()  //truedefineProperty  设置对象属性的属性                p=()                      Object.defineProperty(p,'ag

2017-03-26 00:10:15 297

原创 split slice splice substring subst 区别

1、slice()Array和String对象都有,在Array中  slice(i,[j])i为开始截取的索引值,负数代表从末尾算起的索引值,-1为倒数第一个元素,j为结束的索引值,缺省时则获取从i到末尾的所有元素。在String中 slice(i,[j])i为开始截取的索引值,负数代表从末尾算起的索引值,-1为倒数第一个字符,j为结束的索引值,缺省时则获取从i到末尾

2017-03-07 15:20:36 368

原创 node启动服务器

var http=require('http');http.createServer(function(req,res){res.writeHead(200,{'Content-Type':'text/plain'});res.end('Helaaalo Woraaaaaaaa111111aaaald\n');}).listen(1337,"127.0.0.1");

2017-03-02 22:30:04 315

原创 babel安装

es6要运行到浏览器,需要安装babel来转译1、现在全局安装babel-cli  //npm install --global babel-cli2、项目目录输入  npm init  一直回车生成package.json  3、然后npm install --save babel-cli  下载babel到项目中4、新建一个.babelrc的文件,一般windows下面

2017-03-01 22:10:55 223

原创 vue-cli

基本使用流程npm install vue-cli -g   全局安装 检测是否安装好了,可以在任何目录下  vue --version -----------------------------------------------------先安装 simple  简单版一般不用 ------------------------------------------------------

2017-02-26 20:44:17 167

原创 使用webpack

首先文件夹vue-loader-demo|-main.js       入口文件|-App.vue       vue文件|-package.json  工程文件(项目依赖、名称配置)npm init --yes 生成|-webpack.config.js   webpack配置文件 -------------------------------------

2017-02-25 21:42:09 217

原创 vue-router 路由

bower  info vue-router    //查看版本bower install vue-router#0.7.13

2017-02-22 22:59:44 215

原创 父子组件

div id="box"> aaa>aaa> 父组件-->div>new Vue({ el:"#box", data:{ a:'aaa' }, methods:{ show: function () { this.a='bbb' } }, componen

2017-02-22 21:06:02 168

原创 vue 定义组件

--------------------------------------全局组件--------------------------------------------------------定义组件的第一种方式   //aaa就是组件var Aaa=Vue.extend({template:'我是标题'   });var bbb=Vue.c

2017-02-21 23:15:07 3438

原创 vue动画

style.fade-transition{transition: 1s all ease;}   // transition="fade"   css后面要添加 transitio.fade-enter{opacity: 0;}                           //进入时动画.fade-leave{opacity: 0; transform: transl

2017-02-21 22:12:21 658

原创 bower使用

bower相当于npm,前端管理器首先要安装node安装bower    npm install bower -g验证 检查版本 bower  --version使用bower下载安装其他包bower install  安装bower uninstall 卸载包bower info      查看包的所有版本bower install vue#1.0.28  

2017-02-21 22:05:46 275

原创 自定义指令

span v-red>aaaaaaaaspan>Vue.directive('red', function () { //red是自定义指令名称 不要v- this.el.style.background='red' //this是Vue实例 });

2017-02-20 23:41:39 183

原创 过滤器

--------------------------------------debounce 延迟2000-----------------------------input type="text" @keyup="show | debounce 2000">---------------------------------limitBy 取几条数据------------

2017-02-20 22:42:07 147

原创 vm

vm.$mount('#box'手动挂载,相当于el:"#box"new Vue({}).$mount('#box')-----------------------------------------------------------------------------------------var vm = new Vue({ aa:11, //自定义属

2017-02-20 22:17:44 192

原创 computed 属性计算

window.onload= function () { var vm = new Vue({ el:"#box", data:{ a:1 }, computed:{ b:{ //b只是一个属性,不是方法 get: function () {

2017-02-20 22:10:05 270

原创 vue钩子函数

var vm = new Vue({ el:"#box", data:{ msg:'well' }, methods:{ }, created: function () { console.log('实例已经创建'); }, beforeCompile: function () {

2017-02-20 21:16:31 1418

空空如也

空空如也

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

TA关注的人

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