<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[cnlovedudu的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/cnlovedudu</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; cnlovedudu]]></copyright><item><title><![CDATA[SPA(单页应用)首屏加载慢]]></title><link>https://blog.youkuaiyun.com/cnlovedudu/article/details/126298956</link><guid>https://blog.youkuaiyun.com/cnlovedudu/article/details/126298956</guid><author>cnlovedudu</author><pubDate>Fri, 12 Aug 2022 10:36:21 +0800</pubDate><description><![CDATA[首屏加载优化]]></description><category></category></item><item><title><![CDATA[首屏加载优化]]></title><link>https://blog.youkuaiyun.com/cnlovedudu/article/details/126266599</link><guid>https://blog.youkuaiyun.com/cnlovedudu/article/details/126266599</guid><author>cnlovedudu</author><pubDate>Thu, 11 Aug 2022 10:39:12 +0800</pubDate><description><![CDATA[首屏加载]]></description><category></category></item><item><title><![CDATA[提高图片加载速度]]></title><link>https://blog.youkuaiyun.com/cnlovedudu/article/details/126270972</link><guid>https://blog.youkuaiyun.com/cnlovedudu/article/details/126270972</guid><author>cnlovedudu</author><pubDate>Wed, 10 Aug 2022 17:31:18 +0800</pubDate><description><![CDATA[提高图片加载速度]]></description><category></category></item><item><title><![CDATA[输入是两个一维数组，输出是一个二维数组]]></title><link>https://blog.youkuaiyun.com/cnlovedudu/article/details/125675019</link><guid>https://blog.youkuaiyun.com/cnlovedudu/article/details/125675019</guid><author>cnlovedudu</author><pubDate>Fri, 08 Jul 2022 14:34:55 +0800</pubDate><description><![CDATA[输入两个一纬数组，输出一个二维数组]]></description><category></category></item><item><title><![CDATA[typescript入门]]></title><link>https://blog.youkuaiyun.com/cnlovedudu/article/details/120820890</link><guid>https://blog.youkuaiyun.com/cnlovedudu/article/details/120820890</guid><author>cnlovedudu</author><pubDate>Mon, 18 Oct 2021 09:57:23 +0800</pubDate><description><![CDATA[TypeScript入门文档什么是TypeScript官网定义TypeScript is a typed superset of JavaScript that compiles to plain JavaScript. Any browser. Any host. Any OS. Open source.翻译成中文TypeScript 是 JavaScript 的类型的超集，它可以编译成纯 JavaScript。编译出来的 JavaScript 可以运行在任何浏览器上。TypeScript 编译工具可以运]]></description><category></category></item><item><title><![CDATA[Electron+React electron-builder]]></title><link>https://blog.youkuaiyun.com/cnlovedudu/article/details/120508407</link><guid>https://blog.youkuaiyun.com/cnlovedudu/article/details/120508407</guid><author>cnlovedudu</author><pubDate>Mon, 27 Sep 2021 15:29:52 +0800</pubDate><description><![CDATA[1.创建一个react项目
2.在knownsec-fed 目录下安装 Electron 包
npm install -save electron

3.配置 main.js
// 引入electron并创建一个Browserwindow
const {app, BrowserWindow} = require('electron')
const path = require('path')
const url = require('url')

// 保持window对象的全局引用,避免JavaScrip]]></description><category></category></item><item><title><![CDATA[react新旧版本生命周期函数对比]]></title><link>https://blog.youkuaiyun.com/cnlovedudu/article/details/119599811</link><guid>https://blog.youkuaiyun.com/cnlovedudu/article/details/119599811</guid><author>cnlovedudu</author><pubDate>Wed, 11 Aug 2021 13:21:19 +0800</pubDate><description><![CDATA[react v16.3之前版本
			react v16.4开始的版本
		
			挂载

			当组件实例被创建并插入 DOM 中时，其生命周期调用顺序如下：
			
		constructor()
			componentWillMount() (即将过时)
			render()
			componentDidMount()
			constructor()
			static getDerivedStateFromProps() (新增)
			render()
			componentDidMou]]></description><category></category></item><item><title><![CDATA[微信推广链接]]></title><link>https://blog.youkuaiyun.com/cnlovedudu/article/details/118676026</link><guid>https://blog.youkuaiyun.com/cnlovedudu/article/details/118676026</guid><author>cnlovedudu</author><pubDate>Mon, 12 Jul 2021 15:30:51 +0800</pubDate><description><![CDATA[引入微信sdk
