<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[不断学习的兔纸]]></title><description><![CDATA[一起陪我度过漫长岁月]]></description><link>https://blog.youkuaiyun.com/YanH_an</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; YanH_an]]></copyright><item><title><![CDATA[react中dom监听方法内值不更新]]></title><link>https://blog.youkuaiyun.com/YanH_an/article/details/127884551</link><guid>https://blog.youkuaiyun.com/YanH_an/article/details/127884551</guid><author>YanH_an</author><pubDate>Wed, 16 Nov 2022 14:24:25 +0800</pubDate><description><![CDATA[在addEventListener监听方法时，获取的值都是最初的值，没有改变。经过疯狂百度后发现是因为addEventListener里面形成闭包了，所以什么值都不更新。]]></description><category></category></item><item><title><![CDATA[react动态创建绑定dom的ref]]></title><link>https://blog.youkuaiyun.com/YanH_an/article/details/127884443</link><guid>https://blog.youkuaiyun.com/YanH_an/article/details/127884443</guid><author>YanH_an</author><pubDate>Wed, 16 Nov 2022 14:22:58 +0800</pubDate><description><![CDATA[封装的quill编辑器需要通过ref来操作获取输出内容，而编辑器是动态增加的，所以不能一开始就定义好每个ref，所以选择动态生成]]></description><category></category></item><item><title><![CDATA[react的KeepAlive插件使用]]></title><link>https://blog.youkuaiyun.com/YanH_an/article/details/125331581</link><guid>https://blog.youkuaiyun.com/YanH_an/article/details/125331581</guid><author>YanH_an</author><pubDate>Fri, 17 Jun 2022 12:55:17 +0800</pubDate><description><![CDATA[总所周知vue自带KeepAlive功能，但是像我的博客是react写的，想要在点入详情的保存列表的滚动状态，目前来说只能自己做或者使用插件。使用window.scrollTo()这个方法，在列表页面卸载时记住滚动条的位置，放到redux中，列表页面装载之后读取位置进行滚动。这种使用方法有点弊端，滚动的时候很明显，就显得很呆。......]]></description><category></category></item><item><title><![CDATA[vue如何发npm包]]></title><link>https://blog.youkuaiyun.com/YanH_an/article/details/125132617</link><guid>https://blog.youkuaiyun.com/YanH_an/article/details/125132617</guid><author>YanH_an</author><pubDate>Sun, 05 Jun 2022 15:36:03 +0800</pubDate><description><![CDATA[对比react来说，vue发npm包尤为简单。vue-cli脚手架中已经集成了打为npm包的方式，直接省去了webpack或者rollup这一步。]]></description><category></category></item><item><title><![CDATA[写一个react组件并发布到npm]]></title><link>https://blog.youkuaiyun.com/YanH_an/article/details/125123287</link><guid>https://blog.youkuaiyun.com/YanH_an/article/details/125123287</guid><author>YanH_an</author><pubDate>Sat, 04 Jun 2022 17:00:58 +0800</pubDate><description><![CDATA[首先就要到npm官网注册一下啦，编译工具我选择了rollup我们可以先创建一个react项目，在里面写好组件再编译好之后再copy出来发包，便于调试。
先写一个基础的toast提示窗组件
编译
全局安装rollup，方便以后使用
增加一些依赖
在根目录创建rollup.config.js文件，添加rollup配置
在根目录新建 .babelrc文件，添加babel配置
然后执行编译命令
发npm包
把/lib文件夹中编译好的文件copy到新的目录中，在这个目录下执行npm配置文件命令

