<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[hoyche的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/hoyche</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; hoyche]]></copyright><item><title><![CDATA[jquery表单验证插件]]></title><link>https://blog.youkuaiyun.com/hoyche/article/details/115837104</link><guid>https://blog.youkuaiyun.com/hoyche/article/details/115837104</guid><author>hoyche</author><pubDate>Sun, 18 Apr 2021 18:09:28 +0800</pubDate><description><![CDATA[/**
 * 内联配置式
 * data-pattern 验证规则 可以是预定义的正则、正则字面量 与js配置式相比是不能指定验证函数
 * eg: *{6-12}、\d+.\d+、*{6}|\d+.\d+
 * data-ajaxcheck 异步验证url
 * data-ajaxtype 验证的请求类型 默认post
 * data-attach 属于配合异步验证使用 异步验证时有可能需要传递附加参数，name值以英文逗号分割
 * eg: mobile,sex
 * data-depend 依赖于其他]]></description><category></category></item><item><title><![CDATA[ubuntu supervisor]]></title><link>https://blog.youkuaiyun.com/hoyche/article/details/115495512</link><guid>https://blog.youkuaiyun.com/hoyche/article/details/115495512</guid><author>hoyche</author><pubDate>Wed, 07 Apr 2021 21:28:22 +0800</pubDate><description><![CDATA[VMware Tools安装

supervisor配置及使用1

supervisor配置及使用2
]]></description><category></category></item><item><title><![CDATA[nuxt原生node命令启动&打包]]></title><link>https://blog.youkuaiyun.com/hoyche/article/details/115462496</link><guid>https://blog.youkuaiyun.com/hoyche/article/details/115462496</guid><author>hoyche</author><pubDate>Tue, 06 Apr 2021 15:49:16 +0800</pubDate><description><![CDATA[nuxt命令行的真实执行文件是./node_modules/nuxt/bin/nuxt.js，当我们用nuxt快捷命令启动时，nuxt其实是拿到第二个参数并且与nuxt拼接而来的命令执行

指令
			描述
			拼接命令
		nuxt
			开启一个监听3000端口的服务器，同时提供hot-reloading功能
			没有第二个参数，实际nuxt会添加默认参数dev，实际执行命令是nuxt-dev
		nuxt build
			构建整个应用，压缩合并JS和CSS文件（用于生产环境）
			nuxt-s]]></description><category></category></item><item><title><![CDATA[node命令行设置环境变量]]></title><link>https://blog.youkuaiyun.com/hoyche/article/details/115462365</link><guid>https://blog.youkuaiyun.com/hoyche/article/details/115462365</guid><author>hoyche</author><pubDate>Tue, 06 Apr 2021 15:38:26 +0800</pubDate><description><![CDATA[把环境变量写到node命令前


NODE_ENV=test node app.js
]]></description><category></category></item><item><title><![CDATA[nuxt项目子目录问题和cookie丢失的问题]]></title><link>https://blog.youkuaiyun.com/hoyche/article/details/115394575</link><guid>https://blog.youkuaiyun.com/hoyche/article/details/115394575</guid><author>hoyche</author><pubDate>Fri, 02 Apr 2021 11:26:01 +0800</pubDate><description><![CDATA[如果一个nuxt项目只开发一个子目录，这种配置就行https://blog.youkuaiyun.com/hoyche/article/details/113866249

如果一个nuxt项目要开发多个子目录，那么router就不能指定了，只能是默认的根目录，并且需要给Nginx多配置一条静态资源规则


{
    location ~ ^/_nuxt {
        proxy_pass http://localhost:3000;
    }


如果要修改默认的_nuxt目录，可以给build配置publ]]></description><category></category></item><item><title><![CDATA[构建Vue大型应用的10个最佳实践]]></title><link>https://blog.youkuaiyun.com/hoyche/article/details/115129614</link><guid>https://blog.youkuaiyun.com/hoyche/article/details/115129614</guid><author>hoyche</author><pubDate>Tue, 23 Mar 2021 16:38:34 +0800</pubDate><description><![CDATA[这些是我构建大型Vue项目得出的最佳实践，这些技巧将帮助你更高效的编码，并且使其更容易维护和协作。



在我今年的自由职业生涯中我有幸开发了一些大型Vue程序。我所说的这些项目使用了大量Vuex stores ? ，很多Vue组件（有数百个）和很多视图（pages）?。对我而言这是非常有意义的经历，我发现了很多使扩展的方法。同时我还需要修复一些乱七八糟的错误用法。?

所以我将分享我的10个最佳实践，如果你有大型项目需要开发推荐你使用他们。

1. 使用Slots可以使你的组件更强大和便于理解。

最近.]]></description><category></category></item><item><title><![CDATA[nuxt 环境变量的问题]]></title><link>https://blog.youkuaiyun.com/hoyche/article/details/113882449</link><guid>https://blog.youkuaiyun.com/hoyche/article/details/113882449</guid><author>hoyche</author><pubDate>Sat, 20 Feb 2021 14:13:51 +0800</pubDate><description><![CDATA[nuxt 在dev开发模式下会把NODE_ENV设置为development，在生产模式下会把NODE_ENV设置为production，这些都由nuxt自动完成，不需要再配置。

