<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[Janeisme3L的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/If_CannewBoyFriend</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; If_CannewBoyFriend]]></copyright><item><title><![CDATA[el-cascader一级目录无checkbox，其他级目录父级勾选只展示父级，子级没有全部勾选，展示子级]]></title><link>https://blog.youkuaiyun.com/If_CannewBoyFriend/article/details/140768467</link><guid>https://blog.youkuaiyun.com/If_CannewBoyFriend/article/details/140768467</guid><author>If_CannewBoyFriend</author><pubDate>Mon, 29 Jul 2024 13:15:37 +0800</pubDate><description><![CDATA[想写这篇文章的目的是因为，在没有阅读源码之前感觉有点难，觉得要重写组件，但是阅读源码之后就可以比较容易地做到，所以希望大家有事没事可以多看看源码。根据公司业务需求，需要实现第一级目录无法勾选，其他级目录父级目录勾选则只展示父级名称，子级没有全部勾选，展示子级勾选的子集。// returnTags 是数据转化 判断子节点是否权限 而在返回在input框需要显示的标签。// 初始化选中的数据。]]></description><category></category></item><item><title><![CDATA[vue中使用VueAreaLinkage数据缓存问题，上次选择数据依然显示]]></title><link>https://blog.youkuaiyun.com/If_CannewBoyFriend/article/details/132160782</link><guid>https://blog.youkuaiyun.com/If_CannewBoyFriend/article/details/132160782</guid><author>If_CannewBoyFriend</author><pubDate>Tue, 08 Aug 2023 10:18:09 +0800</pubDate><description><![CDATA[公司项目中用到VueAreaLinkage （搜索栏），重置按钮点击后值是空，但是页面依然显示上次选择的省。先给组件绑定ref值 ，然后重置值 curProvince，curProvinceCode。尝试使用过 在重置的时候使用 v-if 让组件重新渲染。这样确实可以达到目的 但是页面上可能会出现一闪的效果。看来源码之后找到了新的解决方式。这样就可以做到无感重置了。]]></description><category></category></item><item><title><![CDATA[videojs+hsl播放直播流]]></title><link>https://blog.youkuaiyun.com/If_CannewBoyFriend/article/details/124477537</link><guid>https://blog.youkuaiyun.com/If_CannewBoyFriend/article/details/124477537</guid><author>If_CannewBoyFriend</author><pubDate>Thu, 28 Apr 2022 16:39:43 +0800</pubDate><description><![CDATA[videojs播放]]></description><category></category></item><item><title><![CDATA[G6画流程图]]></title><link>https://blog.youkuaiyun.com/If_CannewBoyFriend/article/details/124477039</link><guid>https://blog.youkuaiyun.com/If_CannewBoyFriend/article/details/124477039</guid><author>If_CannewBoyFriend</author><pubDate>Thu, 28 Apr 2022 16:27:02 +0800</pubDate><description><![CDATA[分享一下自己做的流程图 ，和普通流程图不一样，我司要用的图片来做，类似工艺流程图一样，第一次做确实遇到很多问题，希望能帮助到和我一样有疑惑的小伙伴，写的比较垃圾，望多指教

基本功能都实现了，拖拽改变大小，旋转，绘制锚点，存储数据之类的


​​

]]></description><category></category></item><item><title><![CDATA[elementUI合并单元格（教室使用情况）]]></title><link>https://blog.youkuaiyun.com/If_CannewBoyFriend/article/details/122065927</link><guid>https://blog.youkuaiyun.com/If_CannewBoyFriend/article/details/122065927</guid><author>If_CannewBoyFriend</author><pubDate>Tue, 21 Dec 2021 16:16:18 +0800</pubDate><description><![CDATA[elementUI 合并单元格]]></description><category></category></item><item><title><![CDATA[vue总结]]></title><link>https://blog.youkuaiyun.com/If_CannewBoyFriend/article/details/121985285</link><guid>https://blog.youkuaiyun.com/If_CannewBoyFriend/article/details/121985285</guid><author>If_CannewBoyFriend</author><pubDate>Thu, 16 Dec 2021 23:20:39 +0800</pubDate><description><![CDATA[一些没有用的记录]]></description><category></category></item><item><title><![CDATA[vue项目整理]]></title><link>https://blog.youkuaiyun.com/If_CannewBoyFriend/article/details/121974386</link><guid>https://blog.youkuaiyun.com/If_CannewBoyFriend/article/details/121974386</guid><author>If_CannewBoyFriend</author><pubDate>Thu, 16 Dec 2021 14:56:42 +0800</pubDate><description><![CDATA[项目整理，包含koa写的后端，vue+elementUI写的前端，包括使用了echarts,tinymce.百度地图]]></description><category></category></item><item><title><![CDATA[css居中]]></title><link>https://blog.youkuaiyun.com/If_CannewBoyFriend/article/details/121748472</link><guid>https://blog.youkuaiyun.com/If_CannewBoyFriend/article/details/121748472</guid><author>If_CannewBoyFriend</author><pubDate>Mon, 06 Dec 2021 15:48:23 +0800</pubDate><description><![CDATA[css总结]]></description><category></category></item><item><title><![CDATA[css笔记]]></title><link>https://blog.youkuaiyun.com/If_CannewBoyFriend/article/details/121746452</link><guid>https://blog.youkuaiyun.com/If_CannewBoyFriend/article/details/121746452</guid><author>If_CannewBoyFriend</author><pubDate>Mon, 06 Dec 2021 14:56:29 +0800</pubDate><description><![CDATA[css单位

