<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[qq_39650950的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/qq_39650950</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; qq_39650950]]></copyright><item><title><![CDATA[纯css3 地球轨迹图 球围着椭圆旋转]]></title><link>https://blog.youkuaiyun.com/qq_39650950/article/details/123736299</link><guid>https://blog.youkuaiyun.com/qq_39650950/article/details/123736299</guid><author>qq_39650950</author><pubDate>Fri, 25 Mar 2022 15:11:59 +0800</pubDate><description><![CDATA[&lt;div class="earth-wrap"&gt;
        &lt;div class="ring ring1"&gt;
          &lt;div class="circle circle1"&gt;&lt;/div&gt;
          &lt;div class="circle circle2"&gt;&lt;/div&gt;
          &lt;div class="circle circle3"&gt;&lt;/div&gt;
         ...]]></description><category></category></item><item><title><![CDATA[百度地图点聚合及弹框的自定义样式]]></title><link>https://blog.youkuaiyun.com/qq_39650950/article/details/118554442</link><guid>https://blog.youkuaiyun.com/qq_39650950/article/details/118554442</guid><author>qq_39650950</author><pubDate>Wed, 07 Jul 2021 18:34:54 +0800</pubDate><description><![CDATA[&lt;el-col :span="20" :xs="24"&gt;
        &lt;baidu-map
          class="map"
          :center="mapCenter"
          :zoom="mapZoom"
          :scroll-wheel-zoom="true"
        &gt;
          &lt;bm-scale anchor="BMAP_ANCHOR_BOTTOM_LEFT"&gt;&lt;/bm-scale]]></description><category></category></item><item><title><![CDATA[判断elementui table表格勾选的是是选中还是取消选中]]></title><link>https://blog.youkuaiyun.com/qq_39650950/article/details/118389842</link><guid>https://blog.youkuaiyun.com/qq_39650950/article/details/118389842</guid><author>qq_39650950</author><pubDate>Thu, 01 Jul 2021 16:35:49 +0800</pubDate><description><![CDATA[最近在用elementui table做列表的选择，需要知道勾选的是选中还是取消，查了很多方法总算找到了
&lt;el-table
    ref="multipleTable"
    :data="tableData"
    tooltip-effect="dark"
    style="width: 100%"
    @select='onSelect'    /*判断当前表格勾选的是选中的还是取消选中的 */
    @selection-change="handleSelectionChan]]></description><category></category></item><item><title><![CDATA[安装指定版本的vue-awesome-swiper]]></title><link>https://blog.youkuaiyun.com/qq_39650950/article/details/116663933</link><guid>https://blog.youkuaiyun.com/qq_39650950/article/details/116663933</guid><author>qq_39650950</author><pubDate>Tue, 11 May 2021 17:41:26 +0800</pubDate><description><![CDATA[坑是不同版本的swiper 引用css的路径不一样，自己去node_modules里查看，更改路径，之前用这个版本写的的时候官网写的还很清楚，这次又用发现文档不清楚了，所以就扒了之前写的代码的版本号
