<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[simple_T的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/simple_T</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; simple_T]]></copyright><item><title><![CDATA[react路由三种方式]]></title><link>https://blog.youkuaiyun.com/simple_T/article/details/131686228</link><guid>https://blog.youkuaiyun.com/simple_T/article/details/131686228</guid><author>simple_T</author><pubDate>Wed, 12 Jul 2023 17:10:18 +0800</pubDate><description><![CDATA[路由链接（携带参数）：<Link to={{pathname:‘/demo/test’,state: {name: ‘tom’,age:18}}}>详情。路由链接（携带参数）：<Link to=“/demo/test?name=tom&age=18”>详情。接收参数： this.props.location.search。接收参数： this.props.location.state。接收参数： this.props.match.params。路由链接（携带参数）：详情。]]></description><category></category></item><item><title><![CDATA[如何不通过 @transactional 注解来实现 spring 的事务管理?]]></title><link>https://blog.youkuaiyun.com/simple_T/article/details/129800396</link><guid>https://blog.youkuaiyun.com/simple_T/article/details/129800396</guid><author>simple_T</author><pubDate>Mon, 27 Mar 2023 17:51:37 +0800</pubDate><description><![CDATA[Spring 事务管理机制可以使用 @Transactional 注解来自动管理事务，但也可以手动管理事务。]]></description><category></category></item><item><title><![CDATA[把antd组件的英文切换为中文]]></title><link>https://blog.youkuaiyun.com/simple_T/article/details/128718200</link><guid>https://blog.youkuaiyun.com/simple_T/article/details/128718200</guid><author>simple_T</author><pubDate>Tue, 17 Jan 2023 16:48:39 +0800</pubDate><description><![CDATA[把antd组件的英文切换为中文。]]></description><category></category></item><item><title><![CDATA[apahe问题集]]></title><link>https://blog.youkuaiyun.com/simple_T/article/details/122507157</link><guid>https://blog.youkuaiyun.com/simple_T/article/details/122507157</guid><author>simple_T</author><pubDate>Sat, 15 Jan 2022 10:48:40 +0800</pubDate><description><![CDATA[1.出现\xef\xbb\xbf
用vi打开Apache的配置文件，然后输入以下命令就好了。
:set nobomb
:w
出现这个问题主要是修改的时候用了windwos下的记事本，然后自动添加UTF-8的头造成的

]]></description><category></category></item><item><title><![CDATA[不再纠结devDependencies与dependencies]]></title><link>https://blog.youkuaiyun.com/simple_T/article/details/122417707</link><guid>https://blog.youkuaiyun.com/simple_T/article/details/122417707</guid><author>simple_T</author><pubDate>Mon, 10 Jan 2022 19:41:30 +0800</pubDate><description><![CDATA[以前一直在纠结一个npm安装的包依赖管理的问题。是这样的：
我们在使用npm install 安装模块或插件的时候，有两种命令把他们写入到 package.json 文件里面去，他们是：–save-dev或–save
首先需要说明的是Dependencies一词的中文意思是依赖和附属的意思，而dev则是develop（开发）的简写。
所以它们的区别在 package.json 文件里面体现出来的就是，使用 --save-dev 安装的 插件，被写入到 devDependencies 域里面去，而使用 --s]]></description><category></category></item><item><title><![CDATA[如何理解纯函数是没有副作用的函数]]></title><link>https://blog.youkuaiyun.com/simple_T/article/details/122331035</link><guid>https://blog.youkuaiyun.com/simple_T/article/details/122331035</guid><author>simple_T</author><pubDate>Wed, 05 Jan 2022 20:07:58 +0800</pubDate><description><![CDATA[https://blog.youkuaiyun.com/yucan1001/article/details/7184107

]]></description><category></category></item><item><title><![CDATA[error cross-zip@4.0.0: The engine “node“ is incompatible with this module. Expected version “＞=12.10]]></title><link>https://blog.youkuaiyun.com/simple_T/article/details/117524426</link><guid>https://blog.youkuaiyun.com/simple_T/article/details/117524426</guid><author>simple_T</author><pubDate>Thu, 03 Jun 2021 15:30:53 +0800</pubDate><description><![CDATA[使用如下命令解决
yarn config set ignore-engines true

]]></description><category></category></item><item><title><![CDATA[nodeJS安装和环境变量的配置]]></title><link>https://blog.youkuaiyun.com/simple_T/article/details/117524187</link><guid>https://blog.youkuaiyun.com/simple_T/article/details/117524187</guid><author>simple_T</author><pubDate>Thu, 03 Jun 2021 15:26:40 +0800</pubDate><description><![CDATA[https://www.cnblogs.com/coder-lzh/p/9232192.html

]]></description><category></category></item><item><title><![CDATA[HTTPS的加密原理]]></title><link>https://blog.youkuaiyun.com/simple_T/article/details/116535900</link><guid>https://blog.youkuaiyun.com/simple_T/article/details/116535900</guid><author>simple_T</author><pubDate>Sat, 08 May 2021 17:34:28 +0800</pubDate><description><![CDATA[https://zhuanlan.zhihu.com/p/43789231

]]></description><category></category></item><item><title><![CDATA[什么是心跳包？]]></title><link>https://blog.youkuaiyun.com/simple_T/article/details/116229136</link><guid>https://blog.youkuaiyun.com/simple_T/article/details/116229136</guid><author>simple_T</author><pubDate>Wed, 28 Apr 2021 10:58:29 +0800</pubDate><description><![CDATA[心跳包就是在客户端和服务器间定时通知对方自己状态的一个自己定义的命令字，按照一定的时间间隔发送，类似于心跳，所以叫做心跳包。
用来判断对方（设备，进程或其它网元）是否正常运行，采用定时发送简单的通讯包，如果在指定时间段内未收到对方响应，则判断对方已经离线。用于检测TCP的异常断开。基本原因是服务器端不能有效的判断客户端是否在线，也就是说，服务器无法区分客户端是长时间在空闲，还是已经掉线的情况。所谓的心跳包就是客户端定时发送简单的信息给服务器端告诉它我还在而已。代码就是每隔几分钟发送一个固定信息给服务端，服.]]></description><category></category></item><item><title><![CDATA[什么是前端组件化开发]]></title><link>https://blog.youkuaiyun.com/simple_T/article/details/116208098</link><guid>https://blog.youkuaiyun.com/simple_T/article/details/116208098</guid><author>simple_T</author><pubDate>Tue, 27 Apr 2021 19:22:20 +0800</pubDate><description><![CDATA[为什么要组件化开发
有时候页面代码量太大，逻辑太多或者同一个功能组件在许多页面均有使用，维护起来相当复杂，这个时候，就需要组件化开发来进行功能拆分、组件封装，已达到组件通用性，增强代码可读性，维护成本也能大大降低。组件化很大程度上降低系统各个功能的耦合性，并且提高了功能内部的聚合性。这对前端工程化及降低代码的维护来说，是有很大的好处的，耦合性的降低，提高了系统的伸展性，降低了开发的复杂度，提升开发效率，降低开发成本。
前端组件化的原则