绝对单位：cm、mm、in、pt、pc

相对单位：px（分辨率不同，1px大小也不同）

        % （width,height,font-size的百分比市相对于父元素的相同属性来计算，line-height的百分比相当于父元素的font-size来计算，vertical-align的百分比市相当于当前元素的line-height来计算）

        em (相对于当前元素的字体大小而言，如当前元素字体大小是10px 那么1em =10px ,...]]></description><category></category></item><item><title><![CDATA[el-cascader级联选择器数据过多分页显示]]></title><link>https://blog.youkuaiyun.com/If_CannewBoyFriend/article/details/120850490</link><guid>https://blog.youkuaiyun.com/If_CannewBoyFriend/article/details/120850490</guid><author>If_CannewBoyFriend</author><pubDate>Tue, 19 Oct 2021 17:38:07 +0800</pubDate><description><![CDATA[业务场景：一级二级数据量不多 ，一次返回，第三级数据点击二级时请求 ，第一级选项不可选，第三级选项加载出来的情况下第二级选项才能全选

问题：实现过程中发现三级数据量过多（8千多条）会造成浏览器卡死

解决：三级选项分页显示

欢迎各位小伙伴评论区多多指教 （有时间会优化，整理demo出来）



主要代码

html


&lt;el-cascader
  v-model="tagsFocus"
  :options="options"
  :props="propsTag"
  filtera...]]></description><category></category></item><item><title><![CDATA[渲染函数绑定点击事件]]></title><link>https://blog.youkuaiyun.com/If_CannewBoyFriend/article/details/120849390</link><guid>https://blog.youkuaiyun.com/If_CannewBoyFriend/article/details/120849390</guid><author>If_CannewBoyFriend</author><pubDate>Tue, 19 Oct 2021 16:43:27 +0800</pubDate><description><![CDATA[效果：



代码：


