<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[developer_qi的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/developer_qi</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; developer_qi]]></copyright><item><title><![CDATA[.prettierrc.json配置]]></title><link>https://blog.youkuaiyun.com/developer_qi/article/details/134006191</link><guid>https://blog.youkuaiyun.com/developer_qi/article/details/134006191</guid><author>developer_qi</author><pubDate>Tue, 24 Oct 2023 10:50:18 +0800</pubDate><description><![CDATA[JSON 中不允许有注释，常用的参数记录。]]></description><category></category></item><item><title><![CDATA[element-ui中的table如果设置fixed固定列，监听不到数据变化]]></title><link>https://blog.youkuaiyun.com/developer_qi/article/details/129868015</link><guid>https://blog.youkuaiyun.com/developer_qi/article/details/129868015</guid><author>developer_qi</author><pubDate>Thu, 30 Mar 2023 22:09:40 +0800</pubDate><description><![CDATA[在使用element-ui的过程中，使用到el-table的fixed固定列，但是通过属性控制按钮显示隐藏的时候发现不能及时监听到属性变化，导致不能正确显示，固定列也错位，因为他的固定列也是一个单独的table。解决办法就是更改table绑定的data的值，ele是有监听绑定的data的。能正确监听到数据的变化。]]></description><category></category></item><item><title><![CDATA[vite+vue3+ts框架搭建问题记录]]></title><link>https://blog.youkuaiyun.com/developer_qi/article/details/126365554</link><guid>https://blog.youkuaiyun.com/developer_qi/article/details/126365554</guid><author>developer_qi</author><pubDate>Fri, 19 Aug 2022 14:29:13 +0800</pubDate><description><![CDATA[vite+vue3+ts框架搭建记录，主要还是node版本兼容问题。]]></description><category></category></item><item><title><![CDATA[mapBox使用笔记]]></title><link>https://blog.youkuaiyun.com/developer_qi/article/details/124752333</link><guid>https://blog.youkuaiyun.com/developer_qi/article/details/124752333</guid><author>developer_qi</author><pubDate>Fri, 13 May 2022 16:05:54 +0800</pubDate><description><![CDATA[项目需要，以mapBox为基础开发地图相关大屏展示，记录开发与学习。
基础的地图渲染熟悉一些以后还是比较容易的，就是刚开始不熟一脸懵，先附上文档地址
英文地址：https://www.mapbox.com/maps/
中文文档：http://www.mapbox.cn/中文文档里里还是会有很多英文 只是简单的介绍为中文了
简单样例：
效果展示




&lt;!--dom部分--&gt;
&lt;div :id="mapID" class="s-map" /&gt;


// js部分
import m..]]></description><category></category></item><item><title><![CDATA[关于vue使用highcharts饼状图渐变色报错问题]]></title><link>https://blog.youkuaiyun.com/developer_qi/article/details/124126398</link><guid>https://blog.youkuaiyun.com/developer_qi/article/details/124126398</guid><author>developer_qi</author><pubDate>Tue, 12 Apr 2022 16:07:09 +0800</pubDate><description><![CDATA[今天用highchart画3d渐变色时用了官方的示例代码


// 创建渐变色
Highcharts.getOptions().colors = Highcharts.map(Highcharts.getOptions().colors, function (color) {
	return {
		radialGradient: { cx: 0.5, cy: 0.3, r: 0.7 },
		stops: [
			[0, color],
			[1, Highcharts.Color(color).br]]></description><category></category></item><item><title><![CDATA[Echarts地图registerMap使用的GeoJson数据获取]]></title><link>https://blog.youkuaiyun.com/developer_qi/article/details/123428852</link><guid>https://blog.youkuaiyun.com/developer_qi/article/details/123428852</guid><author>developer_qi</author><pubDate>Fri, 11 Mar 2022 16:53:24 +0800</pubDate><description><![CDATA[geoJSON数据可以用echats推荐地址

echarts-maps · GitHub

或者引用其他博客：

数据是在DATAV.GeoAtlas中获取的，根据自己的需求随意选择省、市、区，页面中给的json链接地址就是想要的geo数据，特方便，记录备用。

https://datav.aliyun.com/tools/atlas/#&amp;lat=31.84139930209406&amp;lng=117.33123779296875&amp;zoom=9
原文链接：https://blog.cs]]></description><category></category></item><item><title><![CDATA[git分支合并时往往冲突整个文件的解决方案]]></title><link>https://blog.youkuaiyun.com/developer_qi/article/details/120413991</link><guid>https://blog.youkuaiyun.com/developer_qi/article/details/120413991</guid><author>developer_qi</author><pubDate>Wed, 22 Sep 2021 14:27:59 +0800</pubDate><description><![CDATA[常用分支合并的时候会发现有时候只改了某几行的代码，但是分支合并的时候git检测会检测到整个文件的冲突，导致冲突解决很困难，难以快速找到冲突代码位置，下面这个合并命令可以避免出现类似现象：

git merge 要合并的分支 -Xignore-space-change --no-commit //允许您在合并期间忽略所有与空间相关的冲突。


...]]></description><category></category></item><item><title><![CDATA[element-ui级联选择器控制下拉]]></title><link>https://blog.youkuaiyun.com/developer_qi/article/details/109584737</link><guid>https://blog.youkuaiyun.com/developer_qi/article/details/109584737</guid><author>developer_qi</author><pubDate>Mon, 09 Nov 2020 19:51:20 +0800</pubDate><description><![CDATA[需求是控制可以多级选中的级联选择器选中单选框后自动隐藏下拉框。


&lt;el-cascader
    ref="safeTypes"
    :disabled="isView"
    :options="securityType"
    v-model="safeTypes"
    @change="getSafeType"
    :props="{
    label: 'dictName',
    value: 'dictValue',
    checkStrictly: true
]]></description><category></category></item><item><title><![CDATA[js 细节点笔记]]></title><link>https://blog.youkuaiyun.com/developer_qi/article/details/107931163</link><guid>https://blog.youkuaiyun.com/developer_qi/article/details/107931163</guid><author>developer_qi</author><pubDate>Thu, 13 Aug 2020 09:23:59 +0800</pubDate><description><![CDATA[对象键自动转换字符串 例如：
	
