<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[RonHsu的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/RonHsu</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; RonHsu]]></copyright><item><title><![CDATA[Vue2.0 和 Vue3.0 双向数据绑定原理]]></title><link>https://blog.youkuaiyun.com/RonHsu/article/details/119045365</link><guid>https://blog.youkuaiyun.com/RonHsu/article/details/119045365</guid><author>RonHsu</author><pubDate>Fri, 23 Jul 2021 22:15:15 +0800</pubDate><description><![CDATA[示例1：Vue2.0 通过Object.defineProperty 实现双向数据绑定原理


&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;

&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;
    &lt;meta name="viewport" content="width=device-.]]></description><category></category></item><item><title><![CDATA[vue的keep-alive组件清除缓存]]></title><link>https://blog.youkuaiyun.com/RonHsu/article/details/119003627</link><guid>https://blog.youkuaiyun.com/RonHsu/article/details/119003627</guid><author>RonHsu</author><pubDate>Thu, 22 Jul 2021 17:17:38 +0800</pubDate><description><![CDATA[原创地址：https://blog.youkuaiyun.com/qq_15964039/article/details/104008770

场景是，从列表跳转到详情页，再次返回列表页时要记住之前列表页的页码、搜索关键词等，采用keepa-live缓存组件。 在路由文件配置meta.keepAlive:

文件路径： router/index.js


  {
    path: '/List',
    name: 'list',
    meta: { keepAlive: true }, // 添加路由元信息。]]></description><category></category></item><item><title><![CDATA[【H5 移动端播放 m3u8格式视频】应用场景：海康视频监控，rtmp 格式后台转成 m3u8 后使用]]></title><link>https://blog.youkuaiyun.com/RonHsu/article/details/118976821</link><guid>https://blog.youkuaiyun.com/RonHsu/article/details/118976821</guid><author>RonHsu</author><pubDate>Wed, 21 Jul 2021 21:34:16 +0800</pubDate><description><![CDATA[方案1：vue-video-player

NPM : npm install vue-video-player --save

代码如下：


import Vue from 'vue'
import App from './App.vue'


import VueVideoPlayer from 'vue-video-player'

// require videojs style
import 'video.js/dist/video-js.css'
import 'vue-video-pla..]]></description><category></category></item><item><title><![CDATA[【Vue filter】格式化时间 moment .js]]></title><link>https://blog.youkuaiyun.com/RonHsu/article/details/107351027</link><guid>https://blog.youkuaiyun.com/RonHsu/article/details/107351027</guid><author>RonHsu</author><pubDate>Wed, 15 Jul 2020 00:33:59 +0800</pubDate><description><![CDATA[Vue filter 格式化时间 moment .js和 day.js

首先在vue项目中安装 npm install moment --save
	定义时间格式化全局过滤器
	只需要在需要格式化时间的地方使用插值表达式就OK了
	备注：day.js 跟 moment.js 用法相似，文件大小会小很多 。https://day.js.org/docs/zh-CN/installation/installation
main.js




import moment from 'moment'
Vue.f.]]></description><category></category></item><item><title><![CDATA[【JS 】图片预览多选]]></title><link>https://blog.youkuaiyun.com/RonHsu/article/details/107350661</link><guid>https://blog.youkuaiyun.com/RonHsu/article/details/107350661</guid><author>RonHsu</author><pubDate>Tue, 14 Jul 2020 23:57:16 +0800</pubDate><description><![CDATA[JS 图片多选预览


	理解：获取files数组中的对象，通过 newFileReader()，onload 方法 获取 base64 图片 ，将图片追加到 class为‘preview’ 的div中。
	
HTML




&lt;input type="file" class="upload" onchange="handleFiles(this.files)" multiple&gt;
&lt;div class="preview"&gt;&lt;/div&gt;

JS




&lt;scri.]]></description><category></category></item><item><title><![CDATA[【Vue】 vm.$attrs & 禁用特性]]></title><link>https://blog.youkuaiyun.com/RonHsu/article/details/107329315</link><guid>https://blog.youkuaiyun.com/RonHsu/article/details/107329315</guid><author>RonHsu</author><pubDate>Tue, 14 Jul 2020 01:11:21 +0800</pubDate><description><![CDATA[Vue vm.$attrs &amp; 禁用特性


	理解：父组件基本属性 （ 例如 :placeholder="placeValue" ）传递给子组件，子组件无需定义 prop ，可以绑定 "$attrs" 进行继承。
	