npm install swiper@5.2.0 --save-dev
npm install vue-awesome-swiper@4 --save-dev`
import { Swiper, SwiperSlide, directive } from "vue-awesome-swiper";
import]]></description><category></category></item><item><title><![CDATA[vue  使用canvas做选取并获取相对于图片的比例坐标点]]></title><link>https://blog.youkuaiyun.com/qq_39650950/article/details/116006633</link><guid>https://blog.youkuaiyun.com/qq_39650950/article/details/116006633</guid><author>qq_39650950</author><pubDate>Thu, 22 Apr 2021 11:33:22 +0800</pubDate><description><![CDATA[图片在canvas中自适应大小并居中。
通常图片大小与canvas的大小是不同的，分为以下几种情况
图片高或宽，超过canvas高或宽
图片高、宽，都超过canvas高宽；
图片高、宽都小于canvas高、宽
问题的本质其实是动态计算图片大小，并在canvas适合的位置画出图片，并能获取选取的坐标点
&lt;template&gt;
  &lt;div class="app-container"&gt;
    &lt;el-row :gutter="20"&gt;
      &lt;el-col :sp]]></description><category></category></item><item><title><![CDATA[vue coords动态赋值 图片热区随图片大小自由缩放]]></title><link>https://blog.youkuaiyun.com/qq_39650950/article/details/115911232</link><guid>https://blog.youkuaiyun.com/qq_39650950/article/details/115911232</guid><author>qq_39650950</author><pubDate>Tue, 20 Apr 2021 16:15:52 +0800</pubDate><description><![CDATA[网上很多人写了例子，一直看不懂那个比例
&lt;img id="pic" src="pic.jpg" alt="" usemap="#Map" width="1920" height="1080" /&gt;

&lt;area shape="rect" coords="338,308,609,589" href="/" class="box" target="_blank" onfocus= "this.blur() " &gt;
var x1 = parseInt(picw*0.1820);
var y]]></description><category></category></item><item><title><![CDATA[vue通过权限控制tab标签的显示和隐藏]]></title><link>https://blog.youkuaiyun.com/qq_39650950/article/details/115764971</link><guid>https://blog.youkuaiyun.com/qq_39650950/article/details/115764971</guid><author>qq_39650950</author><pubDate>Fri, 16 Apr 2021 16:11:22 +0800</pubDate><description><![CDATA[在某些情况下，它是不适合使用v-hasPermi，如元素标签组件，只能通过手动设置v-if。 可以使用全局权限判断函数，用法和指令 v-hasPermi 类似。
自定义的v-hasPermi指令，无法控制标签，测试页面按钮可以正常控制
&lt;template&gt;
  &lt;el-tabs&gt;
    &lt;el-tab-pane v-if="checkPermi(['system:user:add'])" label="用户管理" name="user"&gt;用户管理&lt;/el-tab-]]></description><category></category></item><item><title><![CDATA[vue-cli4 IE浏览器打开空白]]></title><link>https://blog.youkuaiyun.com/qq_39650950/article/details/113866203</link><guid>https://blog.youkuaiyun.com/qq_39650950/article/details/113866203</guid><author>qq_39650950</author><pubDate>Fri, 19 Feb 2021 16:03:49 +0800</pubDate><description><![CDATA[1、首先安装babel-polyfill
npm install --save @babel/polyfill

2、main.js中引入,记得要放最上方
import 'babel-polyfill'

3、vue.config.js中配置
module.exports = {
  transpileDependencies: process.env.NODE_ENV === "development" ? ["*"] : [],
  publicPath: "./",
  configureWebpac]]></description><category></category></item><item><title><![CDATA[vue 分页组件]]></title><link>https://blog.youkuaiyun.com/qq_39650950/article/details/113548866</link><guid>https://blog.youkuaiyun.com/qq_39650950/article/details/113548866</guid><author>qq_39650950</author><pubDate>Tue, 02 Feb 2021 12:16:52 +0800</pubDate><description><![CDATA[在这里插入代码片
//pagination.vue


  
    共 {{ totalCount }} 条
    
      

//父组件
import MyPagination from “@/components/pagination/pagination”
export default {
name: “”,
components: {
MyPagination
},
data() {
return {
list: [],
curPage:1,
curSize:8,
pageTotal:0
]]></description><category></category></item><item><title><![CDATA[uniapp 移动端 聊天框 获取聊天历史记录]]></title><link>https://blog.youkuaiyun.com/qq_39650950/article/details/109027637</link><guid>https://blog.youkuaiyun.com/qq_39650950/article/details/109027637</guid><author>qq_39650950</author><pubDate>Mon, 12 Oct 2020 14:56:18 +0800</pubDate><description><![CDATA[做一个类似淘宝客服聊天框的功能在这里插入代码片
&lt;template&gt;
	&lt;view class="content"&gt;
		&lt;view class="cul-wrapper"&gt;
			&lt;view v-if="isOver" class="msg-over"&gt;没有更多消息了&lt;/view&gt;
			&lt;block v-for="(item,index) in hisMsgs" :key="item.id"&gt;
				&lt;view :class]]></description><category></category></item><item><title><![CDATA[uniapp 根据后台返回数据，循环展示echarts]]></title><link>https://blog.youkuaiyun.com/qq_39650950/article/details/108799681</link><guid>https://blog.youkuaiyun.com/qq_39650950/article/details/108799681</guid><author>qq_39650950</author><pubDate>Fri, 25 Sep 2020 16:44:29 +0800</pubDate><description><![CDATA[备注：开始用了Ucharts --样式还可以，但是根据业务需要根据不同选择时间返回的数据条数不定，需要加横向滚动条，Ucharts加完后，页面Ucharts区块不能竖向滚动了，加了Ucharts群，也没解决竖向滚动问题，过段放弃Ucharts，开始了echarts的进坑之旅。
采用的是echarts-renderjs 插件
取模计算的方式来定义需要显示哪个echarts,拼装optionArr数组。
如果把echartsoption定义在data里，会导致Id重复，只能渲染最后四个
&lt;uni-coll]]></description><category></category></item><item><title><![CDATA[Ucharts-y轴个性化配置]]></title><link>https://blog.youkuaiyun.com/qq_39650950/article/details/108670248</link><guid>https://blog.youkuaiyun.com/qq_39650950/article/details/108670248</guid><author>qq_39650950</author><pubDate>Fri, 18 Sep 2020 17:50:49 +0800</pubDate><description><![CDATA[由于echarts在uniapp的只用中存在多端适配的问题，比较麻烦，所以查看了ucharts的文档，觉得例子有点少，比如配置y轴的自定义颜色，一直配置不对，看了文档是在yAxis.axisLine.data中配置y轴颜色。
yAxis: {
axisLine: true, //坐标轴轴线是否显示
	axisLineColor: 'red', //坐标轴轴线颜色
	gridType:'dash',
	gridColor:'#CCCCCC',
	dashLength:10,
	splitNumber:5,
	]]></description><category></category></item><item><title><![CDATA[echarts四川省地图+物质流+个性化标注]]></title><link>https://blog.youkuaiyun.com/qq_39650950/article/details/108382704</link><guid>https://blog.youkuaiyun.com/qq_39650950/article/details/108382704</guid><author>qq_39650950</author><pubDate>Thu, 03 Sep 2020 14:55:50 +0800</pubDate><description><![CDATA[var uploadedDataURL = “/asset/get/s/data-1528971808162-BkOXf61WX.json”;
/**
此版本通过设置geoindex &amp;&amp; seriesIndex: [1] 属性来实现geo和map共存，来达到hover散点和区域显示tooltip的效果
默认情况下，map series 会自己生成内部专用的 geo 组件。但是也可以用这个 geoIndex 指定一个 geo 组件。这样的话，map 和 其他 series（例如散点图）就可以]]></description><category></category></item><item><title><![CDATA[Cookie、localStorage、sessionStorage三者的区别]]></title><link>https://blog.youkuaiyun.com/qq_39650950/article/details/108276805</link><guid>https://blog.youkuaiyun.com/qq_39650950/article/details/108276805</guid><author>qq_39650950</author><pubDate>Fri, 28 Aug 2020 14:12:14 +0800</pubDate><description><![CDATA[区别：

存储大小：Cookie 4K  Storage 5M
有效期：    Cookie拥有有效期，Storage永久存储
Cookie会发送到服务器端，存储在内存中， Storage只存储在浏览器端    localStorage是永久存储，sessionStorage是会话技术，浏览器关闭就没有了。
路径：Cookie有路径限制，Storage只存储在域名下
API:   Cookie没有特定API，Storage有对应的API
为什么封装Storage
Storage本身有API，但是只是简单的k]]></description><category></category></item><item><title><![CDATA[箭头函数中this的指向]]></title><link>https://blog.youkuaiyun.com/qq_39650950/article/details/108097724</link><guid>https://blog.youkuaiyun.com/qq_39650950/article/details/108097724</guid><author>qq_39650950</author><pubDate>Wed, 19 Aug 2020 12:30:07 +0800</pubDate><description><![CDATA[箭头函数中this的指向
&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;
    ]]></description><category></category></item></channel></rss>