const msg = '正在初始化数据，请不要离开此页面，或者'
const h = this.$createElement
const notify = this.$notify({
  title: '数据请求中',
  message: h('p', null, [
    msg,
    h('el-button', {
      attrs: {
        size: 'small',
        type: 'primary',
        id: ]]></description><category></category></item><item><title><![CDATA[vue实现table拖拽到tree生成数据，树增删编辑数据]]></title><link>https://blog.youkuaiyun.com/If_CannewBoyFriend/article/details/108072059</link><guid>https://blog.youkuaiyun.com/If_CannewBoyFriend/article/details/108072059</guid><author>If_CannewBoyFriend</author><pubDate>Tue, 18 Aug 2020 11:02:59 +0800</pubDate><description><![CDATA[使用vue+ztree 右侧表格数据拖拽到左侧tree,生成tree数据，以及实现右键菜单树的增删改功能



拖拽树主要是绑定 mousedown mouseup 事件 主要参考ztree官网http://www.treejs.cn/v3/main.php#_zTreeInfo

树结构样式参考https://github.com/tower1229/Vue-Giant-Tree

table拖拽


bindDom () {
  this.$nextTick(() =&gt; {
    $('.d..]]></description><category></category></item><item><title><![CDATA[Retrofit4.x 获取数据后无法展示]]></title><link>https://blog.youkuaiyun.com/If_CannewBoyFriend/article/details/105514445</link><guid>https://blog.youkuaiyun.com/If_CannewBoyFriend/article/details/105514445</guid><author>If_CannewBoyFriend</author><pubDate>Tue, 14 Apr 2020 16:23:34 +0800</pubDate><description><![CDATA[做练习时发现Retrofit请求回来数据无法渲染 [数据有返回]



显示空白 最后把数据转换一下可以展示

处理后







至于原因是啥本人也不清楚 Android小白一个，望大神指教

资源


MainActivity.class


public class MainActivity extends Activity {

    private RecyclerView rec...]]></description><category></category></item><item><title><![CDATA[android学习笔记]]></title><link>https://blog.youkuaiyun.com/If_CannewBoyFriend/article/details/105493504</link><guid>https://blog.youkuaiyun.com/If_CannewBoyFriend/article/details/105493504</guid><author>If_CannewBoyFriend</author><pubDate>Mon, 13 Apr 2020 17:29:45 +0800</pubDate><description><![CDATA[listView设置点击事件无响应原因


android:focusable="true" //不能设置
]]></description><category></category></item><item><title><![CDATA[webpack打包工具可视化]]></title><link>https://blog.youkuaiyun.com/If_CannewBoyFriend/article/details/104049723</link><guid>https://blog.youkuaiyun.com/If_CannewBoyFriend/article/details/104049723</guid><author>If_CannewBoyFriend</author><pubDate>Mon, 20 Jan 2020 11:32:31 +0800</pubDate><description><![CDATA[打包可视化 npm run build --report


]]></description><category></category></item><item><title><![CDATA[echarts饼状图圆环位置修改样式调整]]></title><link>https://blog.youkuaiyun.com/If_CannewBoyFriend/article/details/104049062</link><guid>https://blog.youkuaiyun.com/If_CannewBoyFriend/article/details/104049062</guid><author>If_CannewBoyFriend</author><pubDate>Mon, 20 Jan 2020 11:27:08 +0800</pubDate><description><![CDATA[作为笔记（echarts篇）pie

图例组件：


legend: {
  type: 'scroll',//图例数量过多时，可以使用滚动
  left: 'center',
  bottom: this.ringData.legendBottom || 0,//设置位置
  data: this.ringData.name,
  textStyle: {
    color: '#fff'//...]]></description><category></category></item><item><title><![CDATA[vue+elementUI在ie下导航栏样式不生效（修改导航栏样式）]]></title><link>https://blog.youkuaiyun.com/If_CannewBoyFriend/article/details/103975973</link><guid>https://blog.youkuaiyun.com/If_CannewBoyFriend/article/details/103975973</guid><author>If_CannewBoyFriend</author><pubDate>Tue, 14 Jan 2020 16:47:59 +0800</pubDate><description><![CDATA[想做的样子



在谷歌中显示正常，但是在ie中背景色被覆盖 应该是element 里面的js生成的内联样式backgroud-color继承了父元素



修改

覆盖样式

无聊记录一下
...]]></description><category></category></item><item><title><![CDATA[vue组件build failed,vue组件命名]]></title><link>https://blog.youkuaiyun.com/If_CannewBoyFriend/article/details/103731318</link><guid>https://blog.youkuaiyun.com/If_CannewBoyFriend/article/details/103731318</guid><author>If_CannewBoyFriend</author><pubDate>Fri, 27 Dec 2019 14:42:20 +0800</pubDate><description><![CDATA[做测试的时候报错

index.js?bed3:161 [WDS] Errors while compiling. Reload prevented.
errors @ index.js?bed3:161
onmessage @ socket.js?57b2:41
EventTarget.dispatchEvent @ sockjs.js?3600:170
eval @ sockjs.js?360...]]></description><category></category></item><item><title><![CDATA[vue项目中兼容ie的时间控件问题]]></title><link>https://blog.youkuaiyun.com/If_CannewBoyFriend/article/details/103634817</link><guid>https://blog.youkuaiyun.com/If_CannewBoyFriend/article/details/103634817</guid><author>If_CannewBoyFriend</author><pubDate>Fri, 20 Dec 2019 16:51:38 +0800</pubDate><description><![CDATA[之前博客写了ie不支持new Date(2019-10-10 12:00:00)数据转换格式因为要转换时间的地方多我使用了插件moment ,后面发现打包之后moment占比比较大 而且没有用到很多复杂的时间转换 所以查资料后发现有更轻量级的插件(date-fns)可以满足需要 （moment打包出来60多k,date-fns打包出来只有2k多）

date-fns github地址：h...]]></description><category></category></item><item><title><![CDATA[vue+element在IE中遇到的问题]]></title><link>https://blog.youkuaiyun.com/If_CannewBoyFriend/article/details/101016953</link><guid>https://blog.youkuaiyun.com/If_CannewBoyFriend/article/details/101016953</guid><author>If_CannewBoyFriend</author><pubDate>Thu, 19 Sep 2019 11:29:55 +0800</pubDate><description><![CDATA[总结ie中遇到的一些问题 希望各位大神多多指教。前端小白 有问题可以联系我的 qq :1458109211

element 版本 2.10.1

1.在dialog 中的问题(在dialog 中修改样式不要加scoped，否则样式可能不生效 至少我遇到的都是)

1.1 在dialog 如果使用center 那么表单项部分组件会居中显示





想要组件不居中 我是不适用center 属...]]></description><category></category></item></channel></rss>