<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[Rick_and_mode的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/Rick_and_mode</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; Rick_and_mode]]></copyright><item><title><![CDATA[vue解决前端跨域请求]]></title><link>https://blog.youkuaiyun.com/Rick_and_mode/article/details/126876430</link><guid>https://blog.youkuaiyun.com/Rick_and_mode/article/details/126876430</guid><author>Rick_and_mode</author><pubDate>Thu, 15 Sep 2022 17:50:10 +0800</pubDate><description><![CDATA[【代码】vue解决前端跨域请求。]]></description><category></category></item><item><title><![CDATA[初步了解Vue3（持续更新）]]></title><link>https://blog.youkuaiyun.com/Rick_and_mode/article/details/121679866</link><guid>https://blog.youkuaiyun.com/Rick_and_mode/article/details/121679866</guid><author>Rick_and_mode</author><pubDate>Thu, 02 Dec 2021 16:47:37 +0800</pubDate><description><![CDATA[Composition API
setup函数
在旧的 beforeCreate 钩子函数之后和 created 的钩子函数之前立即调用 setup 方法。因此，我们不再需要这两个钩子，我们可以简单地将本应有的代码放在 setup() 方法中。
setup 函数是一个新的组件选项。作为在组件内使用 Composition API 的入口点。
setup会在 beforeCreate前被调用，同时在vue3中setup代替了beforeCreate和created
网上许多文章认为setup执行时间在befo]]></description><category></category></item><item><title><![CDATA[Css平行四边形 三角形实现 加tarnsform兼容问题]]></title><link>https://blog.youkuaiyun.com/Rick_and_mode/article/details/121652207</link><guid>https://blog.youkuaiyun.com/Rick_and_mode/article/details/121652207</guid><author>Rick_and_mode</author><pubDate>Wed, 01 Dec 2021 11:47:24 +0800</pubDate><description><![CDATA[]]></description><category></category></item><item><title><![CDATA[Vue监听浏览器宽度]]></title><link>https://blog.youkuaiyun.com/Rick_and_mode/article/details/119113952</link><guid>https://blog.youkuaiyun.com/Rick_and_mode/article/details/119113952</guid><author>Rick_and_mode</author><pubDate>Mon, 26 Jul 2021 17:15:49 +0800</pubDate><description><![CDATA[setPageH() {
      const h = document.body.clientWidth;
      if (h &lt; 768) {
        this.isCollapse = true;
      }else{
        this.isCollapse = false
      }
    },
     mounted() {
    let _this = this;
    _this.setPageH();
    window.onresize = .]]></description><category></category></item><item><title><![CDATA[js jq 日期多选插件air-datepicker使用]]></title><link>https://blog.youkuaiyun.com/Rick_and_mode/article/details/117225600</link><guid>https://blog.youkuaiyun.com/Rick_and_mode/article/details/117225600</guid><author>Rick_and_mode</author><pubDate>Mon, 24 May 2021 16:04:44 +0800</pubDate><description><![CDATA[外部链接引入插件官网
插件官网 http://t1m0n.name/air-datepicker/docs/
使用中文插件 js引入
&lt;link href="https://cdn.bootcdn.net/ajax/libs/air-datepicker/2.2.3/css/datepicker.css" rel="stylesheet"&gt;
&lt;script src="https://cdn.bootcdn.net/ajax/libs/air-datepicker/2.2.3/js/date]]></description><category></category></item><item><title><![CDATA[Echarts 去掉保存图片设置]]></title><link>https://blog.youkuaiyun.com/Rick_and_mode/article/details/117127966</link><guid>https://blog.youkuaiyun.com/Rick_and_mode/article/details/117127966</guid><author>Rick_and_mode</author><pubDate>Fri, 21 May 2021 16:57:47 +0800</pubDate><description><![CDATA[toolbox: {
        feature: {
            saveAsImage: {
                show: false
            }
        }
    },


]]></description><category></category></item><item><title><![CDATA[Jq 页面分页]]></title><link>https://blog.youkuaiyun.com/Rick_and_mode/article/details/117080840</link><guid>https://blog.youkuaiyun.com/Rick_and_mode/article/details/117080840</guid><author>Rick_and_mode</author><pubDate>Thu, 20 May 2021 16:14:03 +0800</pubDate><description><![CDATA[&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
    &lt;title&gt;Doc]]></description><category></category></item><item><title><![CDATA[Vue路由动画浅入浅出简单实现]]></title><link>https://blog.youkuaiyun.com/Rick_and_mode/article/details/116305831</link><guid>https://blog.youkuaiyun.com/Rick_and_mode/article/details/116305831</guid><author>Rick_and_mode</author><pubDate>Fri, 30 Apr 2021 16:37:44 +0800</pubDate><description><![CDATA[Vue路由动画
