<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[菜鸟小筑]]></title><description><![CDATA[一只小白白]]></description><link>https://blog.youkuaiyun.com/hellowwj0715</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; hellowwj0715]]></copyright><item><title><![CDATA[Nuxt框架下引入Swiper完成带缩略图照片轮播的黑科技]]></title><link>https://blog.youkuaiyun.com/hellowwj0715/article/details/118446466</link><guid>https://blog.youkuaiyun.com/hellowwj0715/article/details/118446466</guid><author>hellowwj0715</author><pubDate>Sun, 04 Jul 2021 00:17:23 +0800</pubDate><description><![CDATA[笔者的吐槽（可以略过_(:з」∠)_）：最近有个项目是基于Nuxt框架，新需求需要新增加一块照片轮播的功能，笔者小白之前用过Swiper插件，感觉还比较好用，一般简单的效果都能实现，于是，按某站点的攻略，开始安装Swiper（npm install swiper)，然后按照文章里基于vue的开发，笔者开始照猫画鼠的try try try之路（用swiper6-发现6只能在vue3以上使用，而nuxt中包含的vue版本是2.x；用
...]]></description><category></category></item><item><title><![CDATA[移动端浏览器下载app适配方案]]></title><link>https://blog.youkuaiyun.com/hellowwj0715/article/details/118301543</link><guid>https://blog.youkuaiyun.com/hellowwj0715/article/details/118301543</guid><author>hellowwj0715</author><pubDate>Mon, 28 Jun 2021 14:32:39 +0800</pubDate><description><![CDATA[背景：本文内容为在移动端推送的下载按钮被点击时，针对不同手机款型推送合适的链接地址。

方案如下：

1、UI代码：


&lt;div class="button" onclick="downloadApp()"&gt;&lt;/div&gt;

2、JS代码：


      function downloadApp() {
        // 获取浏览器用户代理信息，用于判断浏览器内核、手机系统等
        var userAgent = navigator.userAgent;

     ]]></description><category></category></item><item><title><![CDATA[Jquery实现数字自动增长动画]]></title><link>https://blog.youkuaiyun.com/hellowwj0715/article/details/117302980</link><guid>https://blog.youkuaiyun.com/hellowwj0715/article/details/117302980</guid><author>hellowwj0715</author><pubDate>Wed, 26 May 2021 20:02:48 +0800</pubDate><description><![CDATA[通过Jquery，实现数学从0到某固定数字的快速过渡效果，直接上代码段了，有需要的朋友自助取餐即可。

1、页面中引入Jquery库


&lt;script src="http://code.jquery.com/jquery-2.1.1.min.js"&gt;&lt;/script&gt;

2、UI代码


    &lt;div class="banner_bot"&gt;
        &lt;ul class="bot_content"&gt;
            &lt;li&gt;
 ]]></description><category></category></item><item><title><![CDATA[Compositon API 开发之初体验 — TODO DEMO]]></title><link>https://blog.youkuaiyun.com/hellowwj0715/article/details/115407929</link><guid>https://blog.youkuaiyun.com/hellowwj0715/article/details/115407929</guid><author>hellowwj0715</author><pubDate>Sat, 03 Apr 2021 01:24:01 +0800</pubDate><description><![CDATA[概要：VUE2+Compositon API，完成todo list的DEMO。

背景：笔者在工作中在大佬的带动下在VUE2的项目中使用Compositon API进行开发非常简易的待办清单，还没有用过Compositon API 的小伙伴们，请跟我一起一步步地揭开它神秘的面纱；

1、使用 vue-cli 创建项目（过程略）。

2、安装Compositon API：


npm install @vue/composition-api --save
// 或
yarn install @vue/c..]]></description><category></category></item><item><title><![CDATA[vue + antd项目中关于Table的那些事儿之合并单元格]]></title><link>https://blog.youkuaiyun.com/hellowwj0715/article/details/108530314</link><guid>https://blog.youkuaiyun.com/hellowwj0715/article/details/108530314</guid><author>hellowwj0715</author><pubDate>Fri, 02 Apr 2021 21:11:48 +0800</pubDate><description><![CDATA[引言：笔者为前端小白，本文章是笔者项目中代码分享，仅供初学者参考。

概要：利用antd组件库的table组件根据添加的数据，自动合并单元格；


]]></description><category></category></item><item><title><![CDATA[vue+antd复选框（checkbox）实现全选与部分选择]]></title><link>https://blog.youkuaiyun.com/hellowwj0715/article/details/108244542</link><guid>https://blog.youkuaiyun.com/hellowwj0715/article/details/108244542</guid><author>hellowwj0715</author><pubDate>Thu, 27 Aug 2020 15:18:27 +0800</pubDate><description><![CDATA[概要：使用antd的复选框组件完成全选和部分选择的功能，包含选项生成、部分选项不可用等状态；

