<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[H_shaohui的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/H_shaohui</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; H_shaohui]]></copyright><item><title><![CDATA[Dify本地源码启动教程]]></title><link>https://blog.youkuaiyun.com/H_shaohui/article/details/141427007</link><guid>https://blog.youkuaiyun.com/H_shaohui/article/details/141427007</guid><author>H_shaohui</author><pubDate>Thu, 22 Aug 2024 15:52:36 +0800</pubDate><description><![CDATA[Dify本地源码启动教程.]]></description><category></category></item><item><title><![CDATA[web网络安全]]></title><link>https://blog.youkuaiyun.com/H_shaohui/article/details/134930079</link><guid>https://blog.youkuaiyun.com/H_shaohui/article/details/134930079</guid><author>H_shaohui</author><pubDate>Mon, 11 Dec 2023 16:46:40 +0800</pubDate><description><![CDATA[当用户浏览网页之时，嵌入其中Web里面的javascript代码会被执行，从而达到恶意攻击用户的目的。XSS是攻击客户端，最终受害者是用户，当然，网站管理员也是用户之一。XSS漏洞通常是通过php的输出函数将javascript代码输出到html页面中，通过用户本地浏览器执行的，所以xss漏洞关键就是寻找参数未过滤的输出函数。1.用户的Cookie被获取，其中可能存在Session ID等敏感信息。若服务器端没有做相应防护，攻击者可用对应Cookie登陆服务器。]]></description><category></category></item><item><title><![CDATA[npm切换镜像源]]></title><link>https://blog.youkuaiyun.com/H_shaohui/article/details/134297221</link><guid>https://blog.youkuaiyun.com/H_shaohui/article/details/134297221</guid><author>H_shaohui</author><pubDate>Wed, 08 Nov 2023 20:04:36 +0800</pubDate><description><![CDATA[输出类似于`https://registry.npmjs.org/`的URL，表示当前的npm源是官方的npm源。国内淘宝的开发团队把 npm 在国内做了一个备份，网址是：http://npm.taobao.org/。npm 存储包文件的服务器在国外，速度很慢，所以我们需要解决这个问题。这会列出所有的npm配置，包括当前的npm源。其中，``是你要切换的npm源的URL。]]></description><category></category></item><item><title><![CDATA[前端-关于分辨率和屏幕大小关系的浅谈]]></title><link>https://blog.youkuaiyun.com/H_shaohui/article/details/134143866</link><guid>https://blog.youkuaiyun.com/H_shaohui/article/details/134143866</guid><author>H_shaohui</author><pubDate>Tue, 31 Oct 2023 17:49:52 +0800</pubDate><description><![CDATA[最近在工作中，总有些非前端小伙伴在问分辨率和屏幕的大小关系问题，故在此记录一下，方便不清楚的小伙伴订阅观看。]]></description><category></category></item><item><title><![CDATA[vue中反向代理pathRewite的理解]]></title><link>https://blog.youkuaiyun.com/H_shaohui/article/details/133313939</link><guid>https://blog.youkuaiyun.com/H_shaohui/article/details/133313939</guid><author>H_shaohui</author><pubDate>Tue, 26 Sep 2023 16:21:40 +0800</pubDate><description><![CDATA[需要注意的是，实际请求路径可能与网络请求路径不同，这样可以隐藏目标服务器的真实路径，并且可以对请求路径进行转换或重写，以满足特定的需求，比如统一接口前缀、调整路径格式等。所以，在网络请求代码中，仍然需要根据实际情况使用网络请求路径而不是实际请求路径。总之，在网络面板中，默认情况下，你看到的是网络请求地址，而不是实际请求地址。网络请求地址是你在网络请求代码中指定的路径，即发送请求时使用的路径。总结起来，实际请求路径是反向代理服务器转发到目标服务器的路径，而网络请求路径是你在代码中指定的请求路径。]]></description><category></category></item><item><title><![CDATA[qiankun+vue 适配vue-pdf踩坑]]></title><link>https://blog.youkuaiyun.com/H_shaohui/article/details/132881618</link><guid>https://blog.youkuaiyun.com/H_shaohui/article/details/132881618</guid><author>H_shaohui</author><pubDate>Thu, 14 Sep 2023 16:10:48 +0800</pubDate><description><![CDATA[版权声明：本文为优快云博主「君凉夜」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。原文链接：https://blog.youkuaiyun.com/ygxyvip/article/details/119739377。vue项目线上预览pdf可用vue-pdf完美解决，可是加上qiankun微前端后就变成巨坑了。修改项目的配置文件vue.config.js。重启项目即可通过qiankun正常访问。]]></description><category></category></item><item><title><![CDATA[vue修改node_modules打补丁步骤和注意事项]]></title><link>https://blog.youkuaiyun.com/H_shaohui/article/details/132878954</link><guid>https://blog.youkuaiyun.com/H_shaohui/article/details/132878954</guid><author>H_shaohui</author><pubDate>Thu, 14 Sep 2023 16:05:50 +0800</pubDate><description><![CDATA[想想我们在使用第三方依赖包时如果遇到了bug，通常解决的方式都是绕过这个问题，使用其他方式解决，较为麻烦。或者给作者提个issue，然后等待作者的修复，等待的时间不可控。那么这时候是不是就可以借助patch-package自己动手去修复该bug，感觉是不是很棒，并且还可以在第三方依赖包上，根据业务需求扩展能力。3、使用patch-package定制node_modules中的依赖包：https://blog.youkuaiyun.com/qq_32429257/article/details/111051217。]]></description><category></category></item><item><title><![CDATA[股票入门概念]]></title><link>https://blog.youkuaiyun.com/H_shaohui/article/details/130388346</link><guid>https://blog.youkuaiyun.com/H_shaohui/article/details/130388346</guid><author>H_shaohui</author><pubDate>Wed, 26 Apr 2023 16:28:00 +0800</pubDate><description><![CDATA[包括公司的收入、利润、现金流量等指标，不同行业的指标可能不同；包括资产负债表、现金流量表、财务比率等指标；关注相关政策、竞争格局、市场需求等方面的变化；领导层的背景、经验、执行能力等方面都要考虑。当然，不同的投资人可能会有不同的看法和方法。除了基本面，还有一些技术分析的方法可以用来判断股票价格走势。不过无论采用何种方法，都需要谨慎，根据自己的风险承受能力和投资目标做出决策。K线图是一种记录股票市场价格走势的图表，也常应用于期货、外汇等金融领域。它通过。]]></description><category></category></item><item><title><![CDATA[http常见状态码详解]]></title><link>https://blog.youkuaiyun.com/H_shaohui/article/details/129857827</link><guid>https://blog.youkuaiyun.com/H_shaohui/article/details/129857827</guid><author>H_shaohui</author><pubDate>Thu, 30 Mar 2023 14:59:33 +0800</pubDate><description><![CDATA[http常见状态码详解。HTTP状态码是用于表示客户端发出的请求在服务器端的处理结果的数字代码。状态码通常在响应报文的第一行中返回给客户端，状态码由3个数字组成，其中第一个数字定义了响应的类型，后面两个数字则定义了响应的详细信息。以下是一些常见的HTTP状态码及其含义：1xx: 信息响应类2xx: 成功响应类3xx: 重定向响应类4xx: 客户端错误响应类5xx: 服务器错误响应类HTTP状态码可以帮助开发者诊断问题并改进性能，同时也可以为用户提供有用的提示。]]></description><category></category></item><item><title><![CDATA[vue门户网站，滚动到可视化区域展示动画效果方案]]></title><link>https://blog.youkuaiyun.com/H_shaohui/article/details/129821076</link><guid>https://blog.youkuaiyun.com/H_shaohui/article/details/129821076</guid><author>H_shaohui</author><pubDate>Tue, 28 Mar 2023 17:51:12 +0800</pubDate><description><![CDATA[vue门户网站，滚动到可视化区域展示动画效果方案。添加 data-wow-offset="200"   效果：当元素距离可视区域200时开始执行动画（元素顶部到浏览器底部的距离）若想动画无限重复播放，则使用  data-wow-iteration="infinite"添加 data-wow-iteration="2"  效果：动画会连续播放2次。offset为0时，设置动画的元素在出现在浏览器可视区域时执行动。]]></description><category></category></item><item><title><![CDATA[vue2自定义组件通过rollup配置发布到npm上的详细步骤]]></title><link>https://blog.youkuaiyun.com/H_shaohui/article/details/129672038</link><guid>https://blog.youkuaiyun.com/H_shaohui/article/details/129672038</guid><author>H_shaohui</author><pubDate>Mon, 20 Mar 2023 18:02:46 +0800</pubDate><description><![CDATA[vue2自定义组件通过rollup配置发布到npm上的详细步骤。我们使用了两个输出配置项，一个是未压缩的文件，一个是压缩后的文件。这两个文件将以ES模块的形式输出，以便其他项目可以使用import语法导入我们的组件库。我们需要确保package.json文件中的信息正确，以便其他人使用我们的组件库时可以正确地安装和使用它。接下来，我们可以使用npm run build命令构建我们的组件库，使用npm publish命令将其发布到npm上。现在，我们可以在我们的Vue应用中使用我们的Button组件了。]]></description><category></category></item><item><title><![CDATA[前端大屏项目的屏幕适配方案]]></title><link>https://blog.youkuaiyun.com/H_shaohui/article/details/129498410</link><guid>https://blog.youkuaiyun.com/H_shaohui/article/details/129498410</guid><author>H_shaohui</author><pubDate>Mon, 13 Mar 2023 16:54:19 +0800</pubDate><description><![CDATA[最近在写大屏项目, 技术栈是echarts+vue, 在屏幕适配调研了很久, 网上有多种方案, 但都有自己的局限性,比如css媒体查询代码量巨大,且变化过程不平滑, vw适合定宽的不方便缩放的组件. 并不适合等比例缩放所有组件, 最后,我发现等比例缩放所有组件的话更适合用css变量来设置scale属性。在dom元素的style属性中给变量赋值, 用js调用css变量: this.$refs.ScaleBox.style.setProperty("--scale", this.scale);]]></description><category></category></item><item><title><![CDATA[vue 的 mixin的使用和执行顺序]]></title><link>https://blog.youkuaiyun.com/H_shaohui/article/details/129486688</link><guid>https://blog.youkuaiyun.com/H_shaohui/article/details/129486688</guid><author>H_shaohui</author><pubDate>Mon, 13 Mar 2023 11:33:41 +0800</pubDate><description><![CDATA[在Vue中，mixin中的属性和方法都会被合并到组件中，但是不同类型的属性和方法会被合并到不同的结构中：datacomputedmethodswatchpropsprovide和inject以上属性和方法会被合并成一个新对象，如果出现相同的属性，组件中的属性会覆盖mixin中的属性。beforeCreatecreatedbeforeMountmountedbeforeUpdateupdatedactivateddeactivatedbeforeDestroydestroyed以上属性和方法会被合并成一个数组]]></description><category></category></item><item><title><![CDATA[无法将“vue-cli-service”项识别为 cmdlet、函数、脚本文件或不是内部命令的原因和解决方案]]></title><link>https://blog.youkuaiyun.com/H_shaohui/article/details/129418076</link><guid>https://blog.youkuaiyun.com/H_shaohui/article/details/129418076</guid><author>H_shaohui</author><pubDate>Thu, 09 Mar 2023 11:11:59 +0800</pubDate><description><![CDATA[经常有小伙伴问我说，为什么我们在开发vue项目的时候，需要在package.json的script对象中，去设置命令启动项目，而不是直接的通过"vue-cli-service serve"命令去把项目跑起来。带着这些疑问，小生在此总结了以下这个问题，希望对读者有用，从也希望可以给读者带来些启发。一，vue-cli项目种，为什么不能直接运行vue-cli-service命令？二，vue-cli项目种，为什么不能直接运行vue-cli-service serve命令，要通过npm run去运行？]]></description><category></category></item><item><title><![CDATA[Koa教程之一：路由、Static、Cookie、连接数据库]]></title><link>https://blog.youkuaiyun.com/H_shaohui/article/details/96202176</link><guid>https://blog.youkuaiyun.com/H_shaohui/article/details/96202176</guid><author>H_shaohui</author><pubDate>Tue, 16 Jul 2019 23:09:18 +0800</pubDate><description><![CDATA[本教程代码仓库请访问：
https://github.com/chencl1986/koa2-tutorial