代码中直接通过process.env.NODE_ENV就能获取
]]></description><category></category></item><item><title><![CDATA[nuxtjs使用Nginx反向代理访问_nuxt目录静态资源404的问题]]></title><link>https://blog.youkuaiyun.com/hoyche/article/details/113866249</link><guid>https://blog.youkuaiyun.com/hoyche/article/details/113866249</guid><author>hoyche</author><pubDate>Fri, 19 Feb 2021 15:58:49 +0800</pubDate><description><![CDATA[要把Nginx配置中的静态资源的规则全部去掉
]]></description><category></category></item><item><title><![CDATA[跨源资源共享（CORS）]]></title><link>https://blog.youkuaiyun.com/hoyche/article/details/113626158</link><guid>https://blog.youkuaiyun.com/hoyche/article/details/113626158</guid><author>hoyche</author><pubDate>Thu, 04 Feb 2021 22:34:27 +0800</pubDate><description><![CDATA[文章目录概念什么情况下需要 CORS ？功能概述简单请求预检请求
概念
跨源资源共享 (CORS) （或通俗地译为跨域资源共享）是一种基于HTTP 头的机制，该机制通过允许服务器标示除了它自己以外的其它origin（域，协议和端口），这样浏览器可以访问加载这些资源。跨源资源共享还通过一种机制来检查服务器是否会允许要发送的真实请求，该机制通过浏览器发起一个到服务器托管的跨源资源的"预检"请求。在预检中，浏览器发送的头中标示有HTTP方法和真实请求中会用到的头。
什么情况下需要 CORS ？
允许在下列场景中使]]></description><category></category></item><item><title><![CDATA[[翻译] 理解Nuxt 2.12中的 fetch]]></title><link>https://blog.youkuaiyun.com/hoyche/article/details/110920174</link><guid>https://blog.youkuaiyun.com/hoyche/article/details/110920174</guid><author>hoyche</author><pubDate>Wed, 09 Dec 2020 12:39:30 +0800</pubDate><description><![CDATA[在研究 Nuxt 源码的过程中发现fetch的运行过程竟然和官网上说的完全不同，于是我灵机一动去看了英文官网... 果然Nuxt 2.12中更新了fetch，可以说完全变了个样，更加强大好用了，但是中文官网的文档还是 2.11.X ，并没有更新。看了英语文档之后在官网发现了这篇博文，写得很不错，想翻译过来给学习Nuxt的同学一个参考，毕竟现在中文资料基本没有，限于水平，有错误还请指出。



介绍

Nuxt在最新发布的2.12版本中引入了一个新的方法--fetch。Fetch 提供了一...]]></description><category></category></item><item><title><![CDATA[搭建本地HTTPS测试环境]]></title><link>https://blog.youkuaiyun.com/hoyche/article/details/109773052</link><guid>https://blog.youkuaiyun.com/hoyche/article/details/109773052</guid><author>hoyche</author><pubDate>Wed, 18 Nov 2020 14:28:39 +0800</pubDate><description><![CDATA[生成证书

1. 使用openssl生成密钥privkey.pem：

openssl genrsa -out privkey.pem 1024/2038

2. 使用密钥生成证书server.pem：

openssl req -new -x509 -key privkey.pem -out server.pem -days 365

证书信息可以随便填或者留空，只有Common Name要根据你的域名填写。

以我的个人网站为例Common Name (e.g. server FQDN or YOUR ]]></description><category></category></item><item><title><![CDATA[node npm 相关]]></title><link>https://blog.youkuaiyun.com/hoyche/article/details/109607378</link><guid>https://blog.youkuaiyun.com/hoyche/article/details/109607378</guid><author>hoyche</author><pubDate>Tue, 10 Nov 2020 21:17:38 +0800</pubDate><description><![CDATA[node安装工具
nvm-windows
https://github.com/coreybutler/nvm-windows
安装指定版本node
nvm install 10.16.3
使用指定版本node
nvm use 10.16.3
获取npm所有参数配置
npm config ls -l
设置参数
npm config set &lt;参数名&gt; &lt;参数值&gt;
获取参数
npm config get &lt;参数名&gt;
可以在.npmrc文件中写上用户配置设置npm参数值
从命]]></description><category></category></item><item><title><![CDATA[gulp-babel转码ES5]]></title><link>https://blog.youkuaiyun.com/hoyche/article/details/109260247</link><guid>https://blog.youkuaiyun.com/hoyche/article/details/109260247</guid><author>hoyche</author><pubDate>Sat, 24 Oct 2020 16:41:32 +0800</pubDate><description><![CDATA[package.json


