<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[well_kk的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/well_kk</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; well_kk]]></copyright><item><title><![CDATA[nvm use 无效]]></title><link>https://blog.youkuaiyun.com/well_kk/article/details/141229555</link><guid>https://blog.youkuaiyun.com/well_kk/article/details/141229555</guid><author>well_kk</author><pubDate>Thu, 15 Aug 2024 19:07:26 +0800</pubDate><description><![CDATA[这里是一开始下载node时配置的文件node_global和node_cache。最后找到 C:\Program Files\nodejs 删除里面的东西。网上的办法都试过了  没效果。下载nvm node失效。项目node版本不适配。背景：安装了node。]]></description><category></category></item><item><title><![CDATA[面试记录之用promise实现红绿灯]]></title><link>https://blog.youkuaiyun.com/well_kk/article/details/133959855</link><guid>https://blog.youkuaiyun.com/well_kk/article/details/133959855</guid><author>well_kk</author><pubDate>Sat, 21 Oct 2023 13:07:44 +0800</pubDate><description><![CDATA[参考视频：https://www.bilibili.com/video/BV1Lg4y1z7V8/?参考文章：https://zhuanlan.zhihu.com/p/208381677。红绿灯是有严格展示顺序的 所以涉及到使用promise.then()来实现。使用promise实现红绿灯 红灯亮3s，黄灯亮2s，绿灯亮1s。]]></description><category></category></item><item><title><![CDATA[pc首页一屏适配不出现滚动条]]></title><link>https://blog.youkuaiyun.com/well_kk/article/details/131391937</link><guid>https://blog.youkuaiyun.com/well_kk/article/details/131391937</guid><author>well_kk</author><pubDate>Mon, 26 Jun 2023 10:34:07 +0800</pubDate><description><![CDATA[背景：ui给的设计稿是1920px 最终页面要嵌入到另一个项目中，外层存在壳子，所以按照ui的尺寸实现页面后，上下会出现滚动条。且宽高比例与ui并不一致（如图，因为外层壳子，高其实变小了，宽还是100%）。但是这里是一个类似全景图的页面 希望一屏展示 不出现滚动条。适配：使用vw + transform: scale(0.8)]]></description><category></category></item><item><title><![CDATA[charles配置h5页面访问本地代码]]></title><link>https://blog.youkuaiyun.com/well_kk/article/details/129620927</link><guid>https://blog.youkuaiyun.com/well_kk/article/details/129620927</guid><author>well_kk</author><pubDate>Fri, 17 Mar 2023 15:47:39 +0800</pubDate><description><![CDATA[打开手机-wifi-当前网络设置（iphone是个 i 的标志）- 配置代理-手动-写上PC的ip （参考：https://www.jianshu.com/p/dba52360992b?host:访问的服务地址（这里我遇到一个问题，项目访问地址是A，部署地址是B，因为项目做了nginx代理，而这里要填的就是实际地址B）参考：https://blog.youkuaiyun.com/syg90178aw/article/details/107313534。希望app可以实时访问到本地项目代码，进行调试。]]></description><category></category></item><item><title><![CDATA[el-table表头不折行]]></title><link>https://blog.youkuaiyun.com/well_kk/article/details/129365807</link><guid>https://blog.youkuaiyun.com/well_kk/article/details/129365807</guid><author>well_kk</author><pubDate>Mon, 06 Mar 2023 16:47:24 +0800</pubDate><description><![CDATA[el-table表头不折行]]></description><category></category></item><item><title><![CDATA[echarts y轴动态文字左对齐]]></title><link>https://blog.youkuaiyun.com/well_kk/article/details/129358654</link><guid>https://blog.youkuaiyun.com/well_kk/article/details/129358654</guid><author>well_kk</author><pubDate>Mon, 06 Mar 2023 13:39:48 +0800</pubDate><description><![CDATA[echarts y轴文字左对齐 动态计算]]></description><category></category></item><item><title><![CDATA[a标签下载-个人记录]]></title><link>https://blog.youkuaiyun.com/well_kk/article/details/129260308</link><guid>https://blog.youkuaiyun.com/well_kk/article/details/129260308</guid><author>well_kk</author><pubDate>Tue, 28 Feb 2023 13:58:42 +0800</pubDate><description><![CDATA[a标签下载-个人记录。]]></description><category></category></item><item><title><![CDATA[vue跑马灯无缝滚动 轮播无限滚动]]></title><link>https://blog.youkuaiyun.com/well_kk/article/details/128713973</link><guid>https://blog.youkuaiyun.com/well_kk/article/details/128713973</guid><author>well_kk</author><pubDate>Tue, 17 Jan 2023 13:50:41 +0800</pubDate><description><![CDATA[vue 跑马灯 无缝滚动]]></description><category></category></item><item><title><![CDATA[echarts词云图实现]]></title><link>https://blog.youkuaiyun.com/well_kk/article/details/128375495</link><guid>https://blog.youkuaiyun.com/well_kk/article/details/128375495</guid><author>well_kk</author><pubDate>Mon, 19 Dec 2022 17:39:15 +0800</pubDate><description><![CDATA[词云图]]></description><category></category></item><item><title><![CDATA[图片操作 放大拖拽功能实现]]></title><link>https://blog.youkuaiyun.com/well_kk/article/details/128375384</link><guid>https://blog.youkuaiyun.com/well_kk/article/details/128375384</guid><author>well_kk</author><pubDate>Mon, 19 Dec 2022 17:28:02 +0800</pubDate><description><![CDATA[图片操作 放大拖拽功能实现]]></description><category></category></item><item><title><![CDATA[批量下载踩坑记录-默认下载最后一个文件]]></title><link>https://blog.youkuaiyun.com/well_kk/article/details/128168016</link><guid>https://blog.youkuaiyun.com/well_kk/article/details/128168016</guid><author>well_kk</author><pubDate>Sat, 03 Dec 2022 23:34:15 +0800</pubDate><description><![CDATA[a标签批量下载默认下载最后一个]]></description><category></category></item><item><title><![CDATA[vue国际化VueI18n js中中英文切换]]></title><link>https://blog.youkuaiyun.com/well_kk/article/details/128120724</link><guid>https://blog.youkuaiyun.com/well_kk/article/details/128120724</guid><author>well_kk</author><pubDate>Wed, 30 Nov 2022 19:35:15 +0800</pubDate><description><![CDATA[VueI18n vue国际化 js更新]]></description><category></category></item><item><title><![CDATA[flex布局 个别手机基线没对齐 数字偏上]]></title><link>https://blog.youkuaiyun.com/well_kk/article/details/127744679</link><guid>https://blog.youkuaiyun.com/well_kk/article/details/127744679</guid><author>well_kk</author><pubDate>Tue, 08 Nov 2022 09:50:41 +0800</pubDate><description><![CDATA[后来观察页面发现，只有数字、英文会存在这种情况，查询后得知一个以前没有注意过的配置，1. 简体中文页面：html lang=zh-cmn-Hans 表示普通话/国语。这里我用了flex布局 但是在红米手机上没对齐的这种现象就特别明显。繁体中文页面：html lang=zh-cmn-Hant。英语页面：html lang=en。]]></description><category></category></item><item><title><![CDATA[npm run test编译失败 js可选链报错?.]]></title><link>https://blog.youkuaiyun.com/well_kk/article/details/127651344</link><guid>https://blog.youkuaiyun.com/well_kk/article/details/127651344</guid><author>well_kk</author><pubDate>Wed, 02 Nov 2022 14:56:54 +0800</pubDate><description><![CDATA[参考文章：https://www.youkuaiyun.com/tags/NtDakg5sNDA4MDItYmxvZwO0O0OO0O0O.html。大概意思就是需要装loader来解决可选链的报错信息。在网上找了好久，发现这类文章比较少，特此记录。完成，再执行 npm run test即可完成打包。1、babel.config.js添加如下内容。先上我的报错信息，看看是否一样？2、安装编译可选链的包。]]></description><category></category></item><item><title><![CDATA[伪元素实现竖线]]></title><link>https://blog.youkuaiyun.com/well_kk/article/details/122970589</link><guid>https://blog.youkuaiyun.com/well_kk/article/details/122970589</guid><author>well_kk</author><pubDate>Wed, 16 Feb 2022 19:45:43 +0800</pubDate><description><![CDATA[需求：
在每个小标题后面添加竖线，且最后一个小标题不需要竖线
先看效果

