<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[若如流水 淡淡流过]]></title><description><![CDATA[学而不思则罔，思而不学则殆]]></description><link>https://blog.youkuaiyun.com/ZXD1314520</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; ZXD1314520]]></copyright><item><title><![CDATA[vue的整理]]></title><link>https://blog.youkuaiyun.com/ZXD1314520/article/details/144851738</link><guid>https://blog.youkuaiyun.com/ZXD1314520/article/details/144851738</guid><author>ZXD1314520</author><pubDate>Tue, 31 Dec 2024 15:48:10 +0800</pubDate><description><![CDATA[例如，我们从 `/a`导航到一个相对路径 `b`，如果`没有配置 append`，则路径为`/b`，如果`配了`，则为`/a/b` | `<router-link :to="{ path: 'relative/path'}" append></router-link>` || active-class       | string（默认 "router-link-active"）    | 设置 `链接激活时`使用的`CSS 类名`。, onAbort?可以是一个`字符串`或是一个包含`字符串的数组`。]]></description><category></category></item><item><title><![CDATA[图片预览 图片上传到服务器]]></title><link>https://blog.youkuaiyun.com/ZXD1314520/article/details/144006497</link><guid>https://blog.youkuaiyun.com/ZXD1314520/article/details/144006497</guid><author>ZXD1314520</author><pubDate>Sun, 24 Nov 2024 13:30:19 +0800</pubDate><description><![CDATA[图片预览  图片上传 非常实战]]></description><category></category></item><item><title><![CDATA[vue3-print-nb实现打印功能]]></title><link>https://blog.youkuaiyun.com/ZXD1314520/article/details/129163092</link><guid>https://blog.youkuaiyun.com/ZXD1314520/article/details/129163092</guid><author>ZXD1314520</author><pubDate>Wed, 22 Feb 2023 15:20:21 +0800</pubDate><description><![CDATA[需求目的：实现对table表格 form表单的 信息之类的打印，后台管理用的多。2.main.ts 全局注册。]]></description><category></category></item><item><title><![CDATA[vue3.0把html生成图片以及把图片下载到本地]]></title><link>https://blog.youkuaiyun.com/ZXD1314520/article/details/129161377</link><guid>https://blog.youkuaiyun.com/ZXD1314520/article/details/129161377</guid><author>ZXD1314520</author><pubDate>Wed, 22 Feb 2023 14:51:12 +0800</pubDate><description><![CDATA[vue3.0把html生成图片以及把图片下载到本地
25 / 100
]]></description><category></category></item><item><title><![CDATA[js原生图片上传+axios]]></title><link>https://blog.youkuaiyun.com/ZXD1314520/article/details/116041629</link><guid>https://blog.youkuaiyun.com/ZXD1314520/article/details/116041629</guid><author>ZXD1314520</author><pubDate>Fri, 23 Apr 2021 09:11:41 +0800</pubDate><description><![CDATA[html:

&lt;inputtype="file"class="file-input"@change="reads(event)"/&gt;



js:

reads(event){

letthat=this;

letfileObject=event.target.files[0];

constformData=newFormData();

  后台要求传的参数地址是什么？

 "file"为后台要求的参数

...]]></description><category></category></item><item><title><![CDATA[call、apply、bind的用法]]></title><link>https://blog.youkuaiyun.com/ZXD1314520/article/details/116002008</link><guid>https://blog.youkuaiyun.com/ZXD1314520/article/details/116002008</guid><author>ZXD1314520</author><pubDate>Thu, 22 Apr 2021 10:10:44 +0800</pubDate><description><![CDATA[一个案例明白call(），apply（）,bind()的用于以及区别

&lt;script&gt;

var[name,age]=['张洪伟','17']

varobj={

nikename:'小张同学',

yourage:this.age,//17

do:function(girl,play){

console.log(this.nikename...]]></description><category></category></item><item><title><![CDATA[vue3.0工程化项目搭建]]></title><link>https://blog.youkuaiyun.com/ZXD1314520/article/details/114931537</link><guid>https://blog.youkuaiyun.com/ZXD1314520/article/details/114931537</guid><author>ZXD1314520</author><pubDate>Wed, 17 Mar 2021 15:15:11 +0800</pubDate><description><![CDATA[简述、以下为vue3.0 vue-cli4.0搭建工程化项目的方法，有误地方感谢更正。

一、 安装 脚手架

 npm install @vue/cli-g 没有指定版本则为cli最高版本

二、创建项目



三、选择定义手动配置



四、选择配置



五、选择vue 版本 3.0



六、选择模式



1.hash模式的原理(url带有#号部分)：

在vue-router.js的2.8版本之前，在路由的hash部分发生了任何变化，都会执行window.onhashchan...]]></description><category></category></item><item><title><![CDATA[vue-element-admin 遇到的一些问题分析]]></title><link>https://blog.youkuaiyun.com/ZXD1314520/article/details/97778153</link><guid>https://blog.youkuaiyun.com/ZXD1314520/article/details/97778153</guid><author>ZXD1314520</author><pubDate>Tue, 30 Jul 2019 14:14:54 +0800</pubDate><description><![CDATA[vue-element-admin 想必很多前端开发都在用。以下是一些我在用的过程中遇到的一些问题的心得与总结