{
  "devDependencies": {
    "@babel/core": "^7.12.3",
    "babel-core": "^6.26.3",
    "babel-polyfill": "^6.26.0",
    "babel-preset-env": "^1.7.0",
    "babel-preset-stage-2": "^6.24.1",
    "babel-preset-stage-3": "^6.24.1",
    "babelif]]></description><category></category></item><item><title><![CDATA[内网安装node-sass失败的问题]]></title><link>https://blog.youkuaiyun.com/hoyche/article/details/109259351</link><guid>https://blog.youkuaiyun.com/hoyche/article/details/109259351</guid><author>hoyche</author><pubDate>Sat, 24 Oct 2020 15:01:05 +0800</pubDate><description><![CDATA[npm 安装 node-sass 依赖时，会从 github.com 上下载 .node 文件。

这个问题，不管是用哪个自动化工具，gulp还是webpack，都需要npm install 来下载依赖包。只要网络不行，都会出现这个问题。

方法一：

使用淘宝镜像


npm i node-sass --sass_binary_site=https://npm.taobao.org/mirrors/node-sass/

set SASS_BINARY_SITE=https://npm.taobao...]]></description><category></category></item><item><title><![CDATA[git difftool第三方工具配置]]></title><link>https://blog.youkuaiyun.com/hoyche/article/details/103255520</link><guid>https://blog.youkuaiyun.com/hoyche/article/details/103255520</guid><author>hoyche</author><pubDate>Tue, 26 Nov 2019 14:25:31 +0800</pubDate><description><![CDATA[TortoiseGit：

git config --global diff.tool tortoisediff
git config --global difftool.tortoisediff.cmd “TortoiseGitMerge $LOCAL $REMOTE”
git config --global difftool.tortoisediff.path “C:\Program File...]]></description><category></category></item><item><title><![CDATA[解决IOS下iframe会被其内容撑开的问题]]></title><link>https://blog.youkuaiyun.com/hoyche/article/details/102962592</link><guid>https://blog.youkuaiyun.com/hoyche/article/details/102962592</guid><author>hoyche</author><pubDate>Thu, 07 Nov 2019 20:52:57 +0800</pubDate><description><![CDATA[&lt;iframe src="a.html" frameborder="0" scrolling="no" style="width: 1px!important; min-width: 100%;"&gt;&lt;/iframe&gt;


]]></description><category></category></item><item><title><![CDATA[apache支持include注释方式引入文件的配置方法]]></title><link>https://blog.youkuaiyun.com/hoyche/article/details/102845306</link><guid>https://blog.youkuaiyun.com/hoyche/article/details/102845306</guid><author>hoyche</author><pubDate>Thu, 31 Oct 2019 20:38:00 +0800</pubDate><description><![CDATA[&lt;!-- #include virtual="绝对路径" --&gt;
&lt;!-- #include file="相对路径" --&gt;

打开文件httpd.conf，开启
AddType text/html .shtml .html
AddOutputFilter INCLUDES .shtml .html
Options Indexes FollowSymLinks INCLUD...]]></description><category></category></item><item><title><![CDATA[PHP实现文件列表拷贝文件]]></title><link>https://blog.youkuaiyun.com/hoyche/article/details/90245125</link><guid>https://blog.youkuaiyun.com/hoyche/article/details/90245125</guid><author>hoyche</author><pubDate>Wed, 15 May 2019 21:10:10 +0800</pubDate><description><![CDATA[&lt;?php
/**
 * 递归创建目录
 * @param $path
 * @param $mode
 * @return
 */
function mkdirs($path, $mode = 0777)
{
    $dirs = explode('/',$path);
    $pos = strrpos($path, ".");
    if ($pos === false) {
...]]></description><category></category></item><item><title><![CDATA[vue-cli3.0 配置事项]]></title><link>https://blog.youkuaiyun.com/hoyche/article/details/89702935</link><guid>https://blog.youkuaiyun.com/hoyche/article/details/89702935</guid><author>hoyche</author><pubDate>Tue, 30 Apr 2019 09:22:49 +0800</pubDate><description><![CDATA[vue-cli3 使用环境变量--mode参数分环境开发和打包

http://www.cnblogs.com/alantao/p/10282477.html

https://cli.vuejs.org/zh/guide/mode-and-env.html

https://blog.youkuaiyun.com/hoyche/article/details/90230527



环境变量

https...]]></description><category></category></item><item><title><![CDATA[如何挑选适合的前端框架？]]></title><link>https://blog.youkuaiyun.com/hoyche/article/details/88866208</link><guid>https://blog.youkuaiyun.com/hoyche/article/details/88866208</guid><author>hoyche</author><pubDate>Thu, 28 Mar 2019 12:10:10 +0800</pubDate><description><![CDATA[最近几年，前端技术迅猛发展，差不多每年都会冒出一款主流的框架。 每次新开业务线或启动新项目时，首先第一件事就是纠结：使用什么框架，重造什么轮子？我很高兴应优快云的邀请谈我的看法。

RequireJS，前端技术发展分水岭

在五六年前，移动端还没有兴起，我们没有什么选择，就是jQuery。有人会说，jQuery只是类库，不是框架；但那时前端业务还没有像今天这么繁重，原本是后端干的事，全部挪到前端...]]></description><category></category></item></channel></rss>