实现
html部分
 &lt;div class="sub-title"&gt;
	 &lt;span&gt;机票&lt;/span&gt;
	 &lt;span&gt;火车票&lt;/span&gt;
	 &lt;span&gt;酒店&lt;/span&gt;
&lt;/div&gt;

css部分
.sub-title {
  span:not(:last-child)::after {
    display: inline-b]]></description><category></category></item><item><title><![CDATA[window.open 打开新页面踩坑记录]]></title><link>https://blog.youkuaiyun.com/well_kk/article/details/120766343</link><guid>https://blog.youkuaiyun.com/well_kk/article/details/120766343</guid><author>well_kk</author><pubDate>Thu, 14 Oct 2021 16:10:00 +0800</pubDate><description><![CDATA[window.open(’#/xxxxx’) 对✅
window.open(’/#/xxxx’) 错❌
切记 ，#前面不要加 ‘/’
直接跟‘#’：浏览器会当作锚点来处理，只将#后面的路由更新
’/#/xxx‘: 浏览器会当作一个完整的地址来解析

]]></description><category></category></item><item><title><![CDATA[vue同一浏览器登陆多账号处理]]></title><link>https://blog.youkuaiyun.com/well_kk/article/details/120282618</link><guid>https://blog.youkuaiyun.com/well_kk/article/details/120282618</guid><author>well_kk</author><pubDate>Thu, 23 Sep 2021 17:09:30 +0800</pubDate><description><![CDATA[背景
项目在线上会遇到管理员类似权限比较大的用户，会在同一浏览器登陆多个账号。由于后端是通过cookie识别，此时cookie已经是最新登陆账号信息。管理员有可能切换tab至之前页面，此时页面显示还是之前信息，当修改信息，提交请求时，其实后端是按照最新登陆用户进行信息处理的。
解决
前端种个cookie，监听页面tab切换事件，通过接口返回的id与cookie中的id对比，若不一致，则提示用户刷新页面，页面重新渲染，展示的就是最新登陆用户的信息了
具体实现

