<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[GCY的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/GanChuanYin</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; GanChuanYin]]></copyright><item><title><![CDATA[js moment.js 给定时间 获取自然月、周的时间轴]]></title><link>https://blog.youkuaiyun.com/GanChuanYin/article/details/119216467</link><guid>https://blog.youkuaiyun.com/GanChuanYin/article/details/119216467</guid><author>GanChuanYin</author><pubDate>Thu, 29 Jul 2021 18:59:51 +0800</pubDate><description><![CDATA[需求

要实现这个时间轴的自然周、自然月的选择功能，需要思考两个问题

处理给定时间的本周与本月时间的显示，如输入2021-07-29，最后一个月就是2021-07-01 -
2021-07-29，最后一周就是2021-07-26  -  2021-07-29
获取往前的自然月和周的第一天和最后一天（每周固定七天好处理，每月的天数不确定，需要特殊处理）

首先解决第一个问题
JS 给定时间 获取自然月、周的时间范围
处理周参数思路

new Date().getDay() 获取当前星期n,  然后时间戳减去]]></description><category></category></item><item><title><![CDATA[JS判断空对象最简单方式]]></title><link>https://blog.youkuaiyun.com/GanChuanYin/article/details/119011611</link><guid>https://blog.youkuaiyun.com/GanChuanYin/article/details/119011611</guid><author>GanChuanYin</author><pubDate>Thu, 22 Jul 2021 23:53:35 +0800</pubDate><description><![CDATA[function isNullObject(obj){
  return JSON.stringify(obj) === '{}'
}

console.log(isNullObject({name:123}))  // false
console.log(isNullObject({}))  // true


]]></description><category></category></item><item><title><![CDATA[JS判断数据类型最稳定方法]]></title><link>https://blog.youkuaiyun.com/GanChuanYin/article/details/119011575</link><guid>https://blog.youkuaiyun.com/GanChuanYin/article/details/119011575</guid><author>GanChuanYin</author><pubDate>Thu, 22 Jul 2021 23:52:02 +0800</pubDate><description><![CDATA[JS判断数据类型最稳定方法
function whatType(input) {
  let typeStr = Object.prototype.toString.call(input).match(/\[object\s(.*?)\]/)
  return typeStr &amp;&amp; typeStr[1]
}

console.log(whatType(123))            // Number
console.log(whatType('abc'))          // Str]]></description><category></category></item><item><title><![CDATA[Vue性能优化]]></title><link>https://blog.youkuaiyun.com/GanChuanYin/article/details/118817633</link><guid>https://blog.youkuaiyun.com/GanChuanYin/article/details/118817633</guid><author>GanChuanYin</author><pubDate>Fri, 16 Jul 2021 19:31:23 +0800</pubDate><description><![CDATA[分享几个提升Vue性能的写法

1.监听对象的单个属性
场景：监听一个person对象，person对象的id发生变化，发起网络请求
一般写法：
watch: {
    // person的任意属性发生改变， 都会触发函数
    'person.id.': function () {
      do something ...
    },
    deep:true
  }

优化写法：
watch: {
    // 如果person的id属性发生改变，这个函数就会运行
    // person]]></description><category></category></item><item><title><![CDATA[Vue style标签scoped属性与deep选择器原理]]></title><link>https://blog.youkuaiyun.com/GanChuanYin/article/details/118148342</link><guid>https://blog.youkuaiyun.com/GanChuanYin/article/details/118148342</guid><author>GanChuanYin</author><pubDate>Wed, 23 Jun 2021 15:46:26 +0800</pubDate><description><![CDATA[123]]></description><category></category></item><item><title><![CDATA[JS atob btoa方法处理base64数据后转Blob类型实现文字转语音.mp3文件]]></title><link>https://blog.youkuaiyun.com/GanChuanYin/article/details/117994661</link><guid>https://blog.youkuaiyun.com/GanChuanYin/article/details/117994661</guid><author>GanChuanYin</author><pubDate>Thu, 17 Jun 2021 16:33:03 +0800</pubDate><description><![CDATA[前端js + google Text-to-Speech API 实现文字转mp3文件
使用由 Google 的 AI 技术提供支持的 API 将文字转换为自然而逼真的语音。
地址Google Text-to-Speech官网
Tip：官网可以在线体验文字转语音，切换语言、男女声、语音速度等功能（详情见下图） 访问需要fq
官网API详情截图

查阅google开发者文档发现 Text-to-Speech API 返回的是base64编码的JSON和txt文本文件

Text-to-Speech API k]]></description><category></category></item><item><title><![CDATA[VSCode图片预览插件 Image preview]]></title><link>https://blog.youkuaiyun.com/GanChuanYin/article/details/117536429</link><guid>https://blog.youkuaiyun.com/GanChuanYin/article/details/117536429</guid><author>GanChuanYin</author><pubDate>Fri, 04 Jun 2021 00:46:08 +0800</pubDate><description><![CDATA[VSCode前端开发图片预览插件 Image preview
先上效果图

不仅html中可以预览 js代码里的引用也可以识别

功能

安装步骤

插件市场搜索 Image preview
点击安装
设置

????下面是一些默认设置
// The default color to be used in svg previews
  "gutterpreview.currentColorForSVG": "white",  // svg预览中使用的默认颜色

  // A flag which indic]]></description><category></category></item><item><title><![CDATA[Leaflet 改变坐标原点]]></title><link>https://blog.youkuaiyun.com/GanChuanYin/article/details/117411960</link><guid>https://blog.youkuaiyun.com/GanChuanYin/article/details/117411960</guid><author>GanChuanYin</author><pubDate>Mon, 31 May 2021 11:45:17 +0800</pubDate><description><![CDATA[Leaflet  L.CRS.Simple模式下改变坐标原点
地图初始化后 添加地图点击事件, 观察坐标原点位置
this.map.on('click', workingLayer =&gt; {
	let cordinate = workingLayer.latlng
	this.testCor = cordinate
	console.log('cordinate', cordinate)
})

在L.CRS.Simple地图简单模式下  坐标的原点(0 , 0) 在左下角

由于业务需求, 需要将坐]]></description><category></category></item></channel></rss>