var a ={b:1} c[a] = 123 则c={'object object': 123}

	
	
	
	在事件传播期间，有三个阶段：捕获，目标和冒泡。 默认情况下，事件处理程序在冒泡阶段执行（除非您将useCapture设置为true）。
	
	
	call()和bind()都可以传递this关键字引用的对象，但是call会立即执行，bind方法会返回函数的拷贝值，但带有绑定的上下文！ 它不会立即执行。
	
	
	new Number（）是一个内置的函数构造函.]]></description><category></category></item><item><title><![CDATA[脚手架升级cli2升至cli4总结]]></title><link>https://blog.youkuaiyun.com/developer_qi/article/details/106791886</link><guid>https://blog.youkuaiyun.com/developer_qi/article/details/106791886</guid><author>developer_qi</author><pubDate>Thu, 09 Jul 2020 15:50:13 +0800</pubDate><description><![CDATA[配置dll的时候需要用到webpack命令，本地安装cnpm i webpack --save-dev之后运行webpack还是报webpack不是命令。后全局安装webpack cnpm i -g webpack之后运行webpack提示安装webpack-cli 输入y之后

打包之后虽然打包速度快了很多 但是运行起来报错了，后来是忘了在index.html中引入打包出来的js
...]]></description><category></category></item><item><title><![CDATA[前端使用oss上传]]></title><link>https://blog.youkuaiyun.com/developer_qi/article/details/106781184</link><guid>https://blog.youkuaiyun.com/developer_qi/article/details/106781184</guid><author>developer_qi</author><pubDate>Tue, 16 Jun 2020 10:08:24 +0800</pubDate><description><![CDATA[最近有需求想要使用oss长传缓解服务器压力，商议后决定使用前端自己上传oss不经过服务器端。在此记录一下过程：

项目使用的是vue，所以首先npm i --saveali-oss
页面或者在公共方法引如 import oss from 'ali-oss'

页面加载调用接口获取相关参数后发起请求



