章柏华-优快云博客

原创 vue-music

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

2017-10-23 22:42:36 427

原创 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 368

转载 1.3组件之间传值

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

2017-07-24 11:56:32 410

原创 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 306

原创 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 276

原创七、1、函数表达式

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

2017-06-13 16:35:03 351

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

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

2017-06-13 10:47:51 195

原创六、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 194

原创六、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 450

转载五、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 294

原创四、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 263

原创四、4、数组方法

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

2017-06-10 20:42:42 259

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

2017-06-10 18:03:49 425

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

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

2017-06-10 13:35:01 179

原创四、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 396

原创二 3、数值转换

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

2017-06-09 18:09:05 231

原创二、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 249

原创二、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 227

原创一、JavaScript的实现

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

2017-06-09 00:31:30 224

原创 git和GitHub

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

2017-06-08 00:10:59 440

原创 php1

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

2017-04-09 23:43:50 201

原创数据库基础

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

2017-03-30 23:45:15 201

原创 git的使用

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

2017-03-29 10:40:24 202

原创深拷贝浅拷贝

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 230

原创 js instaneceof

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

2017-03-26 00:10:15 317

原创 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 384

原创 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 342

原创 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 238

原创 vue-cli

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

2017-02-26 20:44:17 178

原创使用webpack

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

2017-02-25 21:42:09 246

原创 vue-router 路由

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

2017-02-22 22:59:44 233

原创父子组件

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 178

原创 vue 定义组件

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

2017-02-21 23:15:07 3470

原创 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 672

原创 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 287

原创自定义指令

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

2017-02-20 23:41:39 197

原创过滤器

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

2017-02-20 22:42:07 161

原创 vm

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

2017-02-20 22:17:44 208

原创 computed 属性计算

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

2017-02-20 22:10:05 302

原创 vue钩子函数

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

2017-02-20 21:16:31 1464

空空如也

空空如也