背景：项目使用vue+vue cli+antd+ts，完成的需求是对学生进行选择，已经选择过的学生会进入已选学生列表，将已选学生列表和全员学生列表进行对比，当已选学生列表不为空时，全员学生列表展示时对应的学生名称不能再次选择，除此之外，可以对全员学生列表进行部分选择、全选以及反选的操作，并且会显示已选数量和可选数量，全选的checkbox状态，会有未选/全选/部分选/不可选四种状态，页面效果可见文章最下方；

正]]></description><category></category></item><item><title><![CDATA[vue+antd上传组件（Upload）的简单案例]]></title><link>https://blog.youkuaiyun.com/hellowwj0715/article/details/106909110</link><guid>https://blog.youkuaiyun.com/hellowwj0715/article/details/106909110</guid><author>hellowwj0715</author><pubDate>Tue, 30 Jun 2020 19:57:24 +0800</pubDate><description><![CDATA[使用antd的Upload组件自定义上传功能，包含上传、文件验证、回传（成功/失败）；]]></description><category></category></item><item><title><![CDATA[vue + antd项目中关于Table的那些事儿之排序筛查]]></title><link>https://blog.youkuaiyun.com/hellowwj0715/article/details/105135268</link><guid>https://blog.youkuaiyun.com/hellowwj0715/article/details/105135268</guid><author>hellowwj0715</author><pubDate>Tue, 23 Jun 2020 10:46:43 +0800</pubDate><description><![CDATA[需求：利用antd组件库的table组件完成数据按格式渲染，分页/翻页，排序，查询，筛选功能；

注意：本demo前端分页；

步入正题：

1、引入antd组件库


$ npm i --save ant-design-vue

2、按需引入table组件


import Vue from 'vue';
import { Table } from 'ant-design-vue';

Vue....]]></description><category></category></item><item><title><![CDATA[前端小白配置mac下node+vue开发环境的各种姿势]]></title><link>https://blog.youkuaiyun.com/hellowwj0715/article/details/105406601</link><guid>https://blog.youkuaiyun.com/hellowwj0715/article/details/105406601</guid><author>hellowwj0715</author><pubDate>Thu, 09 Apr 2020 16:23:55 +0800</pubDate><description><![CDATA[背景：笔者（前端小白）之前mac环境下用的node 9.8.x版本，npm 6.13.4版本，昨天尝试ts，用vue-cli构建项目对时候，vscode给提示说node版本太低了，好，笔者听从前辈经验，打算安装一个nvm，再升级node，结果nvm硬是安装失败，后来按照网上资料，用n安装了node10.19的最新版（因为有人说12会有不兼容的问题），升级了node之后，用vue create构建项...]]></description><category></category></item><item><title><![CDATA[vue-echart柱状图 案例代码分享]]></title><link>https://blog.youkuaiyun.com/hellowwj0715/article/details/104384632</link><guid>https://blog.youkuaiyun.com/hellowwj0715/article/details/104384632</guid><author>hellowwj0715</author><pubDate>Wed, 19 Feb 2020 00:19:42 +0800</pubDate><description><![CDATA[引言：因笔者在项目中只用到了柱状图，此处仅分享柱状图的案例代码，使用的是vue-echarts，涉及到数据请求，柱状图渲染，简化的鼠标经过显示数据内容，以及鼠标点击柱形图某个柱子的事件代码。

正文：

1、安装vue-echarts：npm install echarts vue-echarts；

2、使用方法（笔者用在src/views/chart.vue文件中）：

1）按需引入vue-e...]]></description><category></category></item><item><title><![CDATA[vue-cli 4+axios+代理+封装 案例代码分享]]></title><link>https://blog.youkuaiyun.com/hellowwj0715/article/details/104382785</link><guid>https://blog.youkuaiyun.com/hellowwj0715/article/details/104382785</guid><author>hellowwj0715</author><pubDate>Tue, 18 Feb 2020 22:39:17 +0800</pubDate><description><![CDATA[引言：笔者为前端小白，本文乃笔者初学axios，参考无数资料写下Demo的代码分享，介于网上资料虽然多但是大多需要不断尝试才能验证真伪，本文代码皆是笔者验证可行的代码，希望能给同是小白的小伙伴带来一点便利（拿去拿去，不用客气～ ^!^）

项目背景：前端框架是Vue-cli4.0，http请求处理使用axios，后端java/数据库Mysql（小伙伴友情协助，此处点36个赞！）

方案一：axio...]]></description><category></category></item></channel></rss>