这样我们的react]]></description><category></category></item><item><title><![CDATA[redux原理理解及使用基础]]></title><link>https://blog.youkuaiyun.com/YanH_an/article/details/125079973</link><guid>https://blog.youkuaiyun.com/YanH_an/article/details/125079973</guid><author>YanH_an</author><pubDate>Wed, 01 Jun 2022 11:04:42 +0800</pubDate><description><![CDATA[本文主要说明redux的原理、独立使用方法、在react中的使用方法以及结合toolkit工具的使用]]></description><category></category></item><item><title><![CDATA[uni-app中使用towxml]]></title><link>https://blog.youkuaiyun.com/YanH_an/article/details/125008728</link><guid>https://blog.youkuaiyun.com/YanH_an/article/details/125008728</guid><author>YanH_an</author><pubDate>Fri, 27 May 2022 18:04:19 +0800</pubDate><description><![CDATA[uni-app是一个使用 Vue.js 开发所有前端应用的框架
towxml是一个在小程序中解析markdown或html的工具

我给博客用uni-app写了一个微信小程序版，要展示文档详情，总所周知小程序本身的rich-text很难用，所以经过一番调研，就选择了towxml。
但是uni-app本身并没有集成towxml，使用的过程中也是遇到了一点麻烦，分享给大家
第一步 以自定义组件的方式引入towxml包
根据官网指引，如果要使用towxml3.0需要构建一下，把构建好的文件夹改名为towxml放.]]></description><category></category></item><item><title><![CDATA[小程序自定义滚动时间选择器]]></title><link>https://blog.youkuaiyun.com/YanH_an/article/details/116540933</link><guid>https://blog.youkuaiyun.com/YanH_an/article/details/116540933</guid><author>YanH_an</author><pubDate>Sat, 08 May 2021 19:53:34 +0800</pubDate><description><![CDATA[背景

借鉴了这位大神的代码 大家去看！
picker-view、微信小程序自定义时间选择器（非官方）

众所周知，小程序原生的pick过于统一化，看起不咋好看~
个性化的时间选择器网上又比较少，so~趁着今天写的项目用到了
写了一个简单的例子，自认为还能看，觉得不好看的亲可以自己再改改呀~

图片.gif

看起来系不系还可以呀~
代码在下方自取呀~
最后有gitee地址！！
wxml
&lt;view class="new-date-pick-bg"  wx:if="{{propDate}}" bind]]></description><category></category></item><item><title><![CDATA[CentOS 8.2 下 安装MySql]]></title><link>https://blog.youkuaiyun.com/YanH_an/article/details/113887802</link><guid>https://blog.youkuaiyun.com/YanH_an/article/details/113887802</guid><author>YanH_an</author><pubDate>Sat, 20 Feb 2021 18:12:02 +0800</pubDate><description><![CDATA[CentOS 8.2 下 安装MySql摘要安装MySql启动/重启/注销/查看卸载强制重置mysql密码
摘要
2021年的新年拿到了工资后，斥巨资在腾讯云买了一个低配的5折服务器，只为了新一年能完成博客的搭建，并能愉快的访问~
安装MySql
首先添加最新的源
	wget https://dev.mysql.com/get/mysql80-community-release-el8-1.noarch.rpm

会出现一个连接的状态，连接成功后执行
	rpm -ivh mysql80-community-]]></description><category></category></item><item><title><![CDATA[使用Nginx部署ssl+react+java项目]]></title><link>https://blog.youkuaiyun.com/YanH_an/article/details/107657592</link><guid>https://blog.youkuaiyun.com/YanH_an/article/details/107657592</guid><author>YanH_an</author><pubDate>Wed, 29 Jul 2020 11:16:50 +0800</pubDate><description><![CDATA[众所周知，如果身边有一个什么都能做的大神，就会变成一个什么都不会的废人

自从我前任域名到期后，我就想要重新站起来，成为自己的大神！

第一步 就从重新部署自己的博客开始学起????

首先在服务器上安装nginx，对于像我这种半路出家的小前端来说，对服务器操作的了解也是一知半解

所以我们直接使用大神的一键安装系列脚本之nginx一键安装


