<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[Lee_yuki]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/Lee_yuki</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; Lee_yuki]]></copyright><item><title><![CDATA[使用elementUI的select，当没有匹配的时候默认显示value值；]]></title><link>https://blog.youkuaiyun.com/Lee_yuki/article/details/120820823</link><guid>https://blog.youkuaiyun.com/Lee_yuki/article/details/120820823</guid><author>Lee_yuki</author><pubDate>Mon, 18 Oct 2021 10:10:39 +0800</pubDate><description><![CDATA[使用elementUI的select，当没有匹配的时候默认显示value值；
问题：多处页面用到了相同的选择，为避免多次请求接口，选项列表存到了localstrage中，对选项增删改时，更新localstrage。但是有些时候后端接口返回的value值，已经删除了，localstrage中无法匹配到对应的label，回显显示value值。
解决：在公用表单组件中，如果type为select，循环localstrage的数组，如果没有匹配到的，设置该表单值为空

```javascript
this.item]]></description><category></category></item><item><title><![CDATA[01学习React -- 新建项目]]></title><link>https://blog.youkuaiyun.com/Lee_yuki/article/details/117949093</link><guid>https://blog.youkuaiyun.com/Lee_yuki/article/details/117949093</guid><author>Lee_yuki</author><pubDate>Wed, 16 Jun 2021 10:12:42 +0800</pubDate><description><![CDATA[第一步：
npm install -g create-react-app；
第二步：
create-react-app react-cli-demo；
当执行到这里时报错了；
create-react-app不是内部或外部命令,也不是可运行的程序

“我的电脑”------“属性”------“高级系统设置”------“环境变量” -----“PATH” 增加node_global的路径，重启小黑窗就可以了。
走过一些弯路，有看到重设npm全局安装路径的，试了还是报这个错误。

...]]></description><category></category></item><item><title><![CDATA[学习openlayers - 01基本搭建]]></title><link>https://blog.youkuaiyun.com/Lee_yuki/article/details/117654068</link><guid>https://blog.youkuaiyun.com/Lee_yuki/article/details/117654068</guid><author>Lee_yuki</author><pubDate>Mon, 07 Jun 2021 15:15:28 +0800</pubDate><description><![CDATA[对于地图（Map）的渲染，必须由一个或者多个图层（Layers&amp;Sources）、一个地图（View）以及一个目标容器（DIV层实现）；
var map = new ol.Map({ // 实例化Map对象
    // view层主要控制用户与地图的最基本的交互，比如缩放、平移、设置中心点、地图显示级别
	view: new ol.View({
		center:[0,0], // 中心点
		zoom:1 // 级别
	}),
	layers:[
		new ol.layer.Tile({ //]]></description><category></category></item><item><title><![CDATA[简述一下Vue与微信小程序的区别？]]></title><link>https://blog.youkuaiyun.com/Lee_yuki/article/details/117651774</link><guid>https://blog.youkuaiyun.com/Lee_yuki/article/details/117651774</guid><author>Lee_yuki</author><pubDate>Mon, 07 Jun 2021 10:34:18 +0800</pubDate><description><![CDATA[一、生命周期函数不一样：
- 微信小程序为onLoad：页面加载，onShow：页面显示，onReady：页面初次渲染完成，onHide：页面隐藏，onUnload：页面卸载。
- Vue的钩子函数在跳转新页面时，钩子函数都会触发，但是小程序的钩子函数，页面不同的跳转方式，触发的钩子并不一样。beforecreate、created适合做网络请求、beforemout更新data、mouted、beforeupdate、updated、beforedestory、destroyed。
二、数据请求时间不一样]]></description><category></category></item><item><title><![CDATA[MVC和前端中的MVVM之间的区别]]></title><link>https://blog.youkuaiyun.com/Lee_yuki/article/details/114363083</link><guid>https://blog.youkuaiyun.com/Lee_yuki/article/details/114363083</guid><author>Lee_yuki</author><pubDate>Thu, 04 Mar 2021 10:54:06 +0800</pubDate><description><![CDATA[1.MVC是后端的分层开发概念；

M，Model层，处理数据的CRUD；V，View层，一般看作前端页面；C，Controller业务逻辑层（路由也是一部分，登录、注销等业务逻辑）；

2.MVVM是前端视图层的概念；

主要关注于视图层分离，也就是说：MVVM把前端的视图层分为了三部分，Model，VM（viewmodel），View；

ps：来自于听了B站某位大佬的教程


...]]></description><category></category></item><item><title><![CDATA[项目中的Oauth授权（授权码的方式）]]></title><link>https://blog.youkuaiyun.com/Lee_yuki/article/details/105641674</link><guid>https://blog.youkuaiyun.com/Lee_yuki/article/details/105641674</guid><author>Lee_yuki</author><pubDate>Tue, 21 Apr 2020 16:50:26 +0800</pubDate><description><![CDATA[第一步：客户端请求服务器auth接口
用户进入项目首页，客户端向服务器请求auth接口

]]></description><category></category></item><item><title><![CDATA[应届时前端开发面试总结]]></title><link>https://blog.youkuaiyun.com/Lee_yuki/article/details/93888061</link><guid>https://blog.youkuaiyun.com/Lee_yuki/article/details/93888061</guid><author>Lee_yuki</author><pubDate>Sun, 30 Jun 2019 13:00:53 +0800</pubDate><description><![CDATA[1.如何解决跨域问题
1你是怎么解决跨域问题的？

什么是跨域？
跨域是浏览器的同源策略引起的。是指页面所请求的url地址必须与浏览器的url地址处于同域上（域名、端口、协议相同）。这是为了防止某域名下的接口被其他不同域的网页非法调用，是浏览器对js施加的安全限制。
如何解决跨域问题？

①  jsonp
因为在html中script的src是不限制同源的。当链接的资源到达浏览器时，浏览器会根据他...]]></description><category></category></item><item><title><![CDATA[VUE的生命周期函数（钩子函数）]]></title><link>https://blog.youkuaiyun.com/Lee_yuki/article/details/90611539</link><guid>https://blog.youkuaiyun.com/Lee_yuki/article/details/90611539</guid><author>Lee_yuki</author><pubDate>Mon, 27 May 2019 20:47:47 +0800</pubDate><description><![CDATA[VUE的生命周期函数（钩子函数）
生命周期函数的优势

每个 Vue 实例在被创建时都要经过一系列的初始化过程。生命周期钩子的函数，给了用户在不同阶段添加自己的代码的机会。例如，如果要通过某些插件操作DOM节点，如想在页面渲染完后弹出广告窗。

① beforeCreate

beforeCreate：组件实例刚被创建，在组件属性计算之前,例如data属性（即不能使用属性、数据和方法）。
在这里去...]]></description><category></category></item><item><title><![CDATA[VUE过滤器（时间格式化）]]></title><link>https://blog.youkuaiyun.com/Lee_yuki/article/details/90490176</link><guid>https://blog.youkuaiyun.com/Lee_yuki/article/details/90490176</guid><author>Lee_yuki</author><pubDate>Thu, 23 May 2019 23:33:20 +0800</pubDate><description><![CDATA[VUE过滤器
&lt;div id='app'&gt;
	&lt;p&gt;{{bir|birTo_age}}&lt;/p&gt;
	&lt;p&gt;{{bir|birTo_age2}}&lt;/p&gt;
	&lt;p&gt;{{create_at|sinatime_userUI}}&lt;/p&gt;
&lt;/div&gt;
&lt;script&gt;
	//全局
	Vue.filter...]]></description><category></category></item><item><title><![CDATA[VUE的计算属性与监听属性]]></title><link>https://blog.youkuaiyun.com/Lee_yuki/article/details/90489749</link><guid>https://blog.youkuaiyun.com/Lee_yuki/article/details/90489749</guid><author>Lee_yuki</author><pubDate>Thu, 23 May 2019 23:21:02 +0800</pubDate><description><![CDATA[vue计算属性
methods与computed的区别

computed是属性调用，而methods是函数调用；
computed带有缓存功能，而methods不是；
我们可以使用 methods 来替代 computed，效果上两个都是一样的，但是 computed 是基于它的依赖缓存，只有相关依赖发生改变时才会重新取值。而使用 methods ，在重新渲染的时候，函数总会重新调用执行。
可以...]]></description><category></category></item><item><title><![CDATA[事件冒泡与事件捕获]]></title><link>https://blog.youkuaiyun.com/Lee_yuki/article/details/90487694</link><guid>https://blog.youkuaiyun.com/Lee_yuki/article/details/90487694</guid><author>Lee_yuki</author><pubDate>Thu, 23 May 2019 20:46:43 +0800</pubDate><description><![CDATA[事件冒泡与事件捕获

事件冒泡与事件捕获：与标签嵌套有关系（文档树），与实际视图的位置（呈现树）无关。假如标签是父子关系，而我们在设置css样式时，在界面用定位两者并没有重合部分，但是他们仍然因为是父子关系，存在事件冒泡与事件捕获。

事件捕获：事件从最不精确的对象开始触发，然后到最精确的对象。
事件冒泡：顶层对象是windows。事件按照从最特定的事件目标到最不特定的事件对象的顺序触发。如果事件...]]></description><category></category></item><item><title><![CDATA[常见的VUE事件修饰符]]></title><link>https://blog.youkuaiyun.com/Lee_yuki/article/details/90478873</link><guid>https://blog.youkuaiyun.com/Lee_yuki/article/details/90478873</guid><author>Lee_yuki</author><pubDate>Thu, 23 May 2019 13:34:45 +0800</pubDate><description><![CDATA[VUE事件修饰符
v-on的修饰符

@click.capture 与事件冒泡的方向相反。比如以前的事件是从子元素到父元素触发，而现在捕获阶段触发，则会从父元素到子元素。如同JS原生代码中addEventListener中的第三个参数设为true，即为捕获阶段触发。
@click.stop阻止事件冒泡
@click.prevent阻止默认事件，比如在（锚点、表单中）会自动跳转、提交事件。
@cli...]]></description><category></category></item><item><title><![CDATA[新浪微博如何申请API]]></title><link>https://blog.youkuaiyun.com/Lee_yuki/article/details/90451273</link><guid>https://blog.youkuaiyun.com/Lee_yuki/article/details/90451273</guid><author>Lee_yuki</author><pubDate>Wed, 22 May 2019 20:16:04 +0800</pubDate><description><![CDATA[第一步：进入新浪微博开放平台
https://open.weibo.com/

第二步：登录个人新浪账号并接入移动开发平台

第三步：创建新应用

第四步：点击基本信息并保存APP Key和App Secret之后会用到
	
第五步：点击高级信息，填回调页。直到这里前期准备工作就OK啦~

第六步：点击文档，并点击微博API，滑到图二视图


第七步：请求授权


拼接url，比如：https:/...]]></description><category></category></item><item><title><![CDATA[VUE中的v-for（参数顺序）]]></title><link>https://blog.youkuaiyun.com/Lee_yuki/article/details/90450683</link><guid>https://blog.youkuaiyun.com/Lee_yuki/article/details/90450683</guid><author>Lee_yuki</author><pubDate>Wed, 22 May 2019 19:44:28 +0800</pubDate><description><![CDATA[v-for

作用：v-for指令用于循环遍历显示一个数组或者对象 。

v-for嵌套
&lt;div id="app"&gt;
	&lt;div class="movie" v-for="obj in movies"&gt;
		&lt;p&gt;{{obj.name}}&lt;/p&gt;
		&lt;p&gt;{{obj.year}}&lt;/p&gt;
		&lt;p&gt;{{obj....]]></description><category></category></item><item><title><![CDATA[VUE中的v-model（对比单向数据绑定和双向数据绑定）]]></title><link>https://blog.youkuaiyun.com/Lee_yuki/article/details/90439425</link><guid>https://blog.youkuaiyun.com/Lee_yuki/article/details/90439425</guid><author>Lee_yuki</author><pubDate>Wed, 22 May 2019 10:46:13 +0800</pubDate><description><![CDATA[v-model

v-model指令用来在input、select、text、checkbox、radio等表单控件元素上创建双向数据绑定的。根据控件类型v-model自动选取正确的方法更新元素 。

    &lt;div id="app"&gt;
        账号：&lt;input type="text" name="userid1" id="userid1" :value="useri...]]></description><category></category></item><item><title><![CDATA[VUE全局组件、私有组件]]></title><link>https://blog.youkuaiyun.com/Lee_yuki/article/details/90438417</link><guid>https://blog.youkuaiyun.com/Lee_yuki/article/details/90438417</guid><author>Lee_yuki</author><pubDate>Wed, 22 May 2019 10:09:13 +0800</pubDate><description><![CDATA[vue组件

vue两大思想：数据驱动界面、组件思想

组件

必须在vm对象创建之前注册组件（全局）

 Vue.component("bts",{
	template:"&lt;div&gt;&lt;h1&gt;this.mytitle&lt;/h1&gt;&lt;p&gt;bts&lt;/p&gt;&lt;/div&gt;",
	data:function (){
	return {myti...]]></description><category></category></item></channel></rss>