最近想自己开发一个博客网站，本来想用js jq 原生写，后来发现mvc的框架实在有点强差人意。索性就直接用了vue，然后我又发现一个页面的跳转效果也有点差人意，我就想到vue的路由动画，下面给大家实例一种简单的路由动画。
路由
重新给路由添加下标，在定义路由时添加meta属性，定义index，然后在页面监听路由，根据index的大小决定添加哪种动画。

在route的index.js里面

const routes = [
  {
    path: '/',
    name: 'Home]]></description><category></category></item><item><title><![CDATA[Js 学习日记（持续更新）]]></title><link>https://blog.youkuaiyun.com/Rick_and_mode/article/details/116066107</link><guid>https://blog.youkuaiyun.com/Rick_and_mode/article/details/116066107</guid><author>Rick_and_mode</author><pubDate>Fri, 23 Apr 2021 18:17:16 +0800</pubDate><description><![CDATA[Js的三元运算符
	${ 判断条件 == 0 ? ' true ' : ' false   '  }

Js如何在动态生成的table删除对应行或者列
获取当前 行 列 的this指向(圈重点)
    var tr = i.parentNode.parentNode;
    //i 相当于 行 或者 列 的 this 指向
    var tbody = tr.parentNode;
     tbody.removeChild(tr);


...]]></description><category></category></item><item><title><![CDATA[前端框架开发指南（Vue入门篇）]]></title><link>https://blog.youkuaiyun.com/Rick_and_mode/article/details/110951836</link><guid>https://blog.youkuaiyun.com/Rick_and_mode/article/details/110951836</guid><author>Rick_and_mode</author><pubDate>Thu, 10 Dec 2020 16:53:06 +0800</pubDate><description><![CDATA[前端开发指南前言一、Node.js是什么？1.Node.js安装及详细步骤二、使用步骤1.引入库2.读入数据总结


前言
刚刚接触前端，我们肯定从最基本的框架安装来进行的。
我们需要配置什么， 我们需要安装什么。
我们如何开发这种问题来围绕进行的。
我们先来最基本的开发安装。
一、Node.js是什么？
前端的底层开发语言的是Node.js
为什么是Node.js作为底层开发语言

前端开发的主要面对的对象是浏览器等，各种各样的开发环境
就好像我们写入html的js语言，需要一个解析器。
而html的解析]]></description><category></category></item><item><title><![CDATA[前端开发如何理解微信支付 和 支付宝支付]]></title><link>https://blog.youkuaiyun.com/Rick_and_mode/article/details/110848008</link><guid>https://blog.youkuaiyun.com/Rick_and_mode/article/details/110848008</guid><author>Rick_and_mode</author><pubDate>Mon, 07 Dec 2020 23:55:44 +0800</pubDate><description><![CDATA[1、微信支付
以下是微信支付交互时序图，统一下单API、支付结果通知API和查询订单API等都涉及签名过程，
调用都必须在商户服务器端完成。如图1所示

