<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[edison lee的博客]]></title><description><![CDATA[我是天才]]></description><link>https://blog.youkuaiyun.com/edc666</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; edc666]]></copyright><item><title><![CDATA[css每日学一点]]></title><link>https://blog.youkuaiyun.com/edc666/article/details/104749645</link><guid>https://blog.youkuaiyun.com/edc666/article/details/104749645</guid><author>edc666</author><pubDate>Mon, 09 Mar 2020 12:09:48 +0800</pubDate><description><![CDATA[min-height
设置段落的最小高度
content
与 :before 及 :after 伪元素配合使用，来插入生成内容。
:after
用来在元素后面追加生成一个内容
background-clip
规定背景的绘制区域
background-size
规定背景图像的尺寸
clip-path
剪裁的样式
animation
animation-direction
@keyframes sw...]]></description><category></category></item><item><title><![CDATA[自定义指令的学习]]></title><link>https://blog.youkuaiyun.com/edc666/article/details/104693057</link><guid>https://blog.youkuaiyun.com/edc666/article/details/104693057</guid><author>edc666</author><pubDate>Sun, 08 Mar 2020 13:07:02 +0800</pubDate><description><![CDATA[说来惭愧，vue的项目都做出来了一个，居然今天才知道自定义指令。呜呜呜。但是自我感觉也没有很大必要，毕竟现在JS是万能的哈哈哈哈

两种定义方式
全局
// 注册一个全局自定义指令 `v-focus`
Vue.directive('focus', {
  // 当被绑定的元素插入到 DOM 中时……
  inserted: function (el) {
    // 聚焦元素
    el.f...]]></description><category></category></item><item><title><![CDATA[v-show与v-if的困惑]]></title><link>https://blog.youkuaiyun.com/edc666/article/details/104692402</link><guid>https://blog.youkuaiyun.com/edc666/article/details/104692402</guid><author>edc666</author><pubDate>Fri, 06 Mar 2020 11:47:30 +0800</pubDate><description><![CDATA[有一个小demo，就是点击父组件然后控制子组件的显示。但是发现用v-if和v-show都可以实现。那么这两玩意区别在哪儿呢？

机智如我，打开控制台发现了一点端倪
先看v-show。看不懂？h1使用了v-html引入了msg1模板，所以能显示span。那么style哪儿来的？想都不用想，是v-show创造的。那么逻辑是什么呢？就是通过控制display来控制显示与否
&lt;h1 data-v-...]]></description><category></category></item><item><title><![CDATA[对模板字符串语法的深入理解（基于vue2.6 cli4）]]></title><link>https://blog.youkuaiyun.com/edc666/article/details/104691532</link><guid>https://blog.youkuaiyun.com/edc666/article/details/104691532</guid><author>edc666</author><pubDate>Fri, 06 Mar 2020 11:13:50 +0800</pubDate><description><![CDATA[昨天在B站看完了一点vue的基础。今天在重新复习一下

关于props的传递
首先来看一下HelloWorld组件。
    &lt;!-- 这里的msg是通过父组件Home传递过来的 --&gt;
    &lt;h1&gt;{{ msg }}&lt;/h1&gt;

那么，这个msg是从哪儿来的呢？别急往下看
  props: {
    msg: String
  },

看到props就...]]></description><category></category></item><item><title><![CDATA[vue-router看这一篇就够了]]></title><link>https://blog.youkuaiyun.com/edc666/article/details/104662355</link><guid>https://blog.youkuaiyun.com/edc666/article/details/104662355</guid><author>edc666</author><pubDate>Thu, 05 Mar 2020 19:06:52 +0800</pubDate><description><![CDATA[vue-router是vue的核心插件之一，要好好理解牢记

前端路由的概念

路由其实分两种，一种前端路由，一种是后端路由。先谈谈后端，在我做的koa2中，没有使用任何前端框架，只是用了ejs模板。所有的页面跳转都是后端完成的，这就带来一个问题，频繁的后端渲染实际对性能有损害。所以前端路由就出现了，在vue中，页面的跳转都是又前端完成的，后端只在第一页面刷新时使用。所以后端路由的本质就是浏览器...]]></description><category></category></item><item><title><![CDATA[axios的学习]]></title><link>https://blog.youkuaiyun.com/edc666/article/details/104660677</link><guid>https://blog.youkuaiyun.com/edc666/article/details/104660677</guid><author>edc666</author><pubDate>Wed, 04 Mar 2020 20:25:55 +0800</pubDate><description><![CDATA[在vue中调用接口时会使用axios，并且这也是vue官方推荐的。

axios的简单使用
axios.get("api/index.json")
	.then(res=&gt;{
		//这里的data时固定的，用来获取后端响应的数据
		//res返回的是一个对象，而真实的数据都在data属性里
		console.log(res.data)		
	})


