<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[dcfsdf43243的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/dcfsdf43243</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; dcfsdf43243]]></copyright><item><title><![CDATA[HTML文本换行问题]]></title><link>https://blog.youkuaiyun.com/dcfsdf43243/article/details/101574059</link><guid>https://blog.youkuaiyun.com/dcfsdf43243/article/details/101574059</guid><author>dcfsdf43243</author><pubDate>Tue, 13 Aug 2019 16:15:00 +0800</pubDate><description><![CDATA[强制不换行：white-space:nowrap;
超出部分隐藏：overflow: hidden;
隐藏部分用省略号代替：overflow: hidden;text-overflow: ellipsis;
自动换行：word-wrap: break-word; （ word-break: normal; ）
强制断开英文单词实现换行：word-break: break...]]></description><category></category></item><item><title><![CDATA[判断for(var i=0;i<=3;i++){ setTimeout(function() { console.log(i) }, 10) }]]></title><link>https://blog.youkuaiyun.com/dcfsdf43243/article/details/101574057</link><guid>https://blog.youkuaiyun.com/dcfsdf43243/article/details/101574057</guid><author>dcfsdf43243</author><pubDate>Mon, 12 Aug 2019 17:23:00 +0800</pubDate><description><![CDATA[原文：https://www.jianshu.com/p/ecb71343964a

使用 var:
每一次for循环的时候，setTimeout都执行一次， 但是里面的函数没有被执行，而是被放到了任务队列里面，等待执行， for循环了4次，就放了4次，当主线程执行完成后，才进入任务队列里面执行。

使用 let：
for循环头部的let不仅将i绑定到for循环块中， 它...]]></description><category></category></item><item><title><![CDATA[构造函数、原型、实例之间的关系及访问方法]]></title><link>https://blog.youkuaiyun.com/dcfsdf43243/article/details/101574060</link><guid>https://blog.youkuaiyun.com/dcfsdf43243/article/details/101574060</guid><author>dcfsdf43243</author><pubDate>Mon, 12 Aug 2019 15:25:00 +0800</pubDate><description><![CDATA[转载于:https://www.cnblogs.com/Ryan368/p/11340407.html]]></description><category></category></item><item><title><![CDATA[js的执行机制——宏任务和微任务]]></title><link>https://blog.youkuaiyun.com/dcfsdf43243/article/details/101574054</link><guid>https://blog.youkuaiyun.com/dcfsdf43243/article/details/101574054</guid><author>dcfsdf43243</author><pubDate>Mon, 12 Aug 2019 11:29:00 +0800</pubDate><description><![CDATA[宏任务队列可以有多个，微任务队列只有一个；
主线程上的任务是第一个宏任务；

会建立宏任务的有：setTimeOut、 setInterval、 requestAnimationFrame

会建立微任务的有：Promise的回调、process.nextTick
当有一个宏任务队列执行完毕后，会执行微任务队列中的全部内容，然后执行另一个宏任务队列，如此反复

js...]]></description><category></category></item><item><title><![CDATA[v-if 和 v-show 的区别]]></title><link>https://blog.youkuaiyun.com/dcfsdf43243/article/details/101574056</link><guid>https://blog.youkuaiyun.com/dcfsdf43243/article/details/101574056</guid><author>dcfsdf43243</author><pubDate>Mon, 12 Aug 2019 09:28:00 +0800</pubDate><description><![CDATA[v-if：每次都会重新删除或创建元素，具有较高的切换性能消耗；
v-show：每次切换元素的 display：none 样式，具有较高的初始渲染消耗。