curl -O https://dshvv.oss-cn-beijing.aliyuncs.com/inginx_ssl.sh &amp;&amp; chmod 7]]></description><category></category></item><item><title><![CDATA[Vue组件的实例里面常见的都有什么？]]></title><link>https://blog.youkuaiyun.com/YanH_an/article/details/105471461</link><guid>https://blog.youkuaiyun.com/YanH_an/article/details/105471461</guid><author>YanH_an</author><pubDate>Sun, 12 Apr 2020 17:22:54 +0800</pubDate><description><![CDATA[每个export default里都有很多方法，今天复习了常用的一些。

数据相关的有：

包括props、data状态，自定义方法，计算属性，监听。


&lt;template&gt;
  &lt;div&gt;
    &lt;div&gt;路由传递参数{{id}}&lt;/div&gt;
    &lt;div @click="show"&gt;控制台打印&lt;/div&gt;
   ...]]></description><category></category></item><item><title><![CDATA[Vvue路由基础]]></title><link>https://blog.youkuaiyun.com/YanH_an/article/details/105454826</link><guid>https://blog.youkuaiyun.com/YanH_an/article/details/105454826</guid><author>YanH_an</author><pubDate>Sun, 12 Apr 2020 00:20:55 +0800</pubDate><description><![CDATA[最近一直在react搭建博客，把vue忘的快差不多了

所以复习一下vue的路由部分

我是用vue脚手架的时候勾选了路由配置，所以自动下载了路由的包，如果没有勾选，需要执行下载命令


npm install vue-router

一般新启一个框架项目，都会把路由配置独立出来

创建一个router的文件夹，在文件夹内新建一个index.js文件，在里面进行路由的统一配置


//...]]></description><category></category></item><item><title><![CDATA[TypeScript基础]]></title><link>https://blog.youkuaiyun.com/YanH_an/article/details/105431840</link><guid>https://blog.youkuaiyun.com/YanH_an/article/details/105431840</guid><author>YanH_an</author><pubDate>Fri, 10 Apr 2020 14:06:16 +0800</pubDate><description><![CDATA[各种各样的类型

基础类型：number string null undefined symbol boolean void空

对象类型：{} Class function []


const teacher: {
  name: string;
  age: number;
} = {
  name: "Dell",
  age: 18
};
const...]]></description><category></category></item><item><title><![CDATA[如何在服务器启动一个react项目]]></title><link>https://blog.youkuaiyun.com/YanH_an/article/details/105426818</link><guid>https://blog.youkuaiyun.com/YanH_an/article/details/105426818</guid><author>YanH_an</author><pubDate>Fri, 10 Apr 2020 10:32:03 +0800</pubDate><description><![CDATA[当我满心欢喜的写了一个react项目想与人分享时候，总不能直接把源码穿过去并让人家本地启动去看吧～

so，今天就来说一下如何在服务器上启动一个通过域名访问的react项目

首先要在本地的react项目中打包编译，如果没配置打包命令，默认编译命令：


npm run build

将打包好的build文件夹压缩一下，拖到服务器中,我一般是会放到home文件夹下，大家可以自行选择

在服务器中解...]]></description><category></category></item><item><title><![CDATA[简单理解js中的Event Loop]]></title><link>https://blog.youkuaiyun.com/YanH_an/article/details/105401394</link><guid>https://blog.youkuaiyun.com/YanH_an/article/details/105401394</guid><author>YanH_an</author><pubDate>Thu, 09 Apr 2020 00:40:58 +0800</pubDate><description><![CDATA[我找工作的第一天和丁总准备面试别人的第一天，在这一天相遇了

于是我们共同的理解了如下这个小小的知识点

本文主要讲浏览器的实现，因为暂时不接触node。

众所周知，js天生就是单线程的，所以它有一个任务执行的顺序。event loop就是完成这一任务的执行模型。

js有两种任务形式，一种是同步任务，一种是异步任务。所有的同步任务都在主线程的一个执行栈上执行，异步任务会分成两个列队：