Koa与Express的区别

Express是基于回调函数开发。
Koa是基于Promise思想开发。
Koa1基于Generator，Koa2同时支持Generator和Async/await，但使用Generator会收到警告，因为Koa3是完全基于Async/await。
使用...]]></description><category></category></item><item><title><![CDATA[正则表达式总结]]></title><link>https://blog.youkuaiyun.com/H_shaohui/article/details/95767620</link><guid>https://blog.youkuaiyun.com/H_shaohui/article/details/95767620</guid><author>H_shaohui</author><pubDate>Sat, 13 Jul 2019 17:13:03 +0800</pubDate><description><![CDATA[一、什么是正则



正则是匹配特定格式文本的一种模式。



一句话：

正则表达式为匹配文本的一组标记符. 说白了,就是一些字符(元字符),匹配了多少次(重复),在哪里（位置）匹配的范式.

有几个关键字：元字符，重复，位置



二、元字符



一句话：对于以元字符转为大写为最反义，字符组中加“^”取反义，元字符本身需转义

表1.常用的元字符
	代码
			说明
		.
		...]]></description><category></category></item><item><title><![CDATA[当Activity的launchMode设为singleTask的时候，你要注意了！]]></title><link>https://blog.youkuaiyun.com/H_shaohui/article/details/77379210</link><guid>https://blog.youkuaiyun.com/H_shaohui/article/details/77379210</guid><author>H_shaohui</author><pubDate>Fri, 18 Aug 2017 18:37:22 +0800</pubDate><description><![CDATA[在开发一个电商APP应用的时候，为了不让activity多次创建，所以设置了 Android:launchMode="singleTask"
  代码如下：