商户系统和微信支付系统主要交互说明：
步骤1：用户在商户APP中选择商品，提交订单，选择微信支付。
步骤2：商户后台收到用户支付单，调用微信支付统一下单接口。
步骤3：统一下单接口返回正常的prepay_id，再按签名规范重新生成签名后，将数据传输给APP。参与签名的字段名为appId，partnerId，prepayId，nonceStr，timeSta]]></description><category></category></item><item><title><![CDATA[js 单线程、宏任务与微任务的执行顺序]]></title><link>https://blog.youkuaiyun.com/Rick_and_mode/article/details/110847959</link><guid>https://blog.youkuaiyun.com/Rick_and_mode/article/details/110847959</guid><author>Rick_and_mode</author><pubDate>Mon, 07 Dec 2020 23:51:29 +0800</pubDate><description><![CDATA[js 单线程

众所周知js是单线程，但js是可以执行同步和异步任务的，同步的任务众人皆知是按照顺序去执行的；
而异步任务的执行，是有一个优先级的顺序的，包括了 宏任务（macrotasks）和 微任务(microtasks)

宏任务

是指消息队列中的等待被主线程执行的事件，宏任务执行时都会重新创建栈，然后调用宏任务中的函数，栈也会随着变化，但宏任务执行结束时，栈也会随之销毁。
包括 整体代码script，setTimeout，setInterval ，setImmediate，I/O，UI rende]]></description><category></category></item><item><title><![CDATA[开发时如何使用混合App开发？]]></title><link>https://blog.youkuaiyun.com/Rick_and_mode/article/details/110847840</link><guid>https://blog.youkuaiyun.com/Rick_and_mode/article/details/110847840</guid><author>Rick_and_mode</author><pubDate>Mon, 07 Dec 2020 23:47:41 +0800</pubDate><description><![CDATA[混合APP开发(原生+H5)

混合开发（Hybrid
App开发），是指在开发一款App产品的时候，为了提高效率、节省成本而利用原生与H5的开发技术的混合应用。通俗点来说，这就是网页的模式，通常由“HTML5云网站+APP应用客户端”两部份构成。
混合开发是一种取长补短的开发模式，原生代码部分利用Web
View插件或者其它框架为H5提供容器，程序主要的业务实现、界面展示都是利用与H5相关的Web技术进行实现的。比如京东、淘宝、今日头条等APP都是利用混合开发模式而成的。

**优点：
1、开发效率高，节]]></description><category></category></item><item><title><![CDATA[怎么根据甲方设计稿设置Rem比例？]]></title><link>https://blog.youkuaiyun.com/Rick_and_mode/article/details/110847797</link><guid>https://blog.youkuaiyun.com/Rick_and_mode/article/details/110847797</guid><author>Rick_and_mode</author><pubDate>Mon, 07 Dec 2020 23:37:48 +0800</pubDate><description><![CDATA[一、什么是rem？
rem是相对长度单位。相对于根元素(即html元素)font-size计算值的倍数的一个css单位，也就是我们 前端常说的适配单位rem。因为rem的特性相对长度单位，常被用来做移动适配，pc端页面不推荐使用rem。
二、rem的移动适配原理？
设计稿宽度：600px
移动设备：600px
设置html的 font-size= 移动设备 / 设计稿宽度 * 100 = 100px，那么 1rem = 100px
设置一个盒子的宽度: width=1rem（即100px），此时这个盒子屏占]]></description><category></category></item><item><title><![CDATA[UniApp Api接口封装]]></title><link>https://blog.youkuaiyun.com/Rick_and_mode/article/details/110490378</link><guid>https://blog.youkuaiyun.com/Rick_and_mode/article/details/110490378</guid><author>Rick_and_mode</author><pubDate>Wed, 02 Dec 2020 17:02:08 +0800</pubDate><description><![CDATA[全局注册，通过this调用
在uniapp 下跟pages同级下创建一个api文件夹下在创建一个


]]></description><category></category></item><item><title><![CDATA[小程序如何登录授权]]></title><link>https://blog.youkuaiyun.com/Rick_and_mode/article/details/110349442</link><guid>https://blog.youkuaiyun.com/Rick_and_mode/article/details/110349442</guid><author>Rick_and_mode</author><pubDate>Sun, 29 Nov 2020 19:02:55 +0800</pubDate><description><![CDATA[如何登录授权
登录的时候获取用户的token
什么token？
用户权限标识 前端鉴权的一种方式 （可认为是一把钥匙） 后端生成 有时效性
token的传递顺序
前端  &gt; 后台  &gt;  服务器  &gt;  流程

