<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[安可心]]></title><description><![CDATA[每天进步一点点]]></description><link>https://blog.youkuaiyun.com/Angie0101</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; Angie0101]]></copyright><item><title><![CDATA[加载中…动态显示loading效果]]></title><link>https://blog.youkuaiyun.com/Angie0101/article/details/133091781</link><guid>https://blog.youkuaiyun.com/Angie0101/article/details/133091781</guid><author>Angie0101</author><pubDate>Wed, 20 Sep 2023 18:08:42 +0800</pubDate><description><![CDATA[在动态加载页面内容时，经常会用到“加载中…”这几个字，基本上，后面那 3 个点都是静态的。静态的问题在于，如果网络不流畅，加载时间比较长，会给人假死的感觉，如果改成动态效果，用户就会耐心很多，体验也会提升很多。]]></description><category></category></item><item><title><![CDATA[CSS 相关专业术语]]></title><link>https://blog.youkuaiyun.com/Angie0101/article/details/133040904</link><guid>https://blog.youkuaiyun.com/Angie0101/article/details/133040904</guid><author>Angie0101</author><pubDate>Tue, 19 Sep 2023 18:45:05 +0800</pubDate><description><![CDATA[关系选择器：根据其他元素的关系选择元素的选择器，常见符号有空格、>、~、+等。指 CSS 中关键的英文单词，如 transparent，solid等。泛关键字：所有 CSS 属性都可以使用的关键字，如 inherit。伪类选择器：有一个英文冒号的选择器，如 :first-child。属性选择器：如 [title=“css-world”]{ }伪元素选择器：有两个英文冒号的选择器，如 ::before。相对字体长度单位，如 em、rem。相对视区长度单位，如 vh、vw。绝对长度：最常见的就是 px。]]></description><category></category></item><item><title><![CDATA[正确认识CSS]]></title><link>https://blog.youkuaiyun.com/Angie0101/article/details/133035184</link><guid>https://blog.youkuaiyun.com/Angie0101/article/details/133035184</guid><author>Angie0101</author><pubDate>Tue, 19 Sep 2023 17:42:46 +0800</pubDate><description><![CDATA[很多人的 CSS 水平，如博主本人，之所以停滞不前，是因为没有将所有的 CSS 当做一个整体，放在一个完整的世界中去看待。绝大多数传统编程语言，规则、方法等等表现的结果相对来说都是确定的，学习时能记住一个是一个，到手直接用就行，不用担心会出现让人莫名其妙的各种 “幺蛾子”。而CSS3 的设计初衷，是为了实现更丰富、更复杂的网页，所以基本和“流”关系不大。为了使 CSS 的展现更为丰富，流向是可以改变的，所以，常说的 “文档流从左往右自上而下” 这种说法并不严谨，一定要纠正过来。起初，CSS 的诞生就是。]]></description><category></category></item><item><title><![CDATA[element select下拉选项剔除已添加的选项]]></title><link>https://blog.youkuaiyun.com/Angie0101/article/details/116296000</link><guid>https://blog.youkuaiyun.com/Angie0101/article/details/116296000</guid><author>Angie0101</author><pubDate>Fri, 30 Apr 2021 11:55:12 +0800</pubDate><description><![CDATA[element select下拉选项剔除已添加的选项1.初步代码实现：缺陷：2.修复上一步的 bug缺陷：3.优化
项目中遇到个需求：
货权主体为下拉单选，点击“新增”可以添加多个货权主体，如下图：

要求每次新增一行后，下拉选项需要剔除列表中已添加过的选项，如下图：

1.初步代码实现：
思路：
循环货权主体列表，将已添加选项的 id（value） 组成一个数组，去跟下拉选项的初始数据作对比，筛选出未添加的选项生成新的下拉选项数组，赋值给 select 绑定的变量即可。这些逻辑可以写成一个公用方法。
然后]]></description><category></category></item><item><title><![CDATA[如何运行单个.vue文件]]></title><link>https://blog.youkuaiyun.com/Angie0101/article/details/115556216</link><guid>https://blog.youkuaiyun.com/Angie0101/article/details/115556216</guid><author>Angie0101</author><pubDate>Fri, 09 Apr 2021 18:00:14 +0800</pubDate><description><![CDATA[1.全局安装Vue
npm install -g @vue/cli

Mac 需要在前面加 sudo。
查看Vue版本：
vue -V

2.全局安装下面的扩展：
npm install -g @vue/cli-service-global

3.在本地新建一个Vue文件：
&lt;template&gt;
  &lt;h1&gt;Hello!我是安安&lt;/h1&gt;
&lt;/template&gt;

4.在这个 .vue 文件所在的目录下运行：
vue serve

5.在浏览器打开如下地址就可]]></description><category></category></item><item><title><![CDATA[vscode 打开文件不覆盖]]></title><link>https://blog.youkuaiyun.com/Angie0101/article/details/115461785</link><guid>https://blog.youkuaiyun.com/Angie0101/article/details/115461785</guid><author>Angie0101</author><pubDate>Tue, 06 Apr 2021 15:23:24 +0800</pubDate><description><![CDATA[vscode 打开文件不覆盖
两种方法：

双击文件名，即可不覆盖。因为 vscode 默认打开为预览模式，窗口的文件名为斜体。
首选项–设置–工作台&gt;编辑管理&gt;Enable Preview（默认为勾选），改为不勾选即可永久不覆盖。