import wx from 'weixin-js-sdk'

获取微信签名
 created() {
    //获取微信签名
    self.getSignature();
  },
  methods: {
    /**
    * 获取签名
    */
    getSignature() {
      let self = this;
      //参数
      let postData = {
        "url": window.location.href.]]></description><category></category></item><item><title><![CDATA[vue2+less实现夜间模式]]></title><link>https://blog.youkuaiyun.com/cnlovedudu/article/details/118673711</link><guid>https://blog.youkuaiyun.com/cnlovedudu/article/details/118673711</guid><author>cnlovedudu</author><pubDate>Mon, 12 Jul 2021 14:45:14 +0800</pubDate><description><![CDATA[夜间模式vue2+less
项目中使用less预处理器
安装依赖：less、less-loader、style-resources-loader
实现步骤
1、建一个theme.less文件（定义通用变量）
//白天模式下色值
@opacity-light:100%;
@color-main-red-light: #D43C33;/* 品牌主色，用于导航栏，按钮，需要强调的文字等*/
@color-main-25-light: #252525;/* 品牌主色，用于工具栏背景等*/
...

//夜间模式下色]]></description><category></category></item><item><title><![CDATA[H5页面中基于vue.js使用video]]></title><link>https://blog.youkuaiyun.com/cnlovedudu/article/details/115456802</link><guid>https://blog.youkuaiyun.com/cnlovedudu/article/details/115456802</guid><author>cnlovedudu</author><pubDate>Tue, 06 Apr 2021 15:51:13 +0800</pubDate><description><![CDATA[**
H5页面中基于vue.js使用video
**
使用自定义按钮，不显示系统控件，通过开关按钮控制视频播放
如何布局就不说了，说一下遇到的问题
1、iOS端打开会自动全屏，退出全屏之后无法再次点击播放；
2、未开始播放视频显示为空；
3、播放结束停在结束位置，希望回到最初状态；


...]]></description><category></category></item><item><title><![CDATA[vue中使用双轴echarts，并设置渐变阴影]]></title><link>https://blog.youkuaiyun.com/cnlovedudu/article/details/101538730</link><guid>https://blog.youkuaiyun.com/cnlovedudu/article/details/101538730</guid><author>cnlovedudu</author><pubDate>Fri, 27 Sep 2019 15:38:33 +0800</pubDate><description><![CDATA[vue中使用双轴echarts，并设置渐变阴影。
效果如图：

话不多说直接上代码
&lt;template&gt;
  &lt;div :class="className" style="height:350px;width:100%;" /&gt;
&lt;/template&gt;

import echarts from 'echarts'

this.chart.setOption({
...]]></description><category></category></item><item><title><![CDATA[VUE element ui  el-date-picker daterange时间联动选择，限制时间跨度]]></title><link>https://blog.youkuaiyun.com/cnlovedudu/article/details/101451586</link><guid>https://blog.youkuaiyun.com/cnlovedudu/article/details/101451586</guid><author>cnlovedudu</author><pubDate>Thu, 26 Sep 2019 16:45:52 +0800</pubDate><description><![CDATA[VUE element ui  el-date-picker daterange时间联动选择，限制时间跨度
需求是只能查看两年前到今天，时间跨度不能超过90天
效果如图：
选择6月25号之后，往前推90天往后推90天都是灰色，选择框清空时可选范围从两年前到今天。

看element文档,没有过多说明,
核心就是利用onpick取到点击的时间,然后根据disabledDate动态的做一个限制
清空重...]]></description><category></category></item></channel></rss>