2018年04月_YiShiChangAnLuan

原创 OS X 下使用 Coding Pages 和 Hexo 搭建静态博客

OS X 下使用 Coding Pages 和 Hexo 搭建静态博客 1.安装 Git、Node.js 可以查看Git版本 git --version 可以查看node.js版本 node -v 2.安装 Hexo 利用npm命令安装，再OS上需要用到权限所以要用到sudo sudo npm install -g hexo 3.在本地建立博客安装完成...

2018-04-26 23:10:23 419

原创 Vue - 过滤器

过滤器：用于一些常见的文本格式化可用过滤器的地方：双花括号插值和 v-bind 表达式  {{ message | capitalize }}  <div v-bind:id="rawId | formatId"></div> 在组件选项中局部定义过滤器 fi...

2018-04-23 19:47:07 186

原创 ES6 - let、const 和 block 作用域

let 允许创建块级作用域，ES6 推荐在函数中使用 let 定义变量，而非 var var a = 2; { let a = 3; console.log(a); // 3 } console.log(a); // 2 在块级作用域有效的另一个变量声明方式是 const，它可以声明以个常量。ES6 中，const 声明的常量类似于指针，它指向某个引用，也就是说这个「常量」并非一成...

2018-04-23 19:35:21 294

原创 ES6 - 箭头函数

ES6 中，箭头函数就是函数的一种简写形式，使用括号包裹数，跟随一个 =>，紧接着是函数体: var getPrice = function(){ return 9.15; } // 箭头函数 var getPrice = () => 9.15; 箭头函数不仅仅是让代码变得简洁，函数中 this 总是绑定总shi 指向对象自身 function Person() { ...

2018-04-23 19:31:42 235

原创 Vue - 组件通信

单层组件通信 Prop 组件实例的作用域是孤立的。这意味着不能 (也不应该) 在子组件的模板内直接引用父组件的数据。父组件的数据需要通过 prop 才能下发到子组件中。子组件要显式地用 props 选项声明它预期的数据 Vue.component('child', { // 声明 props props: ['message'], // 就像 data 一样，prop...

2018-04-22 11:28:23 154

原创 Vue - template和script

template和script也可以自定义创建组件 <div id="app"> <my-div></my-div> </div> <template id="my-div">  <div> &l

2018-04-19 16:29:51 3073

原创 Vue - 局部组件

可以通过某个 Vue 实例/组件的实例选项 components 注册仅在其作用域中可用的组件： var Child = { template: '<div>A custom component!</div>' } new Vue({ // ... components: { // <my-component> 将只在父组件模板中可用...

2018-04-19 15:58:13 219

组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。在较高层面上，组件是自定义元素，Vue.js 的编译器为它添加特殊功能。在有些情况下，组件也可以表现为用 is 特性进行了扩展的原生 HTML 元素。所有的 Vue 组件同时也都是 Vue 的实例，所以可接受相同的选项对象 (除了一些根级特有的选项) 并提供相同的生命周期钩子。 ...

2018-04-19 15:47:52 569

原创 Vue - 计算属性

翻转字符串 <div id="app"> <p>初始值：{{msg}}</p> <p>反转值：{{msg.split('').reverse().join('')}}</p> </div> <script src="vue.js"></script

2018-04-19 15:31:04 416

原创 Vue - 信息录入界面小练习

要实现图中的功能：其中的数据是在代码中给出的删除添加功能都可以使用为填入信息会弹出提示框 body中的代码 &lt;body&gt; &lt;div id="app"&gt; &lt;!--第一部分--&gt; &lt;fieldset&gt; &lt;legen

2018-04-19 14:54:20 3286

原创 Vue - 开始

因为是初学，现在我就怎么简单怎么来 1. 安装node.js之后 2. 打开cmd 3. 进入需要创建路径 4. 下载Vue 5. 将vue.js和vue.min.js拖进工程里引用就行了 npm install vue 在代码中这样子引用 <div id="app"> </div> <script src="vue.js"&gt...

2018-04-19 14:44:15 155

原创 JavaScript - call、apply // 需补充

简单用法：绑定一些函数，用于传参、调用 function sum(x, y) { return x+y; } function call1(x, y) { return sum.call(this,x,y); } function apply1(x,y){ return sum.apply(this,[x,y]); } call1(2,3); // 5 apply1(3,4); ...

2018-04-15 22:29:26 107

原创 JavaScript - this

this对象是指运行时期基于环境所绑定的总是指向调用者 var a=1; function test() { this.a=2; } test(); // window调用了函数，所以this指向window alert(test.a); // undefined alert(a); // 2...

2018-04-12 16:16:23 97

原创 JavaScript - function

函数定义 function 函数名(参数表){ 函数执行部分 return } 参数不需要提供类型函数的三种定义方式 // function语句式 function funName() { } // 函数的直接量ECNAScript var funName=function () { } // function构造函数式 // 例： ...

2018-04-12 13:40:08 195

原创 JavaScript - Date

var date=new Date var date=new Date(); var year=date.getFullYear(); var month=date.getMonth(); var week=date.getDay(); //星期 var day=date.getDate(); var hours=date.getHours(); var minutes=date.getMi...

2018-04-12 13:17:34 130

原创 JavaScript - Global

全局对象，单体对象 encodeURI和encodeURIComponent var uri='http://www.baidu.com cn'; var str1=encodeURI(uri); // (:// 这些就不会转码)对不标准的字符进行编码 var str2=encodeURIComponent(uri); // 常用：任何不标准的文字都会进行编码...

2018-04-12 13:12:13 183

原创 JavaScript - 利用js对象去掉数组的重复项

由于js中对象的key值永不重复，可以将数组转化为对象，去除重复值 1. 把数组转成js的对象 var toObject=function (arr) { var obj = {}; var length; for (var i = 0, length=arr.length; i < length; i++) { obj[arr[i]] = true; }...

2018-04-12 11:33:34 225

原创 JavaScript - Object

object是所有类的基类 * 实例化对象的方法 var object=new object(); var obj={ }; // 设置属性 var obj={ }; obj.name='shuabi'; obj['sex']='nan'; obj.func=function(){ alert('helloword!'); } var obj={ name:'sh...

2018-04-12 11:09:28 226

原创 JavaScript - 数组

不推荐使用 var arr=new Array() 常用这种方式 var arr=[1,2,3,true,'abc',new date()]; JS中的数组长度并不固定，随时可以添加和删改元素 ##push：向数组尾部添加元素，返回值为数组新长度 var arr=[1,2,3]; var result=arr.push(1,2,3); // [1,2,3,1,2,3] ##...

2018-04-11 18:09:25 213

原创 JavaScript - 控制语句

if语句：if(条件)...else(条件)...else switch：switch(expression){case const1:语句块1...default...} while：while(条件){语句块} do while：do{语句块}while(条件) break：结束当前循环 continue：结束一次循环 for：if(初始化部分;条件部分;更...

2018-04-10 17:56:18 165

原创 JavaScript - 运算符

符号含义相等 == 大于等于 >= 小于等于 <= 不等 != 小于 < 大于 > 逻辑“与” $$ 逻辑“或” || 逻辑“非” ! 条件表达式 (条件表达式1) ? 表达式2 : 表达式3 注意： ===和==不同 ==...

2018-04-10 17:55:46 110

原创 JavaScript - 变量

变量声明，变量使用前必须加var声明 var value = 23333; 命名规则变量名必须以字母或者是下标符号”_”或者是”$”为开头变量名长度不可超过255字符变量命中不允许使用空格不能使用关键字变量名区别大小写全局变量在方法外部声明的变量在方法内部，没有加var关键字声明的变量局部变量在方法内部，使用var声明的变量数据...

2018-04-10 17:54:49 84

原创 JavaScript - 接触

JavaScript执行顺序机制，从上到下边解析边执行浏览器对象window 弹出警告框 window.alert('helloword'); 文档对象 document.write('helloword'); 打印到控制台这两个有什么区别没有查到，暂时就把他们定为一样的作用 console.info('helloword'); console.log(...

2018-04-10 17:54:23 101

YiShiChangAnLuan