...]]></description><category></category></item><item><title><![CDATA[vue 倒计时未结束退出页面请求依然发送]]></title><link>https://blog.youkuaiyun.com/well_kk/article/details/115719721</link><guid>https://blog.youkuaiyun.com/well_kk/article/details/115719721</guid><author>well_kk</author><pubDate>Thu, 15 Jul 2021 19:17:20 +0800</pubDate><description><![CDATA[vue项目中
倒计时结束后，发送学习结束请求
未结束退出
请求还是发送了
destroy 销毁定时器

]]></description><category></category></item><item><title><![CDATA[echarts折线图y轴不从0开始]]></title><link>https://blog.youkuaiyun.com/well_kk/article/details/115731398</link><guid>https://blog.youkuaiyun.com/well_kk/article/details/115731398</guid><author>well_kk</author><pubDate>Thu, 15 Apr 2021 17:34:18 +0800</pubDate><description><![CDATA[话不多说，先上结果图看看

echarts折线图默认是从0开始计算，有时候遇到统计值都波动在一定范围，不需要从0开始。
有两种方式解决:
1.设置 scale:true

2.设置min,max
这种情况是因为考虑到，折线图上会加标线markline,如果markline的值超出y轴中value的最大值，就不会显示标线了，所以要设置折线图的max
我们又希望最小值从非0开始，所以可以再设一个min,同时要考虑到markline的值比y轴value最小值小的情况。配置如下：


...]]></description><category></category></item><item><title><![CDATA[echarts柱状图顶部添加图片]]></title><link>https://blog.youkuaiyun.com/well_kk/article/details/112530778</link><guid>https://blog.youkuaiyun.com/well_kk/article/details/112530778</guid><author>well_kk</author><pubDate>Thu, 04 Mar 2021 16:59:49 +0800</pubDate><description><![CDATA[最近有个需求，在特定柱状图顶部要求展示图片，搜了下关于这方面的文章比较少，来记录下。




series:[
...
    markPoint:{
        symbol:'image://url',//url替换成你的图片地址
        symbolSize:10,//图片大小
        symbolOffset:[20,-20],//图片相对于x,y轴偏移量
        data:[{
            coord:[0,8000]//需要展示图片的柱型索引，y轴的va.]]></description><category></category></item></channel></rss>