<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[ProgramarQin的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/ProgramarQin</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; ProgramarQin]]></copyright><item><title><![CDATA[前端常用设计模式快速入门]]></title><link>https://blog.youkuaiyun.com/ProgramarQin/article/details/156646856</link><guid>https://blog.youkuaiyun.com/ProgramarQin/article/details/156646856</guid><author>ProgramarQin</author><pubDate>Sun, 18 Jan 2026 22:48:30 +0800</pubDate><description><![CDATA[现在的框架类似Vue2用了观察者模式，Vue3用了代理模式，React用了工厂模式，然而具体是怎样的估计很少去深究，然而有些时候有些情况，了解这一套设计模式也是必要的，此文列举常用的JS设计模式]]></description><category></category></item><item><title><![CDATA[新手如何搭建配置Android Studio并成功运行React Native项目（使用自带的虚拟机运行）]]></title><link>https://blog.youkuaiyun.com/ProgramarQin/article/details/155504853</link><guid>https://blog.youkuaiyun.com/ProgramarQin/article/details/155504853</guid><author>ProgramarQin</author><pubDate>Wed, 03 Dec 2025 12:54:12 +0800</pubDate><description><![CDATA[新手小白如何用Android Studio运行基础React Native 应用]]></description><category></category></item><item><title><![CDATA[Vue3 CodeMirror组件实现日志查看与模糊匹配自定义查询高亮功能]]></title><link>https://blog.youkuaiyun.com/ProgramarQin/article/details/150404251</link><guid>https://blog.youkuaiyun.com/ProgramarQin/article/details/150404251</guid><author>ProgramarQin</author><pubDate>Fri, 15 Aug 2025 00:14:27 +0800</pubDate><description><![CDATA[展示日志，将每一行日志文本加上序号标识，展示为类似编辑器代码高亮文本，顶部为文本过滤搜索输入框与刷新日志按钮]]></description><category></category></item><item><title><![CDATA[element日期控件获取起始时间差相差多少月多少天]]></title><link>https://blog.youkuaiyun.com/ProgramarQin/article/details/128716088</link><guid>https://blog.youkuaiyun.com/ProgramarQin/article/details/128716088</guid><author>ProgramarQin</author><pubDate>Tue, 17 Jan 2023 15:08:17 +0800</pubDate><description><![CDATA[计算时间控件两个日期相差多少月多少天]]></description><category></category></item><item><title><![CDATA[echarts省市区id（区域编码）实现地图下钻点击（data赋值自定义属性值，geojson信息获取）]]></title><link>https://blog.youkuaiyun.com/ProgramarQin/article/details/128712032</link><guid>https://blog.youkuaiyun.com/ProgramarQin/article/details/128712032</guid><author>ProgramarQin</author><pubDate>Tue, 17 Jan 2023 12:41:28 +0800</pubDate><description><![CDATA[图表区域渲染，根据区域省份编码id，geojson自定义属性下钻]]></description><category></category></item><item><title><![CDATA[vue-cli3 接口api代理 308 Permanent Redirect]]></title><link>https://blog.youkuaiyun.com/ProgramarQin/article/details/107576808</link><guid>https://blog.youkuaiyun.com/ProgramarQin/article/details/107576808</guid><author>ProgramarQin</author><pubDate>Sat, 25 Jul 2020 12:38:08 +0800</pubDate><description><![CDATA[以前用的都是vue-cli2脚手架做vue项目，最近想着得跟着时代的步伐，于是更换成了vue-cli3，结果后台给了个https://xxx.xxxx.xx的代理地址，一开始代理模块自己如下写法,结果就有了接下来的接口骚操作


 devServer: {
       // 配置代理
        proxy: {
         "/api/v1": {
          target: 'https://xxx.xxx.xx',
          changeOrigin: true, 
  ]]></description><category></category></item><item><title><![CDATA[echarts中国地图散点实现自定义动画]]></title><link>https://blog.youkuaiyun.com/ProgramarQin/article/details/103684178</link><guid>https://blog.youkuaiyun.com/ProgramarQin/article/details/103684178</guid><author>ProgramarQin</author><pubDate>Sat, 28 Dec 2019 16:30:41 +0800</pubDate><description><![CDATA[echarts中国地图散点实现自定义动画]]></description><category></category></item><item><title><![CDATA[全屏按钮实现，某个块元素全屏展示，全屏按钮图标监听，监听全屏事件，全屏dom里面el-select选项不显示解决]]></title><link>https://blog.youkuaiyun.com/ProgramarQin/article/details/102727690</link><guid>https://blog.youkuaiyun.com/ProgramarQin/article/details/102727690</guid><author>ProgramarQin</author><pubDate>Sun, 03 Nov 2019 11:22:59 +0800</pubDate><description><![CDATA[前言：有些时候遇到bug与其把事情想得复杂，还不如回去看看官方文档。

做系统难免会遇到要做到全屏查看的需求，以下即为全屏代码的实现。


&lt;template&gt;

&lt;div&gt;

&lt;div&gt;测试全屏测试全屏测试全屏测试全屏测试全屏测试全屏测试全屏&lt;/div&gt;&lt;button type="button" @click="btnFull"&gt;全屏...]]></description><category></category></item><item><title><![CDATA[vue项目ie中报语法出错]]></title><link>https://blog.youkuaiyun.com/ProgramarQin/article/details/101778776</link><guid>https://blog.youkuaiyun.com/ProgramarQin/article/details/101778776</guid><author>ProgramarQin</author><pubDate>Wed, 02 Oct 2019 13:55:14 +0800</pubDate><description><![CDATA[1、配置.babelrc


