2016年10月_CURRY_zhao

转载 vue.js 计算属性$watch

计算属性在模板中绑定表达式是非常便利的，但是他们实际上只用于简单的操作。模板是为了描述视图的结构。在模板中放入太多的逻辑会让模板过重且难以维护。这就是为什么vue.js将绑定表达式限制为一个表达式。如果需要多于一个表达式的逻辑，应当使用计算属性。基础例子a={{a}},b={{b}}var vm=new Vue({el:'#example',data:{a:

2016-10-31 19:29:34 2998

转载 http post get put delete

一原理区别一般在浏览器中输入网址访问资源都是通过GET方式；在FORM提交中，可以通过Method指定提交方式为GET或者POST，默认为GET提交Http定义了与服务器交互的不同方法，最基本的方法有4种，分别是GET，POST，PUT，DELETEURL全称是资源描述符，我们可以这样认为：一个URL地址，它用于描述一个网络上的资源，而HTTP中的GET，POS

2016-10-31 14:11:48 228

转载怎样开发和部署前端代码

作者：张云龙链接：https://www.zhihu.com/question/20790576/answer/32602154来源：知乎著作权归作者所有，转载请联系作者获得授权。这是一个非常有趣的非主流前端领域，这个领域要探索的是如何用工程手段解决前端开发和部署优化的综合问题，入行到现在一直在学习和实践中。在我的印象中，facebook是这个领域的鼻祖，有兴趣、有梯

2016-10-31 11:48:09 4337

转载手机web开发，click，touch，tap事件浅析

一、click和tap比较两者都会在点击时触发，但是在手机web端，click会有200ms~300ms，所以请用tap代替click作为点击事件。single Tap和doubleTap分别代表单次点击和双次点击。二、关于tap的点透处理在使用zepto框架的tap来移动设备浏览器内的点击事件，来规避click事件的延迟响应时，有可能出现点透的情况，即点击会触发当前层的点击事件。

2016-10-31 11:33:18 4082

这个非常简单。我们知道，打开任何一个网页，浏览器会首先创建一个窗口，这个窗口就是一个window对象，也是js运行所依附的全局环境对象和全局作用域对象。self 指窗口本身，它返回的对象跟window对象是一模一样的。也正因为如此，window对象的常用方法和函数都可以用self代替window。举个例子，常见的写法如“self.close();”，把它放在标记中：“关闭窗口”，单击“关闭窗口”链

2016-10-28 14:39:35 364

转载 Vue.js vue-resoucre的使用与解析全攻略

本文的主要内容如下：介绍vue-resource的特点介绍vue-resource的基本使用方法基于this.$http的增删查改示例基于this.$resource的增删查改示例基于inteceptor实现请求等待时的loading画面基于inteceptor实现请求错误时的提示画面本文11个示例的源码已放到GitHub，如果您觉得本篇内容不错，请点个赞，或在GitHub上加个星

2016-10-28 11:29:25 33421 8

转载 sublime 操作快捷键

Sublime Text 3非常实用，但是想要用好，一些快捷键不可或缺，所以转了这个快捷键汇总。用惯了vim，有些快捷键也懒得用了，尤其是在win下面，还有图形界面，所以个人觉得最有用的还是搜索类，对于阅读和修改代码来说，非常实用。选择类Ctrl+D 选中光标所占的文本，继续操作则会选中下一个相同的文本。Alt+F3 选中文本按下快捷键，即可一次性选择全

2016-10-26 18:02:04 389

转载 vue.js中使用slot

什么是组件？组件（Component）是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。在较高层面上，组件是自定义元素，Vue.js 的编译器为它添加特殊功能。在有些情况下，组件也可以是原生 HTML 元素的形式，以 is 特性扩展。Slot分发内容①概述：简单来说，假如父组件需要在子组件内放一些DOM，那么这些DOM是

2016-10-25 12:05:04 11809

转载 v-show与v-if

1.共同点都是动态显示DOM元素2.区别（1）手段：v-if是动态的向DOM树内添加或者删除DOM元素；v-show是通过设置DOM元素的display样式属性控制显隐；（2）编译过程：v-if切换有一个局部编译/卸载的过程，切换过程中合适地销毁和重建内部的事件监听和子组件；v-show只是简单的基于css切换；（3）编译条件：v-if是惰性的，如果初始条件

2016-10-24 19:03:03 1196

转载 Vue.js-----轻量高效的MVVM框架（使用slot分发内容）

#单个slothtml:h3>#单个sloth3> 定义child01模板 -->template id="child01"> div>this is temp01 component!div> slot> 如果没有分发内容，这里将会被显示 slot>template>div id="dr01"> child01>chil

2016-10-24 16:06:12 726

转载 HTTP POST GET 本质区别详解

一原理区别一般在浏览器中输入网址访问资源都是通过GET方式；在FORM提交中，可以通过Method指定提交方式为GET或者POST，默认为GET提交Http定义了与服务器交互的不同方法，最基本的方法有4种，分别是GET，POST，PUT，DELETEURL全称是资源描述符，我们可以这样认为：一个URL地址，它用于描述一个网络上的资源，而HTTP中的GET，POST，PUT，D

2016-10-19 11:52:52 3960

转载 CSS中一些利用伪类、伪元素和相邻元素选择器的技巧实现评论点赞

前几天遇到一个页面需求是这样的：一个评论框，后面的按钮有点赞或者发送评论两种状态，其中发送按钮有根据输入框中是否有字分为可点击和不可点击两种状态。需求：没有文字，没有聚焦——点赞没有文字，聚焦——灰色发送有文字——红色发送如果用JS实现，需要监听输入框的change和focus事件，比较麻烦。但是用CSS中的伪类就可以实现相近效果。"text" cl

2016-10-18 17:29:14 839

转载 less css框架简介

简介CSS（层叠样式表）是一门历史悠久的标记性语言，同 HTML 一道，被广泛应用于万维网（World Wide Web）中。HTML 主要负责文档结构的定义，CSS 负责文档表现形式或样式的定义。作为一门标记性语言，CSS 的语法相对简单，对使用者的要求较低，但同时也带来一些问题：CSS 需要书写大量看似没有逻辑的代码，不方便维护及扩展，不利于复用，尤其对于非前端开发工程师来讲，往往会因

2016-10-18 17:18:04 313

转载 js中的四种调用，this、that

介绍函数四种调用模式前，我们先来了解一下函数和方法的概念，其实函数和方法本质是一样，就是称呼不一样而已。函数：如果一个函数与任何对象关系，就称该函数为函数。方法：如果一个函数作为一个对象属性存在，我们就称之为方法。接下来就可以开始今天的主体。1、函数调用模式。就是通过函数来调用，规范写法为：function fn(){} fn(); 函数中this的指向->window。案例如下：

2016-10-18 14:59:09 970 1

转载链接字符串String.prototype.format

经常需要连接字符串及变量，找了一段JS的format函数:String.prototype.format = function(){ var args = arguments; return this.replace(/\{(\d+)\}/g,function(m,i,o,n){ return args[i]; });}

2016-10-11 11:25:06 1733

原创如何阅读一个没有参与过的项目

分析源码主要步骤如下：1、熟悉项目功能，操作一遍项目内容，明白项目结构2、根据项目介绍，找到应用程序入口（类似各种语言入门教程都有的main函数），运行一遍，看看运行结果；3、通过工具打开看项目主体目录结构，根据命名猜测开发者的分层思路，如果没有明显分层，则看文件目录；4、按分层（目录）找接口，根据接口（和接口注释）猜测功能；5、根据接口找到具体实现，看具体实现的源码，分析开发

2016-10-11 10:18:08 406

原创事件处理器中经常需要调用 event.preventDefault() 或 event.stopPropagation()

在事件处理器中经常需要调用 event.preventDefault() 或 event.stopPropagation()。尽管我们在方法内可以轻松做到，不过让方法是纯粹的数据逻辑而不处理 DOM 事件细节会更好。为了解决这个问题，Vue.js 为 v-on 提供两个事件修饰符：.prevent 与 .stop。你是否还记得修饰符是点号打头的指令后缀？

2016-10-10 15:38:37 799

转载 css !important在css样式中主要是为了实现css代码的优先级别

css !important在css样式中主要是为了实现css代码的优先级别，主要写在样式规则之后：比如说： {color:#fff!important;}. 一般css里面的优先级别规则都是按级层覆盖然而使用!important可以改变优先级别为最高。这打破了我们之前覆盖平衡，优先于正常的css规则。这个标记在我们的浏览器中也出现了css hack，最重要的

2016-10-10 15:18:09 635

转载 Vue.js 中 v-if 和 v-show 的区别

官网是这样说的：在切换 v-if 块时，Vue.js 有一个局部编译/卸载过程，因为 v-if 之中的模板也可能包括数据绑定或子组件。v-if 是真实的条件渲染，因为它会确保条件块在切换当中合适地销毁与重建条件块内的事件监听器和子组件。 v-if 也是惰性的：如果在初始渲染时条件为假，则什么也不做——在条件第一次变为真时才开始局部编译（编译会被缓存起来）。相比之下，v-show

2016-10-09 10:33:33 2340

curry_zhao的博客