&lt;input type="button" value="shift" @click="flag=!flag&gt;
&lt;h1 v-if="flag"&gt;v-if 控制的元素 &lt;/h1&gt;
&lt;h1 ...]]></description><category></category></item><item><title><![CDATA[使用vuex实现组件间传值]]></title><link>https://blog.youkuaiyun.com/dcfsdf43243/article/details/101574051</link><guid>https://blog.youkuaiyun.com/dcfsdf43243/article/details/101574051</guid><author>dcfsdf43243</author><pubDate>Sat, 10 Aug 2019 16:33:00 +0800</pubDate><description><![CDATA[1.state中的数据获取时使用 this.$store.state.xxx;
2.修改state中的数据必须通过 mutations 中提供的方法，调用方法使用 this.$store.commit('方法名称', 唯一参数)，要传递多个参数可使用对象；
3.如果对外提供 state 中的数据时需要对数据进行包装，可使用 getters，方法为：this.$store.g...]]></description><category></category></item><item><title><![CDATA[Vue父子组件之间传值]]></title><link>https://blog.youkuaiyun.com/dcfsdf43243/article/details/101574058</link><guid>https://blog.youkuaiyun.com/dcfsdf43243/article/details/101574058</guid><author>dcfsdf43243</author><pubDate>Sat, 10 Aug 2019 15:43:00 +0800</pubDate><description><![CDATA[一、父组件向子组件传值：

在父组件中调用子组件时，使用v-bind将要传的值进行绑定

&lt;com :parentmsg="msg"&gt;&lt;/com&gt;



在子组件的props中，添加第一步中为接收父组件数据而定义的变量

props: ["parentmsg"]



子组件可使用 this.parentMsg 来调用父组件的数据 ...]]></description><category></category></item><item><title><![CDATA[从浏览器输入URL地址到最终页面渲染完成，发生了什么？]]></title><link>https://blog.youkuaiyun.com/dcfsdf43243/article/details/101574044</link><guid>https://blog.youkuaiyun.com/dcfsdf43243/article/details/101574044</guid><author>dcfsdf43243</author><pubDate>Sat, 10 Aug 2019 14:05:00 +0800</pubDate><description><![CDATA[1.DNS解析：将域名地址解析为IP地址；
2.TCP连接：TCP三次握手
-第一次握手，由浏览器发起，告诉服务器我要发送请求了；
-第二次握手，由服务器发起，告诉浏览器我准备接收了；
-第三次握手，有浏览器发起，告诉服务器，我即将发送；
3.发送请求；（请求报文）
4.接受响应；（响应报文）
5.渲染页面
-浏览器用响应的解析器解析HTML、CSS、JS文件
6断...]]></description><category></category></item><item><title><![CDATA[数组去重]]></title><link>https://blog.youkuaiyun.com/dcfsdf43243/article/details/101574041</link><guid>https://blog.youkuaiyun.com/dcfsdf43243/article/details/101574041</guid><author>dcfsdf43243</author><pubDate>Sat, 10 Aug 2019 13:48:00 +0800</pubDate><description><![CDATA[let arr = [1,1,2,2,3,3,3,5,6] //待去重的数组
let t = []
t[0] = arr[0]
for(let i = 0; i &lt; arr.length; i++){
    for(let k = 0; k &lt; t.length; k++){
        //当原数组中的值和新数组中的值相同时，没有必要继续比较，跳出内循环...]]></description><category></category></item><item><title><![CDATA[关于绝对定位和相对定位]]></title><link>https://blog.youkuaiyun.com/dcfsdf43243/article/details/101574036</link><guid>https://blog.youkuaiyun.com/dcfsdf43243/article/details/101574036</guid><author>dcfsdf43243</author><pubDate>Fri, 09 Aug 2019 15:25:00 +0800</pubDate><description><![CDATA[relative 相对定位：相对于本身的位置进行偏移。
absolute 绝对定位：相对于非static的祖先元素进行位置偏移，当这样的元素不存在，则相对于根级容器定位。
经验告诉我们：当一个元素使用relative定位而使位置发生改变时，其他的定位依赖于它的元素的位置不会改变，就好像这个元素没有改变位置一样。而当一个元素使用absolute根据父元素而位置发生改变时，位置受它影响的...]]></description><category></category></item><item><title><![CDATA[解决子元素的浮动导致的父元素高度坍塌的问题]]></title><link>https://blog.youkuaiyun.com/dcfsdf43243/article/details/101574048</link><guid>https://blog.youkuaiyun.com/dcfsdf43243/article/details/101574048</guid><author>dcfsdf43243</author><pubDate>Fri, 09 Aug 2019 14:23:00 +0800</pubDate><description><![CDATA[参考：https://blog.youkuaiyun.com/qq_42129063/article/details/80441069
当父元素中的子元素设置了float属性时，可认为子元素就跳出了父元素的束缚而位于新的一层，此时父元素内部没有元素，其高度就变为0。要解决这个问题，人为给父元素设置高度是不现实的，因为一般父元素的高度是由子元素决定的，为此我们可以从父子元素两个角度出发，用两种思路解...]]></description><category></category></item><item><title><![CDATA[为dom元素绑定js事件的三种方式]]></title><link>https://blog.youkuaiyun.com/dcfsdf43243/article/details/101574055</link><guid>https://blog.youkuaiyun.com/dcfsdf43243/article/details/101574055</guid><author>dcfsdf43243</author><pubDate>Fri, 09 Aug 2019 11:30:00 +0800</pubDate><description><![CDATA[1. 在html标签中直接绑定；
2. 在js中获取到相应的dom元素后绑定；
3. 在js中使用addEventListener（）实现绑定；
具体代码示例如下：