1.第一 登录进入后 点击了其他菜单栏 按退出后 再次进入进来 （客户要求每次进来必须是首页，而不是其他曾经点过的页面）

只需要在login下把index.vue里面画红线部分的改为下面那句即可 保证每次登录进来都为首页。

2.vue-print-nb 打印插件 本地可以打印 bu...]]></description><category></category></item><item><title><![CDATA[vue 手机端demo]]></title><link>https://blog.youkuaiyun.com/ZXD1314520/article/details/96480063</link><guid>https://blog.youkuaiyun.com/ZXD1314520/article/details/96480063</guid><author>ZXD1314520</author><pubDate>Fri, 19 Jul 2019 14:29:44 +0800</pubDate><description><![CDATA[有个想法写一个各种插件的用法 和实列出来 那样每次用什么就直接复制过来就好。大家感觉怎么样

尽情期待吧！努力开发中 快乐的小前端!

示列图如下

https://download.youkuaiyun.com/download/zxd1314520/11423856demo下载地址








...]]></description><category></category></item><item><title><![CDATA[如何做微信分享]]></title><link>https://blog.youkuaiyun.com/ZXD1314520/article/details/90174922</link><guid>https://blog.youkuaiyun.com/ZXD1314520/article/details/90174922</guid><author>ZXD1314520</author><pubDate>Mon, 13 May 2019 16:44:13 +0800</pubDate><description><![CDATA[好久没有写自己在项目所遇到的问题以及解决办法了，外包公司太忙。最近做公众号项目比较多。今天抽空写一些最近在项目遇到的问题吧

首先谈谈微信分享吧

第一步 作为前端必须要和后台商量是 前端去获取code来跟后台openId,还是后台自己获取code传openId给前端。

两种办法都是可行的，个人建议呢，(1)后台获取code 在链接里传openId给前端，前端通过截取url里的参数来保存open...]]></description><category></category></item><item><title><![CDATA[vue前端做微信支付与提现]]></title><link>https://blog.youkuaiyun.com/ZXD1314520/article/details/86229253</link><guid>https://blog.youkuaiyun.com/ZXD1314520/article/details/86229253</guid><author>ZXD1314520</author><pubDate>Thu, 10 Jan 2019 14:21:34 +0800</pubDate><description><![CDATA[微信公众号里我们时常会遇到一些提现支付。作为前端我们又该怎样来做呢？

一、首先我们前端要获取code去后台换openid,

https://open.weixin.qq.com/connect/oauth2/authorize?appid=wx520c15f417810387&amp;amp;redirect_uri=https%3A%2F%2Fchong.qq.com%2Fphp%2Findex.p...]]></description><category></category></item><item><title><![CDATA[vue 轮播写考试题和提交答案]]></title><link>https://blog.youkuaiyun.com/ZXD1314520/article/details/84992475</link><guid>https://blog.youkuaiyun.com/ZXD1314520/article/details/84992475</guid><author>ZXD1314520</author><pubDate>Fri, 14 Dec 2018 13:37:37 +0800</pubDate><description><![CDATA[1.最近一直忙着做项目都没时间来总结了，最近的手里的三个项目，我都采用的用vue+vant 在适当的用原生javascrpipt来做一些特效和功能的实现。

2.按照我的惯例先上效果图，有图有真相嘛。



1） 首先页面用的轮播 Swiper  插件。实现页面几十到题的切换；我将左右切换 做了一个小小变化，变为了上下题切换这样话页面看起来更好看点 在IOS上失效上下题切换失效了 因为  swip...]]></description><category></category></item><item><title><![CDATA[element 怎么把图片上传给后台]]></title><link>https://blog.youkuaiyun.com/ZXD1314520/article/details/83308610</link><guid>https://blog.youkuaiyun.com/ZXD1314520/article/details/83308610</guid><author>ZXD1314520</author><pubDate>Tue, 23 Oct 2018 16:22:07 +0800</pubDate><description><![CDATA[最近做一个elment admin管理后台中遇到一个小问题 就是怎样把图片上传给后台

下面我直接附上代码在做详解


         &amp;lt;el-upload style=&quot;margin-bottom: 20px;&quot; :action=&quot;imgUrl&quot;
                   :limit='1'
                   :multiple='true'
     ...]]></description><category></category></item><item><title><![CDATA[vue.js的那些事]]></title><link>https://blog.youkuaiyun.com/ZXD1314520/article/details/82774917</link><guid>https://blog.youkuaiyun.com/ZXD1314520/article/details/82774917</guid><author>ZXD1314520</author><pubDate>Wed, 19 Sep 2018 17:07:25 +0800</pubDate><description><![CDATA[     用惯了vue发现项目都变得简单起来，从写移动端到PC端在到后台管理系统（element-admin）。一直在坑打交道，不得不说vue是个奇妙的库。让人思考，让人沉迷与去填坑。