看了在代码中如何应用后，再看看官...]]></description><category></category></item><item><title><![CDATA[fetch的学习]]></title><link>https://blog.youkuaiyun.com/edc666/article/details/104657764</link><guid>https://blog.youkuaiyun.com/edc666/article/details/104657764</guid><author>edc666</author><pubDate>Wed, 04 Mar 2020 18:23:29 +0800</pubDate><description><![CDATA[fetch和ajax很像，但是推荐使用fetch去代替ajax。

简单的使用
可以发现，fetch调用接口使用的是promise。有一点需要注意，text()是fetch的一个api，返回一个promise对象，所以才能在后面继续then
fetch("api/index.json").then(data=&gt;data.text()).then(ret=&gt;console.log(re...]]></description><category></category></item><item><title><![CDATA[vue之数组更新检测]]></title><link>https://blog.youkuaiyun.com/edc666/article/details/104655895</link><guid>https://blog.youkuaiyun.com/edc666/article/details/104655895</guid><author>edc666</author><pubDate>Wed, 04 Mar 2020 16:56:19 +0800</pubDate><description><![CDATA[首先得明白，JS操作数组有一些是改变原数组的，有一些则是生成一个新数组。那么vue又是响应式的，所以就会想是不是操作数组就可以改变视图。

以下参考官方文档
数组更新检测
变异方法

顾名思义，变异的单词为mutation，也有改变之意，即会修改原数组，但不会返回新的。有以下方法


push()
pop()
shift()
unshift()
splice()
sort()
reverse()...]]></description><category></category></item><item><title><![CDATA[使用vue过滤器]]></title><link>https://blog.youkuaiyun.com/edc666/article/details/104649433</link><guid>https://blog.youkuaiyun.com/edc666/article/details/104649433</guid><author>edc666</author><pubDate>Wed, 04 Mar 2020 11:51:29 +0800</pubDate><description><![CDATA[首先得知道过滤器是干嘛用的。比如说自来水从水厂到家，肯定是经过了多重的过滤才能被使用。那么vue过滤器也是如此。

用一张图来生动表示一下

过滤器的使用方法
&lt;!-- 在双花括号中 --&gt;
{{ message | capitalize }}

&lt;!-- 在 `v-bind` 中 --&gt;
&lt;div v-bind:id="rawId | formatId"&gt;&...]]></description><category></category></item><item><title><![CDATA[三七互娱笔试题]]></title><link>https://blog.youkuaiyun.com/edc666/article/details/104648235</link><guid>https://blog.youkuaiyun.com/edc666/article/details/104648235</guid><author>edc666</author><pubDate>Wed, 04 Mar 2020 10:23:09 +0800</pubDate><description><![CDATA[明天下午就要参加三七互娱的前端笔试了，但是心里没底，没有做过题，所以今天恶补一下。一下题目均为三七互娱前端题


一、用js写出一个冒泡排序算法。


看到这个题我是懵的，因为冒泡排序我已经忘了具体是啥了。
知识点：冒泡排序算法


首先解释一下冒泡排序算法：好比有一个水缸，现在有 N 个水泡在里面，并且杂乱无章的竖直排列。然后因为自然规律，水泡大的会先浮出来。所以算法来了，就是从水缸底部开始依...]]></description><category></category></item><item><title><![CDATA[金山办公2020校招前端开发工程师笔试题]]></title><link>https://blog.youkuaiyun.com/edc666/article/details/104641402</link><guid>https://blog.youkuaiyun.com/edc666/article/details/104641402</guid><author>edc666</author><pubDate>Tue, 03 Mar 2020 21:08:18 +0800</pubDate><description><![CDATA[每天看看面试题，巩固知识，冲鸭


一 、写出如下代码的执行结果

考察了 promise，以及任务处理顺序。promise值得单写一篇文章，这里不过多赘述。

new Promise((resolve) =&gt; {
	console.log('1')
	resolve()
	console.log('2')
}).then(() =&gt; {
	console.log('3')
})
s...]]></description><category></category></item><item><title><![CDATA[今天真正意义上做了一次笔试]]></title><link>https://blog.youkuaiyun.com/edc666/article/details/104670043</link><guid>https://blog.youkuaiyun.com/edc666/article/details/104670043</guid><author>edc666</author><pubDate>Tue, 03 Mar 2020 15:20:48 +0800</pubDate><description><![CDATA[三七互娱的线上笔试，20个选择，2个算法。算法凉凉，选择也是。找准不足继续努力吧，哎。


  

]]></description><category></category></item><item><title><![CDATA[金山办公2020校招前端开发工程师笔试题]]></title><link>https://blog.youkuaiyun.com/edc666/article/details/104670038</link><guid>https://blog.youkuaiyun.com/edc666/article/details/104670038</guid><author>edc666</author><pubDate>Tue, 03 Mar 2020 12:43:03 +0800</pubDate><description><![CDATA[每天看看面试题，巩固知识，冲鸭


一 、写出如下代码的执行结果

考察了 promise，以及任务处理顺序。promise值得单写一篇文章，这里不过多赘述。