&lt;!-- 以下为给dom元素绑定js事件的三种方法 --&gt;

    &lt;!-- 1--html内直接绑定 --&gt;
    &lt;input type="button" id="bt...]]></description><category></category></item><item><title><![CDATA[取消行内块元素的默认边距]]></title><link>https://blog.youkuaiyun.com/dcfsdf43243/article/details/101574042</link><guid>https://blog.youkuaiyun.com/dcfsdf43243/article/details/101574042</guid><author>dcfsdf43243</author><pubDate>Thu, 08 Aug 2019 17:06:00 +0800</pubDate><description><![CDATA[行内块元素默认有边距，如：
...

.box{
　　display: inline-block;
　　width: 100px;
　　height: 100px;
　　background-color: aquamarine;
　　border: 5px solid black;
}
&lt;/style&gt;
&lt;/head&gt;
&lt;body&g...]]></description><category></category></item><item><title><![CDATA[css水平居中的几种方式]]></title><link>https://blog.youkuaiyun.com/dcfsdf43243/article/details/101574053</link><guid>https://blog.youkuaiyun.com/dcfsdf43243/article/details/101574053</guid><author>dcfsdf43243</author><pubDate>Thu, 08 Aug 2019 16:03:00 +0800</pubDate><description><![CDATA[1. 子元素为行内元素时，父元素使用text-align: center; 实现子元素的水平居中；
2. 子元素为块级元素时，
　　2.1. 将子元素设置 margin: 0 auto; 实现居中；
　　2.2. 将子元素设置display: inline-block，然后可使父元素使用text-align:center实现居中；
　　2.3. 根据父元素采用绝对定位，右移父...]]></description><category></category></item><item><title><![CDATA[浅谈Flex布局]]></title><link>https://blog.youkuaiyun.com/dcfsdf43243/article/details/101574040</link><guid>https://blog.youkuaiyun.com/dcfsdf43243/article/details/101574040</guid><author>dcfsdf43243</author><pubDate>Thu, 08 Aug 2019 15:41:00 +0800</pubDate><description><![CDATA[原文链接：https://juejin.im/post/5cce975ae51d456e8b07de03

何为Flex布局
传统的布局解决方案，是基于盒子模型，利用position + margin + float来完成；但这种布局方案对部分布局方式很不友好，比如水平垂直居中