登陆的时候检测是否注册 没注册先注册（写入后台数据）
参考文档：
官方文档
完整的登录注册代码
(1)点击封装的登录模块中的按钮—执行processLogin方法
processLogin代码如下：
processLogin(e) {
//如果没有用户userInfo
if (!e]]></description><category></category></item><item><title><![CDATA[npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! 11.27@0.1.0 start: `react-scripts start` npm ERR!]]></title><link>https://blog.youkuaiyun.com/Rick_and_mode/article/details/110226493</link><guid>https://blog.youkuaiyun.com/Rick_and_mode/article/details/110226493</guid><author>Rick_and_mode</author><pubDate>Fri, 27 Nov 2020 11:51:37 +0800</pubDate><description><![CDATA[在跟node_modules同级下
添加一个**.env文件**

在文件里面添加

SKIP_PREFLIGHT_CHECK=true

然后在 npm start 启动即可

]]></description><category></category></item><item><title><![CDATA[如何从Vue中快速入手小程序]]></title><link>https://blog.youkuaiyun.com/Rick_and_mode/article/details/109906191</link><guid>https://blog.youkuaiyun.com/Rick_and_mode/article/details/109906191</guid><author>Rick_and_mode</author><pubDate>Sat, 21 Nov 2020 20:13:17 +0800</pubDate><description><![CDATA[什么是小程序？
微信小程序，小程序的一种，英文名Wechat Mini Program，是一种不需要下载安装即可使用的应用
微信小程序的使用流程
1.注册地址
https://mp.weixin.qq.com/wxopen/waregister?action=step1&amp;token=&amp;lang=zh_CN

注册完登录小程序后台：开发-&gt;开发设置–AppID(小程序ID)

2.下载地址
https://developers.weixin.qq.com/miniprogram/dev/]]></description><category></category></item><item><title><![CDATA[Js中Var let const的区别]]></title><link>https://blog.youkuaiyun.com/Rick_and_mode/article/details/109777850</link><guid>https://blog.youkuaiyun.com/Rick_and_mode/article/details/109777850</guid><author>Rick_and_mode</author><pubDate>Wed, 18 Nov 2020 17:07:10 +0800</pubDate><description><![CDATA[var,let,const的区别
1.Var的理解
var是ES5中声明变量的方式，无需声明数据类型。主要是根据所赋值的数据类型而改变自己的数据类型。
好处：通过var声明的变量具有全局，方法的作用域。并且var关键字会提升，可以声明前调用。
因为使用var声明变量的特殊性，所以我们编写代码时会出现变量污染或者重复声明这种错误。所以ES6就引入了let，const
2.Let的理解
let和var相比，多了局部作用域。变量声明也不会提升。更像java和c中的变量
let有三个特点：

1.没有预解析过程
2]]></description><category></category></item><item><title><![CDATA[Webpack打包工具详解]]></title><link>https://blog.youkuaiyun.com/Rick_and_mode/article/details/109747109</link><guid>https://blog.youkuaiyun.com/Rick_and_mode/article/details/109747109</guid><author>Rick_and_mode</author><pubDate>Tue, 17 Nov 2020 21:40:20 +0800</pubDate><description><![CDATA[什么是Webpack?
webpack是一种前端资源构建工具 一个静态模块打包器
在webpack看来 前端所有资源文件都会作为模块处理
他将根据模块的依赖关系进行静态分析 打包生成对应的静态资源
webpack 解决什么问题？
Webpack 可以做到按需加载。像 Grunt、Gulp 这类构建工具，打包的思路是：遍历源文件→匹配规则→打包，这个过程中做不到按需加载，即对于打包起来的资源，到底页面用不用，打包过程中是不关心的。
webpack的特点
1、模块化；2、Tree shaking；3、代码懒加载]]></description><category></category></item></channel></rss>