以下是我总结的API地址和适用插件地址：

1.Vant ------------手机移动端 小程序 https://youzan.github.io/vant/#/zh-CN/intro

2.mint-ui ...]]></description><category></category></item><item><title><![CDATA[巧妙运用iView Weapp------------小程序更得心应手 （tab nav）]]></title><link>https://blog.youkuaiyun.com/ZXD1314520/article/details/82657219</link><guid>https://blog.youkuaiyun.com/ZXD1314520/article/details/82657219</guid><author>ZXD1314520</author><pubDate>Wed, 12 Sep 2018 10:35:51 +0800</pubDate><description><![CDATA[最近几个月小生一直在学习vue.js，也分享了许多vue常用列子，每个列子都是小生自己在项目中积累下来的，经过测试无bug后修改成列子与走在前端路上的朋友一同进步。接下来小生将围绕小程序来写列子，谁叫2018年小程序火的如日中天呢。

demo地址：https://download.youkuaiyun.com/download/zxd1314520/10665012

这一篇将围绕小程序的条件渲染来写：

...]]></description><category></category></item><item><title><![CDATA[vue.js --------------时间选择器]]></title><link>https://blog.youkuaiyun.com/ZXD1314520/article/details/82496450</link><guid>https://blog.youkuaiyun.com/ZXD1314520/article/details/82496450</guid><author>ZXD1314520</author><pubDate>Fri, 07 Sep 2018 14:55:44 +0800</pubDate><description><![CDATA[很多项目中都会用到时间选择。下面列子中我写了一个实例

demo下载地址：https://download.youkuaiyun.com/download/zxd1314520/10634016

首先上效果图：



1.先引入 cnpm install vue-date-time-m --save

2.在main.js里引入

import dateTime from 'vue-date-time-m'...]]></description><category></category></item><item><title><![CDATA[Android仿支付宝提现]]></title><link>https://blog.youkuaiyun.com/ZXD1314520/article/details/82181157</link><guid>https://blog.youkuaiyun.com/ZXD1314520/article/details/82181157</guid><author>ZXD1314520</author><pubDate>Wed, 29 Aug 2018 11:58:04 +0800</pubDate><description><![CDATA[资源demo下载地址https://download.youkuaiyun.com/download/zxd1314520/10633545

1.依据依赖


 compile 'com.jungly:gridPasswordView:0.3'

2.样式布局


&amp;lt;?xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot;?&amp;gt;
&amp;lt;LinearLayout xmlns:andr...]]></description><category></category></item><item><title><![CDATA[vue.js 图片上传并预览，图片更换]]></title><link>https://blog.youkuaiyun.com/ZXD1314520/article/details/82049801</link><guid>https://blog.youkuaiyun.com/ZXD1314520/article/details/82049801</guid><author>ZXD1314520</author><pubDate>Sat, 25 Aug 2018 13:36:05 +0800</pubDate><description><![CDATA[这里讲解是图片上传和图片预览   这篇博客与上篇博客相呼应。我的博客几乎每篇与上下博客都有关联，但是不影响单一功能使用。主要是围绕我们常用功能的列子做讲解 ,并且没有格外引入其他js 所以你复制过去做简单修改便可以看到效果

 

效果图：



样式以及效果图一并展示

1.HTML

&amp;lt;div class=&quot;rz-picter&quot;&amp;gt;
                        &amp;...]]></description><category></category></item><item><title><![CDATA[最适应的vue.js的form提交 涉及多种插件]]></title><link>https://blog.youkuaiyun.com/ZXD1314520/article/details/82020504</link><guid>https://blog.youkuaiyun.com/ZXD1314520/article/details/82020504</guid><author>ZXD1314520</author><pubDate>Fri, 24 Aug 2018 16:31:59 +0800</pubDate><description><![CDATA[ 

基于vue.js这里写了一个小列子；涉及到 vue.js动态添加css样式 ，tab切换 ，touch，表单提交，验证，toast，数据双向绑定等。

先上效果图再一一讲解：



 

一、首先用到的是动态修改css



点击X将隐藏温馨提示：

1.先给整个div绑定 v-bind

&amp;lt;div class=&quot;rz-notice&quot; v-bind:style=&quot;{ display: ...]]></description><category></category></item><item><title><![CDATA[mint ui------------Picker与Popup的实际运用]]></title><link>https://blog.youkuaiyun.com/ZXD1314520/article/details/81980475</link><guid>https://blog.youkuaiyun.com/ZXD1314520/article/details/81980475</guid><author>ZXD1314520</author><pubDate>Thu, 23 Aug 2018 15:28:57 +0800</pubDate><description><![CDATA[最近小生一直在做关于vant 与 mint ui 的小列子，也写了关于他们两种的插件的运用与方法。

这次讲mint ui之Picker与Popup的实际运用：


1.首先我们需要装mint ui 插件

 

npm install mint-ui --save

//淘宝镜像 cnpm install mint-ui --save 

2.在main.js在引入

import Mint f...]]></description><category></category></item></channel></rss>