宏队列...]]></description><category></category></item><item><title><![CDATA[小程序数字逢三位逗号分割]]></title><link>https://blog.youkuaiyun.com/YanH_an/article/details/103406756</link><guid>https://blog.youkuaiyun.com/YanH_an/article/details/103406756</guid><author>YanH_an</author><pubDate>Thu, 05 Dec 2019 16:09:51 +0800</pubDate><description><![CDATA[好久没有写教程了

最近写了一个数字三位逗号分割的小方法

写的很啰嗦，不过可以用。后续我再完善把～

用代码之前要清楚的三点

1、此数字包括负数和小数

2、是直接在小程序的wxml中使用

3、我没有做很多测试，可能会有各种奇怪的需求（比如说美元要把$写在负号后面）

话不多说直接上代码！

这段代码要写在wxs文件里！！


var threeNum = function (num) { ...]]></description><category></category></item><item><title><![CDATA[小程序模拟大巴车在线选择座位]]></title><link>https://blog.youkuaiyun.com/YanH_an/article/details/90172818</link><guid>https://blog.youkuaiyun.com/YanH_an/article/details/90172818</guid><author>YanH_an</author><pubDate>Mon, 13 May 2019 14:32:19 +0800</pubDate><description><![CDATA[首先上demo地址：https://github.com/AloneYan/WeChat-SeatSelection



最近公司接了新项目 就有新需求啦

有一个功能是要求在线选座，像是买火车票买电影票哪种

此教程由花花同学友情赞助（为啥酱紫说 是因为花花写的demo 我写教程～）



一个很丑的demo如下图所示！！（为啥这么丑-。-不应该呀）





下面就开始实现它了
具体...]]></description><category></category></item><item><title><![CDATA[小程序模拟VUE过滤器]]></title><link>https://blog.youkuaiyun.com/YanH_an/article/details/85060516</link><guid>https://blog.youkuaiyun.com/YanH_an/article/details/85060516</guid><author>YanH_an</author><pubDate>Tue, 18 Dec 2018 10:06:29 +0800</pubDate><description><![CDATA[做前端的人都知道，vue的过滤器是很好用的，特别是在接收后台数据在前台显示的时候

小程序暂时还没有这项方便的功能，不过最近通过花花同学解锁了新的技能

1.用小程序的.wxs文件来模拟vue的过滤器功能

2.在小程序的js文件中使用公共方法来模拟vue的过滤器功能

下面先来讲第一个种方法～

创建一个.wxs文件，我把它起名为common，表示这是一个公用的过滤器



并在这个文件种写入这...]]></description><category></category></item><item><title><![CDATA[小程序直播开发demo]]></title><link>https://blog.youkuaiyun.com/YanH_an/article/details/83414088</link><guid>https://blog.youkuaiyun.com/YanH_an/article/details/83414088</guid><author>YanH_an</author><pubDate>Fri, 26 Oct 2018 14:07:31 +0800</pubDate><description><![CDATA[参考文档：https://www.cnblogs.com/pass245939319/p/9001137.html



今天研究了新东西小程序的直播开发

这个东西我研究了整整一下午 快给我整哭了

我的demo地址：https://github.com/AloneYan/WeChat-live.git

下面进入正题

首先你必须搞一个小程序公众平台的账号

注册一个自己的小程序 获得自己的...]]></description><category></category></item><item><title><![CDATA[一个简单的自我介绍]]></title><link>https://blog.youkuaiyun.com/YanH_an/article/details/81134139</link><guid>https://blog.youkuaiyun.com/YanH_an/article/details/81134139</guid><author>YanH_an</author><pubDate>Fri, 20 Jul 2018 16:15:05 +0800</pubDate><description><![CDATA[嗨~我是花贝，一个工作了一年半的前端开发睡觉狮（笑）。我来自吉林，大学学的是工商管理专业，一个与计算机没有一点关系的专业！！]]></description><category></category></item></channel></rss>