[java] view
 plain copy


 print?



   
       
           android:name="com.sondon.mayi.activity.]]></description><category></category></item><item><title><![CDATA[Activity左边滑出，右边滑入的动画切换]]></title><link>https://blog.youkuaiyun.com/H_shaohui/article/details/71126819</link><guid>https://blog.youkuaiyun.com/H_shaohui/article/details/71126819</guid><author>H_shaohui</author><pubDate>Wed, 03 May 2017 17:13:25 +0800</pubDate><description><![CDATA[版权声明：本文为博主原创文章，未经博主允许不得转载。




目录(?)[+]





Activity左边滑出，右边滑入的动画切换

转载请注明出处：http://blog.youkuaiyun.com/u012301841/article/details/46920809

大家都知道Android系统默认Activity间的动画切换效果为：左边滑出、右边滑入，按返回键的动]]></description><category></category></item><item><title><![CDATA[OkHttp网络连接封装工具类]]></title><link>https://blog.youkuaiyun.com/H_shaohui/article/details/70740427</link><guid>https://blog.youkuaiyun.com/H_shaohui/article/details/70740427</guid><author>H_shaohui</author><pubDate>Tue, 25 Apr 2017 15:47:58 +0800</pubDate><description><![CDATA[最近，临近春节放假，把自己最近项目中使用 的okhttp使用做个总结，将自己的工具类贡献出来。其中有部分是参考了鸿洋的部分。
   就直接上代码。



package com.lidong.demo.utils;  
  
import android.os.Handler;  
import android.os.Looper;  
  
import com.google.gson]]></description><category></category></item><item><title><![CDATA[android 开源框架之——下拉刷新，上拉加载更多总结]]></title><link>https://blog.youkuaiyun.com/H_shaohui/article/details/70241144</link><guid>https://blog.youkuaiyun.com/H_shaohui/article/details/70241144</guid><author>H_shaohui</author><pubDate>Wed, 19 Apr 2017 15:18:41 +0800</pubDate><description><![CDATA[版权声明：本文为博主原创文章，未经博主允许不得转载。




目录(?)[+]





最近项目中需要用到下拉刷新的功能，发现自己的写的不是很好，网上搜了一下，发现开源的框架好多啊，而且类似的框架也有很多，不过也很杂，各有优缺点。在这里，我就总结一下比较常用的，争取全面一些，以后自己用起来，查看起来也方便些。
下拉刷新

1.Android-PullToRefresh]]></description><category></category></item></channel></rss>