Flex布局是W3C提供的一种新型布局解决方案，利用弹性盒子布局，可以做到响应式设计，更好的适配...]]></description><category></category></item><item><title><![CDATA[vue的生命周期函数]]></title><link>https://blog.youkuaiyun.com/dcfsdf43243/article/details/101574052</link><guid>https://blog.youkuaiyun.com/dcfsdf43243/article/details/101574052</guid><author>dcfsdf43243</author><pubDate>Thu, 08 Aug 2019 14:26:00 +0800</pubDate><description><![CDATA[实例创建阶段：
1. beforeCreated：表示刚刚初始化了一个空的Vue实例对象，此时，对象身上只有默认的一些什么周期函数和事件，其他的都还未创建。*此时data和methods中的数据还没有初始化。
2. created：在created中，data和methods都已被初始化好了，如果要对methods或data进行操作（包括发送数据请求等），最早在create...]]></description><category></category></item><item><title><![CDATA[vue---watch、computed和methods之间的区别]]></title><link>https://blog.youkuaiyun.com/dcfsdf43243/article/details/101574049</link><guid>https://blog.youkuaiyun.com/dcfsdf43243/article/details/101574049</guid><author>dcfsdf43243</author><pubDate>Thu, 08 Aug 2019 13:58:00 +0800</pubDate><description><![CDATA[let vm = new Vue({
　　el: "#app"
　　data: {
　　　　firstname: '',
　　　　lastname: '',
　　　　fullname: '',
　　},
　　methods: { //可用keyup动作绑定事件
　　　　getFullname () {
　　　　　　this.fullname = this.first...]]></description><category></category></item><item><title><![CDATA[rem适配]]></title><link>https://blog.youkuaiyun.com/dcfsdf43243/article/details/101574045</link><guid>https://blog.youkuaiyun.com/dcfsdf43243/article/details/101574045</guid><author>dcfsdf43243</author><pubDate>Wed, 07 Aug 2019 17:14:00 +0800</pubDate><description><![CDATA[在写移动端页面时，由于不同手机屏幕尺寸不一样，所以我们如果以px为单位，会造成我们的页面在不同的手机上展现地不一样，为此，我们使用rem来实现页面在不同屏幕上以相同的比例来展现的目的。
具体操作：
1.设置meta：
&lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
2.将HT...]]></description><category></category></item><item><title><![CDATA[js中数组的遍历方法]]></title><link>https://blog.youkuaiyun.com/dcfsdf43243/article/details/101574038</link><guid>https://blog.youkuaiyun.com/dcfsdf43243/article/details/101574038</guid><author>dcfsdf43243</author><pubDate>Wed, 07 Aug 2019 16:31:00 +0800</pubDate><description><![CDATA[具体有十几种之多，网上都可以找到，这里记录一些个人认为比较常用的
1.for
性能最好
2.foreach
foreach有三个参数：arr.foreach(（数组元素，索引值（可选），数组本身（可选））=&gt; { } ），无返回值。
3.for in 和 for of
工作中for in用的比较多，这两个还是有很大区别的
（1）for in遍历的是数组的索引（即键名...]]></description><category></category></item><item><title><![CDATA[post和get的区别]]></title><link>https://blog.youkuaiyun.com/dcfsdf43243/article/details/101574043</link><guid>https://blog.youkuaiyun.com/dcfsdf43243/article/details/101574043</guid><author>dcfsdf43243</author><pubDate>Wed, 07 Aug 2019 15:47:00 +0800</pubDate><description><![CDATA[1.如果请求不带参数，get请求和post请求，形式上是一样的，就是方法名不同；如果请求带参数，则get请求的参数是放在url中传递的，post请求的参数是放在body中传递的；
2.get重点在从服务器上获取资源，post重点在向服务器发送数据；
3.Get传输的数据量小，Post可以传输大量数据，所以上传文件时只能用Post方式；
***安全性方面两者其实是一样的，都不安全，因...]]></description><category></category></item></channel></rss>