<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[a404007652的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/a404007652</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; a404007652]]></copyright><item><title><![CDATA[计算属性]]></title><link>https://blog.youkuaiyun.com/a404007652/article/details/101355282</link><guid>https://blog.youkuaiyun.com/a404007652/article/details/101355282</guid><author>a404007652</author><pubDate>Sat, 10 Nov 2018 16:19:00 +0800</pubDate><description><![CDATA[计算属性
实现倒叙：
        &lt;h1&gt;{{name.split('').reverse().join('')}}&lt;/h1&gt;
        &lt;h1&gt;{{reverse()}}&lt;/h1&gt;
        &lt;h1&gt;{{name | res(1, 2, 3, 4)}}&lt;/h1&gt;
        &lt;h...]]></description><category></category></item><item><title><![CDATA[vue 初始复习]]></title><link>https://blog.youkuaiyun.com/a404007652/article/details/101355291</link><guid>https://blog.youkuaiyun.com/a404007652/article/details/101355291</guid><author>a404007652</author><pubDate>Sat, 10 Nov 2018 16:18:00 +0800</pubDate><description><![CDATA[vue 初始复习

data 中的数据最终都是挂载到 vm 实例中
template 属性会整个代替 app 的内容
el 的优先级高于.$mount

指令

v-text:相当于小胡子{{}} --&gt;v-text='name'
v-html:可以渲染字符串中的标签 --&gt;v-html='name'
v-once:该标签只渲染一次 --&gt;后面不加内...]]></description><category></category></item><item><title><![CDATA[同步 异步和事件]]></title><link>https://blog.youkuaiyun.com/a404007652/article/details/101355280</link><guid>https://blog.youkuaiyun.com/a404007652/article/details/101355280</guid><author>a404007652</author><pubDate>Sat, 10 Nov 2018 15:52:00 +0800</pubDate><description><![CDATA[同步和异步 事件
浏览器提供了同步和异步机制 JS是单线程的，提供了两个队列，一个是主队列（放同步代码），一个是异步队列队列池。


同步
所有的代码按顺序执行，每一部分执行完后才能执行下面的代码。


异步
这块代码执行后，可以去做其他事情，等这块代码执行完后，再回来处理这里的事项。

异步性能会比较高

回调函数 ajax 定时器 时间



...]]></description><category></category></item><item><title><![CDATA[初识vue]]></title><link>https://blog.youkuaiyun.com/a404007652/article/details/101355289</link><guid>https://blog.youkuaiyun.com/a404007652/article/details/101355289</guid><author>a404007652</author><pubDate>Tue, 06 Nov 2018 18:18:00 +0800</pubDate><description><![CDATA[vue全家桶：vue-router vuex vue-cli
mvc:model view controller
数据双向绑定
mvvm:model view view-model
两种设计理念来规划网站：
优雅降级 (graceful degradation) : 一开始就构建站点的完整功能,然后针对浏览器测试和修复
渐进增强 (progressive enhanceme...]]></description><category></category></item><item><title><![CDATA[for循环和for in 循环 for of循环的区别]]></title><link>https://blog.youkuaiyun.com/a404007652/article/details/101355278</link><guid>https://blog.youkuaiyun.com/a404007652/article/details/101355278</guid><author>a404007652</author><pubDate>Tue, 06 Nov 2018 10:21:00 +0800</pubDate><description><![CDATA[//for循环和for in 循环 for of循环的区别
    let array = [1, 2, 3, 4, 5];
    array.qqq = 123;
    for(let i = 0; i &lt; array.length; i++){
        console.log(array[i]);//1, 2, 3, 4, 5
    }
 ...]]></description><category></category></item><item><title><![CDATA[cookie]]></title><link>https://blog.youkuaiyun.com/a404007652/article/details/101355288</link><guid>https://blog.youkuaiyun.com/a404007652/article/details/101355288</guid><author>a404007652</author><pubDate>Sun, 04 Nov 2018 17:25:00 +0800</pubDate><description><![CDATA[在多个请求之间共享数据事非常必要的
为了辨别用户身份，进行会话跟踪而存储·　　··························································
设置:只能一个一个设置 多个只有第一个 document.cookie = "key=value"
获取cookie document.cookie
配合express:

1.`普...]]></description><category></category></item><item><title><![CDATA[express]]></title><link>https://blog.youkuaiyun.com/a404007652/article/details/101355267</link><guid>https://blog.youkuaiyun.com/a404007652/article/details/101355267</guid><author>a404007652</author><pubDate>Fri, 02 Nov 2018 17:18:00 +0800</pubDate><description><![CDATA[express安装:npm install express -D(--save dev)

const express = require('express'),
      app = express();//使用express 已经创建服务
app.get('/favicon.ico',(req,res)=&gt;{
    req.send();
});
app.ge...]]></description><category></category></item><item><title><![CDATA[基本数据类型复习]]></title><link>https://blog.youkuaiyun.com/a404007652/article/details/101355248</link><guid>https://blog.youkuaiyun.com/a404007652/article/details/101355248</guid><author>a404007652</author><pubDate>Wed, 31 Oct 2018 16:32:00 +0800</pubDate><description><![CDATA[基本数据类型
number string null undefined boolean
引用数据类型
对象类型：object array regExp Date
函数类型：function
只定义未赋值：undefined
typeof&amp;&amp;instanceof
typeof:用来检测变量的数据类型 检测结果加"" typeof null "object"
...]]></description><category></category></item><item><title><![CDATA[数组的方法]]></title><link>https://blog.youkuaiyun.com/a404007652/article/details/101355222</link><guid>https://blog.youkuaiyun.com/a404007652/article/details/101355222</guid><author>a404007652</author><pubDate>Wed, 31 Oct 2018 16:31:00 +0800</pubDate><description><![CDATA[Title

原数组改变（7个）
push();unshift();pop();shift();splice();reverse();sort()

push()往数组最后一项添加内容参数：添加的内容返回值：新数组的长度
unshift()往数组起始位置添加内容参数：添加的内容返回值：新数组的长度
pop()删除数组的最后一项参数：无返回值：删除的内容
shift()删除...]]></description><category></category></item><item><title><![CDATA[javaScript复习]]></title><link>https://blog.youkuaiyun.com/a404007652/article/details/101355229</link><guid>https://blog.youkuaiyun.com/a404007652/article/details/101355229</guid><author>a404007652</author><pubDate>Mon, 29 Oct 2018 20:37:00 +0800</pubDate><description><![CDATA[ES6字符串方法：


 //console.log(String.prototype);
    var str = "abcdefabc";
    //console.log(str.includes("a"));//结果true
    //console.log(str.includes("abf"));//结果false

    //console.log(...]]></description><category></category></item><item><title><![CDATA[node基础]]></title><link>https://blog.youkuaiyun.com/a404007652/article/details/101355246</link><guid>https://blog.youkuaiyun.com/a404007652/article/details/101355246</guid><author>a404007652</author><pubDate>Fri, 26 Oct 2018 18:02:00 +0800</pubDate><description><![CDATA[node是一个运行的平台，支持JS语言，可以写后台的服务。
node的特点：基于win8引擎渲染，渲染速度快，效率高，性能好。
           基于事件驱动的I/O（输入/输出）操作
           单线程的，所以基本是异步的操作 
           遵循CommaonJS规范，提供模块机...]]></description><category></category></item><item><title><![CDATA[Promise]]></title><link>https://blog.youkuaiyun.com/a404007652/article/details/101355264</link><guid>https://blog.youkuaiyun.com/a404007652/article/details/101355264</guid><author>a404007652</author><pubDate>Wed, 24 Oct 2018 17:40:00 +0800</pubDate><description><![CDATA[Promise用来解决异步嵌套问题
Promise是JS内置的构造函数  参数是一个回调函数 回调函数有两个参数：resolve(表示执行成功的回调) reject(表示执行失败的回调)
then方法:Promise类原型上的方法 then有两个参数 第一个是成功回调resolve 第二个参数表示失败的回调reject 

promise有三种状态 第一种是pending（等待状...]]></description><category></category></item><item><title><![CDATA[ajax基础]]></title><link>https://blog.youkuaiyun.com/a404007652/article/details/101355244</link><guid>https://blog.youkuaiyun.com/a404007652/article/details/101355244</guid><author>a404007652</author><pubDate>Wed, 24 Oct 2018 11:59:00 +0800</pubDate><description><![CDATA[如何搭建博客？
1.可以利用第三方 2.发布到github上(只能发布静态页面) 3.自己购买域名和服务器，然后进行页面优化和推广
利用购买域名和服务器的方式搭建博客
1.购（租）服务器：阿里云 有了服务器后通过ftp（eg：FireZilla）将本地项目传送到服务器上
2.购域名:万网 DNS解析域名。将域名和服务器IP地址绑定
3.开发项目，将项目发布到相应的端口号...]]></description><category></category></item><item><title><![CDATA[flex布局的盒子模型]]></title><link>https://blog.youkuaiyun.com/a404007652/article/details/101355262</link><guid>https://blog.youkuaiyun.com/a404007652/article/details/101355262</guid><author>a404007652</author><pubDate>Sat, 20 Oct 2018 14:07:00 +0800</pubDate><description><![CDATA[flex盒子模型由容器（flex container）以及容器的直接子元素（flex item）组成。
以容器（flex container）定义，有主轴（main axis）以及交叉轴（cross axis）,主轴的开始位置（与边框的交叉点）叫做main start,结束位置叫做main end.交叉轴的开始位置叫做cross start，结束位置叫做cross end。
（注意:...]]></description><category></category></item><item><title><![CDATA[css3核心模块]]></title><link>https://blog.youkuaiyun.com/a404007652/article/details/101355260</link><guid>https://blog.youkuaiyun.com/a404007652/article/details/101355260</guid><author>a404007652</author><pubDate>Thu, 18 Oct 2018 16:10:00 +0800</pubDate><description><![CDATA[transition 过渡动画 transform 变型属性 animation 帧动画
transition-property 过渡属性 all|[attr] 
transition-duration 过渡时间 
transition-delay 延迟时间 
transition-timing-function 运动类型 ease：（逐渐变慢）默认值 linear：（匀速） e...]]></description><category></category></item><item><title><![CDATA[响应式开发]]></title><link>https://blog.youkuaiyun.com/a404007652/article/details/101355242</link><guid>https://blog.youkuaiyun.com/a404007652/article/details/101355242</guid><author>a404007652</author><pubDate>Wed, 17 Oct 2018 16:17:00 +0800</pubDate><description><![CDATA[根据设备的宽度，自动调整页面到大小，从而在各个设备上呈现出最佳的视觉效果。
响应式开发的种类：1.适合小型的项目或需求页：PC端和移动端公用一套 2.大型的项目如淘宝 PC端（固定布局）和移动端（移动适配）各用一套
响应式所用的技术：1.视口viewport 2.媒体查询（可以识别设备的特征，从而调整页面的布局） 3.布局时用相对单位，rem 100% em 4.图片的...]]></description><category></category></item><item><title><![CDATA[HTML5标签及表单]]></title><link>https://blog.youkuaiyun.com/a404007652/article/details/101355258</link><guid>https://blog.youkuaiyun.com/a404007652/article/details/101355258</guid><author>a404007652</author><pubDate>Tue, 16 Oct 2018 15:18:00 +0800</pubDate><description><![CDATA[语义化标签


section


w3c规范规定section是用来划分网页的,表示页面中的一个内容区块,比如章节,页眉,页脚或页面的其他部分.可以和h1,h2…等其他标签结合起来一起使用,表示文档结构



article

定义可以独立于内容其余部分的完整独立内容块,article元素就是专门为摘要设计的,比如一篇文章


aside

表示art...]]></description><category></category></item><item><title><![CDATA[JS面向对象编程]]></title><link>https://blog.youkuaiyun.com/a404007652/article/details/101355240</link><guid>https://blog.youkuaiyun.com/a404007652/article/details/101355240</guid><author>a404007652</author><pubDate>Tue, 16 Oct 2018 11:50:00 +0800</pubDate><description><![CDATA[JS盒子模型

js中提供了与盒子模型相关的属性
css盒子模型属性：width height border padding margin


将这些属性分为很多系列 属性一共13个



client系列(跟溢出内容无关)

clientWidth= width + padding(左右)
clientHeight= height + padding(...]]></description><category></category></item><item><title><![CDATA[JS面向对象的编程]]></title><link>https://blog.youkuaiyun.com/a404007652/article/details/101355256</link><guid>https://blog.youkuaiyun.com/a404007652/article/details/101355256</guid><author>a404007652</author><pubDate>Sun, 14 Oct 2018 15:41:00 +0800</pubDate><description><![CDATA[函数功能:把所有的功能都的封装在一个函数里，等下次需要实现这个功能时，运行这个方法即可。
面向对象：object oriented programming 以对象数据类型为导向的编程
单例模式：
概念:将同一事物的属性和方法封装在一个空间(对象)里
防止代码冲突和覆盖
不同模块之间获取属性：通过模块名.方法名()
同一模块之间获取属性：this.方法名()

//单例模式...]]></description><category></category></item><item><title><![CDATA[ES5构造函数与ES6类]]></title><link>https://blog.youkuaiyun.com/a404007652/article/details/101355223</link><guid>https://blog.youkuaiyun.com/a404007652/article/details/101355223</guid><author>a404007652</author><pubDate>Sun, 14 Oct 2018 12:53:00 +0800</pubDate><description><![CDATA[ES5的构造函数：

function F(name) {
        this.name = name;//私有属性
    }
    F.prototype.writeCss = function () {
        console.log('writeCss');//原型上的方法
    }
    F.writeJS = function () {//...]]></description><category></category></item></channel></rss>