this.client = new OSS({
 region: res.serverRegion,// 云账号AccessKey有所有API访问权限，建议遵循阿里云安全最佳实践，创建并使用STS方式...]]></description><category></category></item><item><title><![CDATA[vue spa项目转服务器渲染]]></title><link>https://blog.youkuaiyun.com/developer_qi/article/details/96769840</link><guid>https://blog.youkuaiyun.com/developer_qi/article/details/96769840</guid><author>developer_qi</author><pubDate>Thu, 02 Jan 2020 16:32:54 +0800</pubDate><description><![CDATA[最近有个项目本来是单页面的，但是现在的需求要做SEO，因为是动态数据所以确定做服务端渲染，不用客户端渲染。技术采用vue+nuxt.js+iview.js

配置vue全局组件：

在plugins/ 下新建global-components.js文件


// 引入vue 及 lodash
import Vue from 'vue'
import upperFirst from 'lodash/...]]></description><category></category></item><item><title><![CDATA[vue 配置axios，增加被挤下线以后中断后续请求]]></title><link>https://blog.youkuaiyun.com/developer_qi/article/details/103799771</link><guid>https://blog.youkuaiyun.com/developer_qi/article/details/103799771</guid><author>developer_qi</author><pubDate>Thu, 02 Jan 2020 10:25:46 +0800</pubDate><description><![CDATA[实际测试的时候如果有多个并发请求，因为登录被挤掉了，所以被后端拦截器直接处理返回了-9991状态码，响应时间相差无几，会出现多次弹出去登录的确认框。所以源码里我也加入了防止重复多次弹出提示的限制。


import Axios from 'axios'
import Config from '../config/config-1'
import { Notification, Loading, ...]]></description><category></category></item><item><title><![CDATA[vue运行栈溢出]]></title><link>https://blog.youkuaiyun.com/developer_qi/article/details/103543898</link><guid>https://blog.youkuaiyun.com/developer_qi/article/details/103543898</guid><author>developer_qi</author><pubDate>Sat, 14 Dec 2019 22:03:09 +0800</pubDate><description><![CDATA[控制台报错：ineffective mark-compacts near heap limit allocation failed

粗暴方法

package.json里的scripts修改"dev": "node --max-old-space-size=8192 node_modules/webpack-dev-server/bin/webpack-dev-server.js --inli...]]></description><category></category></item><item><title><![CDATA[DNS解析]]></title><link>https://blog.youkuaiyun.com/developer_qi/article/details/102550725</link><guid>https://blog.youkuaiyun.com/developer_qi/article/details/102550725</guid><author>developer_qi</author><pubDate>Mon, 14 Oct 2019 16:17:13 +0800</pubDate><description><![CDATA[DNS(域名系统)的解析器gethostbyname与gethostbyaddr

应用程序 (浏览器) 调用函数gethostbyname把主机名转换成32 bit的IP地址。这个函数在DNS（域名系统）中称作解析器。这个转换过程或者使用DNS，或者在较小网络中使用一个静态的主机文件（/etc/hosts）。然后TCP根据IP地址建立连接

反向将IP地址转换为主机名调用函数gethostbya...]]></description><category></category></item><item><title><![CDATA[IE 文字两端对齐实现]]></title><link>https://blog.youkuaiyun.com/developer_qi/article/details/100554454</link><guid>https://blog.youkuaiyun.com/developer_qi/article/details/100554454</guid><author>developer_qi</author><pubDate>Thu, 05 Sep 2019 11:22:13 +0800</pubDate><description><![CDATA[div {
    text-align: justify ;
    text-align-last:justify;
    -moz-text-align-last: justify ;
    -webkit-text-align-last:justify;
    text-justify:inter-ideograph;/*ie中必须有这个*/
    text-align-last...]]></description><category></category></item><item><title><![CDATA[vu多行文字超出显示省略号]]></title><link>https://blog.youkuaiyun.com/developer_qi/article/details/96333191</link><guid>https://blog.youkuaiyun.com/developer_qi/article/details/96333191</guid><author>developer_qi</author><pubDate>Thu, 18 Jul 2019 10:00:12 +0800</pubDate><description><![CDATA[本地测试多行显示省略的代码可以实现，但是到线上就会出现不生效直接截取的问题，-webkit-box-orient: vertical这段代码消失了，百度到是optimize-css-assets-webpack-plugin这个插件的问题。


text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellip...]]></description><category></category></item><item><title><![CDATA[dataURL转换txt 预览与下载]]></title><link>https://blog.youkuaiyun.com/developer_qi/article/details/87803950</link><guid>https://blog.youkuaiyun.com/developer_qi/article/details/87803950</guid><author>developer_qi</author><pubDate>Wed, 20 Feb 2019 16:23:56 +0800</pubDate><description><![CDATA[有个需求是后端传二进制编码前端实现预览和下载，所以在网上拼凑了这个demo 



&amp;lt;!DOCTYPE html&amp;gt;
&amp;lt;html lang=&quot;en&quot;&amp;gt;
&amp;lt;head&amp;gt;
  &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt;
  &amp;lt;title&amp;gt;Document&amp;lt;/title&amp;gt;
  &amp;lt;script sr]]></description><category></category></item><item><title><![CDATA[iview里时间组件选择绑定v-model时获得值为前一天]]></title><link>https://blog.youkuaiyun.com/developer_qi/article/details/85245133</link><guid>https://blog.youkuaiyun.com/developer_qi/article/details/85245133</guid><author>developer_qi</author><pubDate>Tue, 25 Dec 2018 11:24:36 +0800</pubDate><description><![CDATA[ 


&amp;lt;DatePicker type=&quot;month&quot; placeholder=&quot;请选择&quot; :editable=&quot;false&quot; @on-change=&quot;getTime&quot; class=&quot;form-inline&quot;&amp;gt;&amp;lt;/DatePicker&amp;gt;

直接绑定v-model获得的值为前一天，现在解决办法为用change手动绑定...]]></description><category></category></item><item><title><![CDATA[echarts 多个markPoint]]></title><link>https://blog.youkuaiyun.com/developer_qi/article/details/83340930</link><guid>https://blog.youkuaiyun.com/developer_qi/article/details/83340930</guid><author>developer_qi</author><pubDate>Wed, 24 Oct 2018 11:14:42 +0800</pubDate><description><![CDATA[效果如图：



因为文字的多少是不确定的 所以背景图和小图标要分开来写，也有的说可以用html+css来写这个图标，我试了没成功~。因为是echarts的配置里面的图片不能被file-loader处理到，所以我用了base64的，当然也用绝对路径来代替。 代码：


markPoint: {
              label: {
                normal: {
   ...]]></description><category></category></item></channel></rss>