app.vue




&lt;template&gt;
    &lt;attr name="myinput" :placeholder="placeValue"/&gt;
&lt;/template&gt;
&lt;script&gt;
export default {
    ]]></description><category></category></item><item><title><![CDATA[【Vue】 vm.$listeners 使用]]></title><link>https://blog.youkuaiyun.com/RonHsu/article/details/107329062</link><guid>https://blog.youkuaiyun.com/RonHsu/article/details/107329062</guid><author>RonHsu</author><pubDate>Tue, 14 Jul 2020 00:36:00 +0800</pubDate><description><![CDATA[Vue vm.$listeners 使用


	理解: vm.$listeners 包含了父作用域中的 (不含.native修饰器的)v-on事件监听器。它可以通过v-on="$listeners"传入内部组件。
	
app.vue




&lt;listeners @input="fn" @blur="blurfn" /&gt;

listeners .vue


&lt;template&gt;
    &lt;!-- &lt;div&gt;
            &lt;input 
...]]></description><category></category></item><item><title><![CDATA[【VueX】页面刷新数据同步保存本地]]></title><link>https://blog.youkuaiyun.com/RonHsu/article/details/107328034</link><guid>https://blog.youkuaiyun.com/RonHsu/article/details/107328034</guid><author>RonHsu</author><pubDate>Mon, 13 Jul 2020 23:42:53 +0800</pubDate><description><![CDATA[VueX 页面刷新数据同步




	理解：页面刷新，VueX 数据保存到本地，渲染时重新获取本地数据。
	
	
	使用：在某组件中添加如下钩子函数。比如 App.vue中
	

created() {
    //在页面加载时读取localStorage里的状态信息
    if (sessionStorage.getItem("store") ) {
        this.$store.replaceState(Object.assign({}, 
        this.$store.stat.]]></description><category></category></item><item><title><![CDATA[【JS】  数组转对象和对象转数组]]></title><link>https://blog.youkuaiyun.com/RonHsu/article/details/106888942</link><guid>https://blog.youkuaiyun.com/RonHsu/article/details/106888942</guid><author>RonHsu</author><pubDate>Sun, 21 Jun 2020 18:11:40 +0800</pubDate><description><![CDATA[&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
    &lt;title&gt;Document&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
    &lt;script&g.]]></description><category></category></item><item><title><![CDATA[【Vue】 自定义组件的 v-model 的理解]]></title><link>https://blog.youkuaiyun.com/RonHsu/article/details/105905433</link><guid>https://blog.youkuaiyun.com/RonHsu/article/details/105905433</guid><author>RonHsu</author><pubDate>Sun, 03 May 2020 16:51:42 +0800</pubDate><description><![CDATA[app.vue


&lt;template&gt;
  &lt;div class="app"&gt;
    &lt;div&gt;我是app.vue文件&lt;/div&gt;
    &lt;p&gt;
      我是父组件：
      &lt;input type="text" v-model="msg" /&gt;
    &lt;/p&gt;
    &lt;br /&gt;
 ...]]></description><category></category></item><item><title><![CDATA[【UNI-APP】开发微信公众号（H5）JSSDK调式]]></title><link>https://blog.youkuaiyun.com/RonHsu/article/details/105403448</link><guid>https://blog.youkuaiyun.com/RonHsu/article/details/105403448</guid><author>RonHsu</author><pubDate>Thu, 09 Apr 2020 20:09:41 +0800</pubDate><description><![CDATA[// #ifdef H5
			uni.request({
				url: 'https://fbyc.microchainsoft.cn/index/wechat/getSignPackage', //仅为示例，并非真实接口地址。
				method: 'GET',
				header: {
					'custom-header': 'hello' //自定义请求头信息
				},
...]]></description><category></category></item><item><title><![CDATA[【FullCalendar】 日程24小时设置  日历中文设置  显示结束时间]]></title><link>https://blog.youkuaiyun.com/RonHsu/article/details/103821477</link><guid>https://blog.youkuaiyun.com/RonHsu/article/details/103821477</guid><author>RonHsu</author><pubDate>Fri, 03 Jan 2020 15:42:31 +0800</pubDate><description><![CDATA[locale:'zh-cn',//中文设置

displayEventEnd:true,//所有视图显示结束时间

eventTimeFormat:{//like'14:30:00'

hour:'2-digit',

minute:'2-digit',

second:'2-digit',

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