专一性
一个组件只专注做一件事，且把这件事做好。
可配置性
一个组件，]]></description><category></category></item><item><title><![CDATA[用flex实现筛子的三点布局]]></title><link>https://blog.youkuaiyun.com/simple_T/article/details/115910563</link><guid>https://blog.youkuaiyun.com/simple_T/article/details/115910563</guid><author>simple_T</author><pubDate>Tue, 20 Apr 2021 15:50:57 +0800</pubDate><description><![CDATA[&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
    &lt;style&gt;
        .box {
            width: 200px;
            height: 200px;
            padding: 20px;
            display: flex;
            flex-direction: row;
            justify-content: space-]]></description><category></category></item><item><title><![CDATA[css]]></title><link>https://blog.youkuaiyun.com/simple_T/article/details/115761253</link><guid>https://blog.youkuaiyun.com/simple_T/article/details/115761253</guid><author>simple_T</author><pubDate>Fri, 16 Apr 2021 15:02:03 +0800</pubDate><description><![CDATA[复杂的网页布局都是通过各种网页元素灵活定位实现的，网页中的各种元素定位都有自己的特点。下面我们来看一下css的几种定位方式。
float定位（即浮动定位）：
这种定位方式很简单，只需规定一个浮动的方向（如：float:left;就表示这个元素向左边摆放），它的定位是相对于父元素容器；
如果该元素设置了浮动，后面紧邻的则会受到浮动的影响，因此需要后面的元素若要不受影响，则要在后面清除浮动（可用clear:both;等方法），在两个相邻元素设置相同浮动的情况下，两元素将按顺序相邻摆放。这种定位使得元素脱离文档流]]></description><category></category></item><item><title><![CDATA[quchong]]></title><link>https://blog.youkuaiyun.com/simple_T/article/details/115760392</link><guid>https://blog.youkuaiyun.com/simple_T/article/details/115760392</guid><author>simple_T</author><pubDate>Fri, 16 Apr 2021 14:46:14 +0800</pubDate><description><![CDATA[Array.prototype.uniq = function () {
　　var arr = [];
　　var flag = true;
　　this.forEach(function(item) {
// 排除 NaN (重要！！！) NaN 和自身不相等
　　  // 除了NaN 其他数据 和 自己都 相等
　　  if (item != item) {
　　     // 只有第一次找到NaN 把他放进数组里面
　　     flag &amp;&amp; arr.indexOf(item) =]]></description><category></category></item><item><title><![CDATA[vue项目调用通用组件_vue封装公共组件（通用组件）需要考虑到什么]]></title><link>https://blog.youkuaiyun.com/simple_T/article/details/115499332</link><guid>https://blog.youkuaiyun.com/simple_T/article/details/115499332</guid><author>simple_T</author><pubDate>Wed, 07 Apr 2021 23:51:02 +0800</pubDate><description><![CDATA[开发通用组件是很基础且重要的工作，通用组件必须具备高性能、低耦合的特性
一、数据从父组件传入
为了解耦，子组件本身就不能生成数据。即使生成了，也只能在组件内部运作，不能传递出去。
父对子传参，就需要用到 props，但是通用组件的的应用场景比较复杂，对 props 传递的参数应该添加一些验证规则
二、在父组件处理事件
在通用组件中，通常会需要有各种事件，
比如复选框的 change 事件，或者组件中某个按钮的 click 事件
这些事件的处理方法应当尽量放到父组件中，通用组件本身只作为一个中转
三、记得留一]]></description><category></category></item><item><title><![CDATA[rem和vw的分析比较]]></title><link>https://blog.youkuaiyun.com/simple_T/article/details/115499129</link><guid>https://blog.youkuaiyun.com/simple_T/article/details/115499129</guid><author>simple_T</author><pubDate>Wed, 07 Apr 2021 23:35:15 +0800</pubDate><description><![CDATA[rem：
首先rem是css单位，相比于px固定的像素单位，rem是相对像素单位，更加的灵活。
需求存在：
现在移动端各种屏幕的出现，适应性就更加的强烈。根据分辨率的不同让html的字体大小变化。
一、基本原理：
设计稿宽度：x px
移动设备宽度：y px
Html中font-size=移动设备宽度/设计稿宽度*100
Font-size的值即是1rem=（font-size） px
二、如何根据不同屏幕设置 font-size 大小
1、媒体查询
&lt;style type="text/css"&gt]]></description><category></category></item><item><title><![CDATA[vuex的工作流程]]></title><link>https://blog.youkuaiyun.com/simple_T/article/details/115485796</link><guid>https://blog.youkuaiyun.com/simple_T/article/details/115485796</guid><author>simple_T</author><pubDate>Wed, 07 Apr 2021 14:55:14 +0800</pubDate><description><![CDATA[2、对vuex的简单理解
每一个 Vuex 应用的核心就是 store，里面又包括:
（1）state（数据）：用来存放数据源，就是公共状态;
（2）getters（数据加工）：有的时候需要对数据源进行加工，返回需要的数据；
（3）actions（事件）：要执行的操作，可以进行同步或者异步事件
（4）mutations（执行）：操作结束之后，actions通过commit更新state数据源
（5）modules：使用单一状态树，致使应用的全部状态集中到一个很大的对象，所以把每个模块的局部状态分装使每一个模]]></description><category></category></item><item><title><![CDATA[link与@import的区别]]></title><link>https://blog.youkuaiyun.com/simple_T/article/details/115379712</link><guid>https://blog.youkuaiyun.com/simple_T/article/details/115379712</guid><author>simple_T</author><pubDate>Thu, 01 Apr 2021 17:33:54 +0800</pubDate><description><![CDATA[两者都是外部引入CSS的方式，那么二者有什么区别呢？