{
  "presets": [
    ["es2015"],
    ["env", {
      "modules": false,
      "targets": {
        "browsers": ["&gt; 1%", "last 2 versions", "not ie &lt;= 8"]
      }
    }],
    "stage...]]></description><category></category></item><item><title><![CDATA[CSS常见基础布局(满屏布局，左右，左中右布局）]]></title><link>https://blog.youkuaiyun.com/ProgramarQin/article/details/98317131</link><guid>https://blog.youkuaiyun.com/ProgramarQin/article/details/98317131</guid><author>ProgramarQin</author><pubDate>Sat, 03 Aug 2019 14:43:21 +0800</pubDate><description><![CDATA[1、满屏布局


&lt;!DOCTYPE html&gt;
&lt;html&gt;

&lt;head&gt;
    &lt;title&gt;满屏&lt;/title&gt;
    &lt;style&gt;
        * {
            margin: 0;
            padding: 0;

        }

        html,
     ...]]></description><category></category></item><item><title><![CDATA[Vue页面数据刷新处理（路由$route监听+Vuex处理）]]></title><link>https://blog.youkuaiyun.com/ProgramarQin/article/details/90241444</link><guid>https://blog.youkuaiyun.com/ProgramarQin/article/details/90241444</guid><author>ProgramarQin</author><pubDate>Wed, 15 May 2019 18:13:40 +0800</pubDate><description><![CDATA[需求如下：如下问卷调查中，每做完一个问卷，相应的新任务数量（红色label）跟个人任务列表都需要少一条数据，假设下面截图一为页面1，截图2为页面2，页面2为页面1的子路由，如:{path:'/page1',component:PageOne,children:[{path:'page2',component:PageTwo}]},当由children路由/page1/page2跳回page1时，当...]]></description><category></category></item><item><title><![CDATA[自定义封装Vue倒计时组件vuecountdown]]></title><link>https://blog.youkuaiyun.com/ProgramarQin/article/details/89741436</link><guid>https://blog.youkuaiyun.com/ProgramarQin/article/details/89741436</guid><author>ProgramarQin</author><pubDate>Thu, 02 May 2019 00:34:01 +0800</pubDate><description><![CDATA[前几天移动端问卷项目设计到一个倒计时功能，因此，趁着五一闲暇之余折腾了一下午封装一个vue倒计时组件并将其上传到npm，希望能帮到一些小伙伴~

组件开始效果跟结束效果

github地址：https://github.com/applebring/DirCountDown.git

组件未上传源码文件目录:src/packages/countdown



vue文件中引用

1、下载该组件no...]]></description><category></category></item><item><title><![CDATA[Vue中引入高德地图cdn链接方式汇总（可按需加载）]]></title><link>https://blog.youkuaiyun.com/ProgramarQin/article/details/89705106</link><guid>https://blog.youkuaiyun.com/ProgramarQin/article/details/89705106</guid><author>ProgramarQin</author><pubDate>Tue, 30 Apr 2019 12:34:53 +0800</pubDate><description><![CDATA[随着时间流逝，人的初心是否会改变呢？今日博客分享vue引入高德地图几种方式~

1、方式一，引用封装好的vue-amap组件，具体操作见官方文档

官网链接：https://elemefe.github.io/vue-amap/#/zh-cn/introduction/install


npm install vue-amap --save

由于vue-amap封装的功能有限，因此不可避免的需...]]></description><category></category></item><item><title><![CDATA[基于zTree的常用成员管理树图级联选择(仿穿梭框功能)]]></title><link>https://blog.youkuaiyun.com/ProgramarQin/article/details/84963915</link><guid>https://blog.youkuaiyun.com/ProgramarQin/article/details/84963915</guid><author>ProgramarQin</author><pubDate>Wed, 12 Dec 2018 01:22:16 +0800</pubDate><description><![CDATA[广州这几天的天气异常寒冷，前几天搞一个系统需要实现菜单管理，而菜单管理页则需要涉及到给用户授权访问菜单，因此需要选择相应的可访问成员，之前在基于elementui的后台管理系统中用过它的树图组件，觉得挺不错的，因此决定自己封装一个jquery的ztree成员管理树图，在这淘宝双十二的夜晚，闲暇之余记录下自己的学习点滴------------前言

