2017年03月_juzipchy

原创 Vue:计算属性computed

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

2017-03-31 15:03:02 728

原创 Vue:pros绑定

组件实例的作用域是孤立的。这意味着不能并且不应该在子组件的模板内直接引用父组件的数据。可以使用 props 把数据传给子组件。“prop” 是组件数据的一个字段，期望从父组件传下来。子组件需要显式地用 props 选项声明 props：Vue.component('child', { // 声明 props props: ['msg'], // prop 可以用在模板内 // 可以

2017-03-30 14:06:34 2338

原创 Vue父子、父子孙组件嵌套

单个组件的语法：创建构造器var MyComponent = Vue.extend({ template: '<div>A custom component!</div>' }); 注册组件Vue.component('my-component', MyComponent);父子组件的写法： var child = Vue.extend({ tem

2017-03-30 10:16:18 6113

npm install 在安装 npm 包时，有两种命令参数可以把它们的信息写入 package.json 文件，一个是npm install--save另一个是 npm install –save-dev，他们表面上的区别是--save 会把依赖包名称添加到 package.json 文件 dependencies 键下，--save-dev 则添加到 package.json 文件 devDep

2017-03-24 21:15:28 50032 3

原创 javascript中的一些坑

1.对象使用和属性 JavaScript 中所有变量都可以当作对象使用，除了两个例外 null 和 undefined。一个常见的误解是数字的字面值（literal）不能当作对象使用。这是因为 JavaScript 解析器的一个错误，它试图将点操作符解析为浮点数字面值的一部分。2.toString(); // 出错：SyntaxError有很多变通方法可以让数字的字面值看起来像对象。2..t

2017-03-20 18:35:18 408

原创 javascript设计模式：简单工厂模式

//篮球基类 var Basketball= function () { this.intro="篮球盛行于美国"; } Basketball.prototype={ getMember:function(){ console.log("每个队伍需要5名队员"); }, getBallSi

2017-03-13 21:21:03 261

原创 HTTP缓存

浏览器端缓存分类缓存主要分为强缓存和协商缓存。强缓存：浏览器在加载资源时，先根据这个资源的一些http header判断它是否命中强缓存，强缓存如果命中，浏览器直接从自己的缓存中读取资源，不会发请求到服务器。协商缓存：当强缓存没有命中的时候，浏览器一定会发送一个请求到服务器，通过服务器端依据资源的另外一些http header验证这个资源是否命中协商缓存，如果协商缓存命中，服务器会将这个

2017-03-08 15:48:40 593

原创 HTTP状态码302、303、307区别

HTTP状态码3XX表示重定向，表明浏览器需要执行某些特殊的处理以正确处理请求。301 Moved Permanently 永久性定向。该状态码表示请求的资源已被分配了新的URI，以后应使用资源现在所指的URI。302 Found 临时性重定向。该状态码表示请求的资源已被分配了新的URI，希望用户（本次）能使用新的URI访问。和301相似，但302表示的资源不是永久移动，只是临时性

2017-03-05 21:50:20 42869 2

原创通用的事件侦听器函数

总结了下事件监听函数，能兼容ie和非ie浏览器// event(事件)工具集，来源：github.com/markyunmarkyun.Event = { // 页面加载完成后 readyEvent : function(fn) { if (fn==null) { fn=document; } var oldo

2017-03-03 13:33:17 478

原创数组去重

又是一个常见的面试题= =… 话说我最近怎么老是就面试题写博客总结下数组去重的四种常见的做法，以及相应的运行时间的比较：方法1：创建一个新的临时数组来保存数组中已有的元素Array.prototype.unique1 = function(){ var n = []; //一个新的临时数组 for(var i=0; i<this.length; i++){

2017-03-02 19:32:22 314

原创用CSS实现一个简单的幻灯片效果页面

又是一个常见面试题，不搜不知道，一搜吓一跳，有很多很有意思的写法。第一反应是利用CSS3的animation。不过为了兼容浏览器，记得加各浏览器前缀（“chrome和safira：-webkit-”、“firefox:-moz-”、“opera:-o-”）下面说说用到的animation各属性。 animation-name(动画名字，需用引号包裹) animation-duration(动

2017-03-02 17:30:02 7376

juzipchy的博客