@import是CSS提供的语法规则，只有导入样式表的作用；link是HTML提供的标签，不仅可以加载CSS文件，还可以定义RSS，rel连接属性等；
加载页面时，link引入的CSS被同时加载，@import引入的CSS将在页面加载完毕后加载；
link标签作为HTML元素，不存在兼容性问题，而@import是CSS2.1才有的语法，故老版本浏览器（IE5之前）不能识别；
可以通过JS操作DOM，来插入link标签改变样式；由于DOM方法是基于文档的]]></description><category></category></item><item><title><![CDATA[node版本管理工具]]></title><link>https://blog.youkuaiyun.com/simple_T/article/details/115266705</link><guid>https://blog.youkuaiyun.com/simple_T/article/details/115266705</guid><author>simple_T</author><pubDate>Sat, 27 Mar 2021 16:12:40 +0800</pubDate><description><![CDATA[首先把gnvm.exe文件（gitee上搜）放在node安装根目录下，然后执行命令更新
gnvm update latest

node版本控制相关命令
gnvm install 14.16.0 //下载指定node版本
gnvm ls //查看本地有哪些node版本
gnvm use 14.16.0 //使用指定版本
node -V//就可以查看切换到指定版本了


...]]></description><category></category></item><item><title><![CDATA[什么是脚本语言]]></title><link>https://blog.youkuaiyun.com/simple_T/article/details/115216042</link><guid>https://blog.youkuaiyun.com/simple_T/article/details/115216042</guid><author>simple_T</author><pubDate>Thu, 25 Mar 2021 19:03:42 +0800</pubDate><description><![CDATA[脚本语言是读一行执行一行、而无需关注下一行的语言，非脚本语言则是必须读取整个源程序内容、建立完执行环境后执行的语言。

]]></description><category></category></item></channel></rss>