new Promise((resolve) =&gt; {
    console.log('1')
    resolve()
    console.log('2')
}).then(() =&gt; {
    c...]]></description><category></category></item><item><title><![CDATA[三七互娱前端面试]]></title><link>https://blog.youkuaiyun.com/edc666/article/details/104670042</link><guid>https://blog.youkuaiyun.com/edc666/article/details/104670042</guid><author>edc666</author><pubDate>Mon, 02 Mar 2020 21:18:37 +0800</pubDate><description><![CDATA[明天下午就要参加三七互娱的前端笔试了，但是心里没底，没有做过题，所以今天恶补一下。一下题目均为三七互娱前端题


一、用js写出一个冒泡排序算法。


看到这个题我是懵的，因为冒泡排序我已经忘了具体是啥了。
知识点：冒泡排序算法


首先解释一下冒泡排序算法：好比有一个水缸，现在有 N 个水泡在里面，并且杂乱无章的竖直排列。然后因为自然规律，水泡大的会先浮出来。所以算法来了，就是...]]></description><category></category></item><item><title><![CDATA[异步组件实现按需加载]]></title><link>https://blog.youkuaiyun.com/edc666/article/details/104670035</link><guid>https://blog.youkuaiyun.com/edc666/article/details/104670035</guid><author>edc666</author><pubDate>Mon, 02 Mar 2020 15:39:56 +0800</pubDate><description><![CDATA[为什么要有这个东西呢，道理很简单，因为vue时单页应用，这回导致一个问题，就是第一次加载时会变得很慢，因为它在第一次加载时九八所有的页面就加载完了


假设有5个页面，那么第一就要加载5个页面，但是如果只想看第一个页面，那么其他4个页面时没有必要加载的，这样会浪费导致体验不行，影响性能。


所以，引入了按需加载，即访问那儿一个页面就加载哪儿一个






但是要注意，只有当j...]]></description><category></category></item><item><title><![CDATA[打包上线过程]]></title><link>https://blog.youkuaiyun.com/edc666/article/details/104670037</link><guid>https://blog.youkuaiyun.com/edc666/article/details/104670037</guid><author>edc666</author><pubDate>Mon, 02 Mar 2020 15:20:29 +0800</pubDate><description><![CDATA[使用@vue/cli自带的ui。打包完成后会在目录下生成一个dist文件夹，然后将dist文件移到服务器根目录即可，如果需要放在根目录下的一个文件夹里，则需要到vue.config.js中去修改assetsPublicPath即可

  

...]]></description><category></category></item><item><title><![CDATA[一部分手机不支持promise]]></title><link>https://blog.youkuaiyun.com/edc666/article/details/104670033</link><guid>https://blog.youkuaiyun.com/edc666/article/details/104670033</guid><author>edc666</author><pubDate>Mon, 02 Mar 2020 15:17:37 +0800</pubDate><description><![CDATA[使用babel-polyfill,安装完成之后直接引用即可
npm install babel-polyfill


  

]]></description><category></category></item><item><title><![CDATA[在手机端测试遇到的BUG]]></title><link>https://blog.youkuaiyun.com/edc666/article/details/104670036</link><guid>https://blog.youkuaiyun.com/edc666/article/details/104670036</guid><author>edc666</author><pubDate>Mon, 02 Mar 2020 14:58:38 +0800</pubDate><description><![CDATA[有一个功能是拖动侧边字母表，然后整个页面都一个自动滑动到所对应的字母表。在电脑上测试没有问题，但是用手机会遇到一个傻逼的bug，就是当我在拖动的时候，整个页面都会拖动，类似于平时用手机浏览微博等向下拉就会刷新时页面乡下拖一样的效果

怎么解决呢？加上整个 .prevent 即可
@touchstart.prevent="handleTouchStart"


同时还引出了一个知识...]]></description><category></category></item><item><title><![CDATA[递归组件的使用]]></title><link>https://blog.youkuaiyun.com/edc666/article/details/104670034</link><guid>https://blog.youkuaiyun.com/edc666/article/details/104670034</guid><author>edc666</author><pubDate>Mon, 02 Mar 2020 11:52:49 +0800</pubDate><description><![CDATA[假设有这样一个数据,可以发现是一个嵌套的数据关系，在id为0的数据中还包含了二级数据，如果要使用的话就可以使用递归组件。









在此之前，我都以为组件的名字只是用来在父组件中使用的，但是还有一个大用处，就是自身去调用自身！牛逼了


但是有一点很奇怪，组件使用了DetailList的名子，但是在使用自己使用自己是总是报错该组件未被注册，后来就换了一个组件名，改成了li...]]></description><category></category></item><item><title><![CDATA[全局事件的解绑]]></title><link>https://blog.youkuaiyun.com/edc666/article/details/104670065</link><guid>https://blog.youkuaiyun.com/edc666/article/details/104670065</guid><author>edc666</author><pubDate>Mon, 02 Mar 2020 09:25:32 +0800</pubDate><description><![CDATA[如果不进行解绑，那么就会在所有页面生效这个事件。因为他是绑定在window对象上的，所以相当于全局事件









  

]]></description><category></category></item></channel></rss>