...]]></description><category></category></item><item><title><![CDATA[Vue 父子组件生命周期执行顺序]]></title><link>https://blog.youkuaiyun.com/Angie0101/article/details/113525350</link><guid>https://blog.youkuaiyun.com/Angie0101/article/details/113525350</guid><author>Angie0101</author><pubDate>Mon, 01 Feb 2021 17:54:10 +0800</pubDate><description><![CDATA[目录

分析

挂载阶段
更新阶段
销毁阶段
总结


生命周期

1.分析
在父子组件中分别打印日志，可以得出以下执行顺序。
1.1.挂载阶段
该过程主要涉及 beforeCreate、created、beforeMount、mounted 4 个钩子函数。执行顺序为：
父beforeCreate -&gt; 父created -&gt; 父beforeMount -&gt; 子beforeCreate -&gt; 子created -&gt; 子beforeMount -&gt; 子mounted -&]]></description><category></category></item><item><title><![CDATA[vue 使用 echarts 报错：Cannot read property ‘init‘ of undefined“]]></title><link>https://blog.youkuaiyun.com/Angie0101/article/details/113368073</link><guid>https://blog.youkuaiyun.com/Angie0101/article/details/113368073</guid><author>Angie0101</author><pubDate>Fri, 29 Jan 2021 10:24:38 +0800</pubDate><description><![CDATA[我使用的 echarts 版本为：5.0.1。
我的项目文件 Report.vue 中是这样写的：
import echarts from 'echarts'

let myChart = echarts.init(document.getElementById('main'));
myChart.setOption(this.option)

检查过 document.getElementById('main') ，是有内容的。最后，下面两种解决方法我试过了，是都可以的：
1. import 引入代码修改]]></description><category></category></item><item><title><![CDATA[JS 异步执行顺序 -- 从一道面试题说起]]></title><link>https://blog.youkuaiyun.com/Angie0101/article/details/110246982</link><guid>https://blog.youkuaiyun.com/Angie0101/article/details/110246982</guid><author>Angie0101</author><pubDate>Sat, 28 Nov 2020 18:38:58 +0800</pubDate><description><![CDATA[这道题可以说是面试必考了，我在笔试中就遇到过好多次，你们应该都遇到过吧？。。以前拿到这道题时，我整个人都是懵的，看着代码就觉得又长又绕的，最后总是不能完全做对。


题目
解题步骤

思路
答案


总结

为什么需要异步
关于 Promise
JS 执行顺序【简单版】
JS 执行顺序【加上 Event Loop】
JS 执行顺序【加上微任务、宏任务】
微任务 &amp; 宏任务



1.【题目】请输出下面的执行结果：
	new Promise(resolve =&gt; {
		setTimeout(.]]></description><category></category></item><item><title><![CDATA[浏览器缓存总结篇]]></title><link>https://blog.youkuaiyun.com/Angie0101/article/details/109536874</link><guid>https://blog.youkuaiyun.com/Angie0101/article/details/109536874</guid><author>Angie0101</author><pubDate>Sat, 07 Nov 2020 12:25:47 +0800</pubDate><description><![CDATA[浏览器缓存策略大家一定不陌生，如果没有进行系统的归纳总结，可能三言两语说不清楚。这点我在面试中感触颇深，以前未经过深入理解时，只能说出几个概念或者回答得比较模糊，甚至说错，不管是哪种，都会显得自己的基础知识不扎实。


浏览器缓存介绍
浏览器缓存分类

强缓存
协商缓存


浏览器缓存原理


浏览器缓存介绍
浏览器缓存就是把一个请求过的资源（如图片、css、js等）储存在本地（内存或硬盘）。当下次发送请求时，如果是相同的 URL，浏览器会根据缓存机制决定是直接使用缓存资源，还是重新向服务器再次发送请求获.]]></description><category></category></item><item><title><![CDATA[谈谈 var、let、const 的区别]]></title><link>https://blog.youkuaiyun.com/Angie0101/article/details/109493272</link><guid>https://blog.youkuaiyun.com/Angie0101/article/details/109493272</guid><author>Angie0101</author><pubDate>Wed, 04 Nov 2020 20:47:01 +0800</pubDate><description><![CDATA[一道很基础的题，面试经常会被问道，曾经我以为自己掌握了，但回答了面试官后，面试官似乎不是很满意，猜测可能回答的不够完善和严谨，所以自己下去做了以下总结。

区别点

变量值
初始值
变量提升
重复声明
作用域
暂时性死区

解答

变量的值是否可以修改 

var 和 let 用于定义变量，变量值可以修改。
var a = 1
let b = 2
a = 11
b = 22
console.log(a, b) // 11 12

而 const 用于定义只读的常量。对于简单类型，一旦声明，值就不能改变；对.]]></description><category></category></item><item><title><![CDATA[优快云的第一篇博客]]></title><link>https://blog.youkuaiyun.com/Angie0101/article/details/51987695</link><guid>https://blog.youkuaiyun.com/Angie0101/article/details/51987695</guid><author>Angie0101</author><pubDate>Thu, 21 Jul 2016 22:31:31 +0800</pubDate><description><![CDATA[helloangie，第一篇博客]]></description><category></category></item></channel></rss>