源码地址：https://github.com/a...]]></description><category></category></item><item><title><![CDATA[new Promise 结合ajax 单个请求与多个请求写法]]></title><link>https://blog.youkuaiyun.com/ProgramarQin/article/details/82991158</link><guid>https://blog.youkuaiyun.com/ProgramarQin/article/details/82991158</guid><author>ProgramarQin</author><pubDate>Wed, 10 Oct 2018 07:07:08 +0800</pubDate><description><![CDATA[前言：忽如一夜春风来，千树万树梨花开，今天的天气突然变得很冷，又是保暖之际。由于自己隔段时间会把promise的写法忘记，又参考了廖雪峰大大的学习文章，小记写法汇总。

单个ajax请求执行写法


new Promise(function (resolve, reject) {
   log('start new Promise...');
    var timeOut = Math.rand...]]></description><category></category></item><item><title><![CDATA[从nodejs小白到结合mongoDB，express的移动端小项目制作]]></title><link>https://blog.youkuaiyun.com/ProgramarQin/article/details/82710600</link><guid>https://blog.youkuaiyun.com/ProgramarQin/article/details/82710600</guid><author>ProgramarQin</author><pubDate>Mon, 17 Sep 2018 22:43:02 +0800</pubDate><description><![CDATA[分享自己如何从小白了解node，感谢nswbmw大神github上https://github.com/nswbmw/N-blog这一项目让小白可以搭建数据库跑起一个简单项目。直接进入本人学习心得，自己学了大神github项目后大概整理了一个快速学习版，希望能帮助到跟我一样node不知道如何入手的，整个node搭建流程如下

(ps：期间对express的封装突然疑惑了下，疑问express的封装...]]></description><category></category></item><item><title><![CDATA[vue项目后台给登录页面如何接入？一个接口+Vue-Router+Vuex简简单单实现登录]]></title><link>https://blog.youkuaiyun.com/ProgramarQin/article/details/82152565</link><guid>https://blog.youkuaiyun.com/ProgramarQin/article/details/82152565</guid><author>ProgramarQin</author><pubDate>Wed, 29 Aug 2018 16:08:25 +0800</pubDate><description><![CDATA[有时候急着学更多新知识会把最基础的遗忘，以前使用PHP那会还知道表单序列化，最近通过form获取里面所有name属性对应的控件值却把document.getElementById('表单Id').serializeArray()给遗忘了，通过遍历name属性去获取表单控件值-----勿忘初心

需求：之前项目大都是后台进行最后的登录接入，现在用了vue需要前端自己通过实现登录页面，以博客登录为例，...]]></description><category></category></item><item><title><![CDATA[自定义基于elementui的仿QQ邀请成员进群树图模糊搜索组件可实现默认选中部分选项，删除选项，搜索展示子节点]]></title><link>https://blog.youkuaiyun.com/ProgramarQin/article/details/81263782</link><guid>https://blog.youkuaiyun.com/ProgramarQin/article/details/81263782</guid><author>ProgramarQin</author><pubDate>Sat, 28 Jul 2018 20:40:54 +0800</pubDate><description><![CDATA[需求：项目经理要求实现一个类似QQ成员系统管理的组件来进行成员系统权限的添加，可多选可查询，本来想用elementui树图组件，但是elementui树图搜索父节点却没展示子节点，于是在之前改过elementui组件一波三折后直接自己上手写了个组件，本组件树还是引用了elementui的树图组件，因此请在vue项目中添加入element-ui,本组件可嵌入模态弹框中

github地址：https...]]></description><category></category></item><item><title><![CDATA[Vue通过for循环随机生成不同的颜色或随机数]]></title><link>https://blog.youkuaiyun.com/ProgramarQin/article/details/81114467</link><guid>https://blog.youkuaiyun.com/ProgramarQin/article/details/81114467</guid><author>ProgramarQin</author><pubDate>Thu, 19 Jul 2018 14:23:20 +0800</pubDate><description><![CDATA[需求：随机生成不同的如下图标的背景颜色



方法：本来通过计算属性渲染出随机颜色，然而计算属性是一次性获取值，即使你把RandomColor引入v-for中也没有用，得到的只会永远是同一颜色，除非刷新页面颜色才改变，但是还是没法实现五颜六色的功能，因此，换了中思路，直接在v-for循环中加入随机生成颜色代码，即可快速得到不同颜色的方块。


		computed: {
			RandomColo...]]></description><category></category></item><item><title><![CDATA[基于elementui源码实现自定义穿梭框transfer组件]]></title><link>https://blog.youkuaiyun.com/ProgramarQin/article/details/81042546</link><guid>https://blog.youkuaiyun.com/ProgramarQin/article/details/81042546</guid><author>ProgramarQin</author><pubDate>Sun, 15 Jul 2018 23:38:08 +0800</pubDate><description><![CDATA[需求:更改elementui中el-transfer样式， 实现单击左侧选项即加入右边选框，单击右侧选项即可回到左侧选框，中间左右来回按钮更改为左侧全选右侧全选本以为自己能够不看elementui源码实现这需求，在折腾了一天还没实现后，还是回归到其源码进行研究，自己通过纯vue实现主要遇到了以下问题:若是不需要进行模糊查询可通过index进行增删改查实现穿梭框功能，但是若是加入模糊查询则问题百出，...]]></description><category></category></item></channel></rss>