<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[图解前端的博客]]></title><description><![CDATA[I hear and I forget. I see and I remember. I do and I understand]]></description><link>https://blog.youkuaiyun.com/webofrxy</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; webofrxy]]></copyright><item><title><![CDATA[Vue源码学习--入口文件分析]]></title><link>https://blog.youkuaiyun.com/webofrxy/article/details/121072010</link><guid>https://blog.youkuaiyun.com/webofrxy/article/details/121072010</guid><author>webofrxy</author><pubDate>Sun, 31 Oct 2021 23:22:22 +0800</pubDate><description><![CDATA[// 引入vue实例
import Vue from './instance/index'
// 引入全局api
import { initGlobalAPI } from './global-api/index'
// 引入环境处理方法
import { isServerRendering } from 'core/util/env'
// 引入vdom方法
import { FunctionalRenderContext } from 'core/vdom/create-functional-compo]]></description><category></category></item><item><title><![CDATA[Jenkins安装环境要求]]></title><link>https://blog.youkuaiyun.com/webofrxy/article/details/120951363</link><guid>https://blog.youkuaiyun.com/webofrxy/article/details/120951363</guid><author>webofrxy</author><pubDate>Mon, 25 Oct 2021 15:02:26 +0800</pubDate><description><![CDATA[系统要求
最低推荐配置:
服务器配置


256MB可用内存


1GB可用磁盘空间(作为一个Docker容器运行jenkins的话推荐10GB)


为小团队推荐的硬件配置:


1GB+可用内存


50 GB+ 可用磁盘空间


软件配置:
Java 8—​无论是Java运行时环境（JRE）还是Java开发工具包（JDK）都可以。
注意: Jenkins即可以使用普通服务器运行，可以使用Docker 容器运行

...]]></description><category></category></item><item><title><![CDATA[2021年vscode默认终端配置为Git Bash]]></title><link>https://blog.youkuaiyun.com/webofrxy/article/details/120467836</link><guid>https://blog.youkuaiyun.com/webofrxy/article/details/120467836</guid><author>webofrxy</author><pubDate>Sat, 25 Sep 2021 09:54:16 +0800</pubDate><description><![CDATA[2021年9月vscode中配置git bash为默认终端的方法：
打开vscode 的setting.json 配置文件，增加下面的配置。
	"terminal.integrated.automationShell.windows": "Git-Bash",
    "terminal.integrated.defaultProfile.windows": "Git-bash",
    "terminal.integrated.profiles.windows": {
        "Git-bash]]></description><category></category></item><item><title><![CDATA[powershell 命令汇总查阅]]></title><link>https://blog.youkuaiyun.com/webofrxy/article/details/118032812</link><guid>https://blog.youkuaiyun.com/webofrxy/article/details/118032812</guid><author>webofrxy</author><pubDate>Fri, 18 Jun 2021 19:53:06 +0800</pubDate><description><![CDATA[Function        Get-StorageEnclosure
Function        Get-StorageEnclosureStorageNodeView
Function        Get-StorageEnclosureVendorData
Function        Get-StorageExtendedStatus
Function        Get-StorageFaultDomain
Function        Get-StorageFileServer
F]]></description><category></category></item><item><title><![CDATA[Nodejs获取系统信息]]></title><link>https://blog.youkuaiyun.com/webofrxy/article/details/115486905</link><guid>https://blog.youkuaiyun.com/webofrxy/article/details/115486905</guid><author>webofrxy</author><pubDate>Wed, 07 Apr 2021 15:31:53 +0800</pubDate><description><![CDATA[获取操作系统架构
const os = require('os')
console.log(os.arch) 
// 输出：X64

获取系统CPU信息
const os = require('os')
console.log(os.cpus())
输出信息：
[
  {
    model: 'Intel(R) Core(TM) i5-1035G1 CPU @ 1.00GHz',
    speed: 1190,
    times: {
      user: 7741906,
      nice: ]]></description><category></category></item><item><title><![CDATA[html调用系统功能]]></title><link>https://blog.youkuaiyun.com/webofrxy/article/details/115277562</link><guid>https://blog.youkuaiyun.com/webofrxy/article/details/115277562</guid><author>webofrxy</author><pubDate>Sun, 28 Mar 2021 10:54:26 +0800</pubDate><description><![CDATA[html调用系统功能

&lt;!-- 拨打电话 --&gt;
&lt;a href="tel:10086"&gt;拨打电话给10086小姐姐&lt;/a&gt;

&lt;!-- 发送短信 --&gt;
&lt;a href="sms:10086"&gt;发送短信给10086小姐姐&lt;/a&gt;

&lt;!-- 发送邮件 --&gt;
&lt;a href="mailto:young.joway@aliyun.com"&gt;发送邮件给JowayYoung&lt;/a&gt;

&lt;!-- 选]]></description><category></category></item><item><title><![CDATA[如何在 Vite 中进行按需引入 Vant 组件]]></title><link>https://blog.youkuaiyun.com/webofrxy/article/details/114113169</link><guid>https://blog.youkuaiyun.com/webofrxy/article/details/114113169</guid><author>webofrxy</author><pubDate>Fri, 26 Feb 2021 09:22:10 +0800</pubDate><description><![CDATA[Vue cli
在 Vue Cli 中，我们可以通过 babel-plugin-import 插件实现按需引入，但在 Vite 中无法使用该插件。
Vite
其实在 Vite 中无须考虑按需引入的问题。Vite 在构建代码时，会自动通过 Tree Shaking 移除未使用的 ESM 模块。而 Vant 3.0 内部所有模块都是基于 ESM 编写的，天然具备按需引入的能力。现阶段遗留的问题是，未使用的组件样式无法被 Tree Shaking 识别并移除，后续vant团队会考虑通过 Vite 插件的方式进行支]]></description><category></category></item><item><title><![CDATA[vite + vue3+ ts项目搭建]]></title><link>https://blog.youkuaiyun.com/webofrxy/article/details/114061720</link><guid>https://blog.youkuaiyun.com/webofrxy/article/details/114061720</guid><author>webofrxy</author><pubDate>Thu, 25 Feb 2021 09:48:11 +0800</pubDate><description><![CDATA[项目初始化
项目搭建过程很简单，根据官方的教程一步步执行命令即可。
步骤：

npm init @vitejs/app
cd vite-project
npm install
npm run dev

项目目录结构
├── index.html
├── vite.config.ts
├── tsconfig.json
├── package.json
├── public
│   └── favicon.ico
└── src
    ├── App.vue
    ├── assets
    │   └]]></description><category></category></item><item><title><![CDATA[webpack更新]]></title><link>https://blog.youkuaiyun.com/webofrxy/article/details/113863508</link><guid>https://blog.youkuaiyun.com/webofrxy/article/details/113863508</guid><author>webofrxy</author><pubDate>Fri, 19 Feb 2021 14:52:47 +0800</pubDate><description><![CDATA[更新方法
npm update 
npm update -D

更新前配置

更新后配置

问题

webpack大版本号不会更新
原因： 更新模块只能更新到小版本号最新的那个版本，不能更新大版本号。一个模块的版本号由三部分组成：大版本号.小版本号.次版本号
解决办法：

强制改写package.json中的版本号并执行下载命令：npm install webpack@3.9.0




...]]></description><category></category></item><item><title><![CDATA[TypeError: this.getOptions is not a function  at Object.lessLoader问题]]></title><link>https://blog.youkuaiyun.com/webofrxy/article/details/113863343</link><guid>https://blog.youkuaiyun.com/webofrxy/article/details/113863343</guid><author>webofrxy</author><pubDate>Fri, 19 Feb 2021 14:25:06 +0800</pubDate><description><![CDATA[解决办法
重新安装指定版本的less和less-loader
npm install less@3.9.0  less-loader@5.0.0 -s

问题原因
应该是webpack和less-loader版本兼容问题导致的


]]></description><category></category></item><item><title><![CDATA[如何设置安卓webview缓存]]></title><link>https://blog.youkuaiyun.com/webofrxy/article/details/113624536</link><guid>https://blog.youkuaiyun.com/webofrxy/article/details/113624536</guid><author>webofrxy</author><pubDate>Thu, 04 Feb 2021 09:30:55 +0800</pubDate><description><![CDATA[WebSettings方法
WebSettings用于管理WebView状态配置，当WebView第一次被创建时，WebView包含着一个默认的配置，这些默认的配置将通过get方法返回，通过WebView中的getSettings方法获得一个WebSettings对象，如果一个WebView被销毁，在WebSettings中所有回调方法将抛出IllegalStateException异常。
配置项解释
1，LOAD_CACHE_ONLY: 不使用网络，只读取本地缓存数据
2，LOAD_DEFAULT: 根据]]></description><category></category></item><item><title><![CDATA[程序员常用入门项目整理]]></title><link>https://blog.youkuaiyun.com/webofrxy/article/details/113564704</link><guid>https://blog.youkuaiyun.com/webofrxy/article/details/113564704</guid><author>webofrxy</author><pubDate>Tue, 02 Feb 2021 16:39:15 +0800</pubDate><description><![CDATA[spring 入门项目

白卷：https://github.com/Antabot/White-Jotter

Vue入门项目

vue-admin-template：https://github.com/PanJiaChen/vue-admin-template

React 入门项目

react-admin：https://github.com/marmelab/react-admin


]]></description><category></category></item><item><title><![CDATA[js使用递归函数对字符串逆序]]></title><link>https://blog.youkuaiyun.com/webofrxy/article/details/94720163</link><guid>https://blog.youkuaiyun.com/webofrxy/article/details/94720163</guid><author>webofrxy</author><pubDate>Fri, 05 Jul 2019 10:35:55 +0800</pubDate><description><![CDATA[js使用递归函数对字符串逆序
问题用 JavaScript 写一个函数，输入 int 型，返回整数逆序后的字符串。如：输入整型 1234，返回字符串“4321”。要求必须使用递归函数调用，不能用全局变量，输入函数必须只有一个参数传入，必须返回字符串。
解答
下面是一些小伙伴的答案
方法一：
function fun(num){
    let num1 = num / 10;
    let nu...]]></description><category></category></item><item><title><![CDATA[vue中父子组件传值有几种方法？]]></title><link>https://blog.youkuaiyun.com/webofrxy/article/details/94439227</link><guid>https://blog.youkuaiyun.com/webofrxy/article/details/94439227</guid><author>webofrxy</author><pubDate>Tue, 02 Jul 2019 14:11:12 +0800</pubDate><description><![CDATA[props
event bus
$emit
vuex
storage
provide/inject(优点是不用层层传递了)


]]></description><category></category></item><item><title><![CDATA[前端在端和可视化方向需要关注的内容]]></title><link>https://blog.youkuaiyun.com/webofrxy/article/details/94436955</link><guid>https://blog.youkuaiyun.com/webofrxy/article/details/94436955</guid><author>webofrxy</author><pubDate>Tue, 02 Jul 2019 12:30:29 +0800</pubDate><description><![CDATA[互动

容器
引擎
框架
平台

可视化

智能化
数据联动

webview

内核
渲染引擎
新标准


]]></description><category></category></item><item><title><![CDATA[webpack5新特性总结]]></title><link>https://blog.youkuaiyun.com/webofrxy/article/details/94436780</link><guid>https://blog.youkuaiyun.com/webofrxy/article/details/94436780</guid><author>webofrxy</author><pubDate>Tue, 02 Jul 2019 12:04:23 +0800</pubDate><description><![CDATA[官方描述：

使用持久化缓存提高构建性能；
使用更好的算法和默认值改进长期缓存（long-term caching）；
清理内部结构而不引入任何破坏性的变化；
引入一些breaking changes，以便尽可能长的使用v5版本。

通俗版描述：

减小打包后的文件体积
按需加载支持文件名模式
使用long-term caching解决生产环境下moduleIds &amp; chunkIds变化...]]></description><category></category></item><item><title><![CDATA[小程序系列--如何使用分包加载]]></title><link>https://blog.youkuaiyun.com/webofrxy/article/details/90417602</link><guid>https://blog.youkuaiyun.com/webofrxy/article/details/90417602</guid><author>webofrxy</author><pubDate>Tue, 21 May 2019 23:19:12 +0800</pubDate><description><![CDATA[在小程序开发的过程中，小程序的体积会随着版本的迭代变的越来越大，这时候我们就希望能够将小程序分成多个包从服务器下载，这样既可以加快首屏的渲染也便于后续按需加载的实现。小程序在微信客户端 6.6.0，基础库 1.7.3 及以上版本开始支持 分包功能。在构建小程序分包项目时，构建会输出一个或多个分包。每个使用分包小程序必定含有一个主包。所谓的主包，即放置默认启动页面/TabBar 页面，以及一些所有分...]]></description><category></category></item><item><title><![CDATA[小程序系列--如何配置页面属性]]></title><link>https://blog.youkuaiyun.com/webofrxy/article/details/90386166</link><guid>https://blog.youkuaiyun.com/webofrxy/article/details/90386166</guid><author>webofrxy</author><pubDate>Tue, 21 May 2019 00:16:59 +0800</pubDate><description><![CDATA[简介
每一个小程序页面也可以使用 .json 文件来对本页面的窗口表现进行配置。页面中配置项在当前页面会覆盖 app.json 的 window 中相同的配置项。页面配置中只能设置 app.json 中 window 对应的配置项，以决定本页面的窗口表现，所以无需写 window 这个属性。

属性
文件内容为一个 JSON 对象，有以下属性：

配置示例
{
    "navigationBa...]]></description><category></category></item><item><title><![CDATA[小程序系列--项目配置]]></title><link>https://blog.youkuaiyun.com/webofrxy/article/details/90311369</link><guid>https://blog.youkuaiyun.com/webofrxy/article/details/90311369</guid><author>webofrxy</author><pubDate>Sat, 18 May 2019 09:15:24 +0800</pubDate><description><![CDATA[全部配置项
小程序根目录下的 app.json 文件用来对微信小程序进行全局配置。文件内容为一个 JSON 对象，总共有15个属性可以配置，如下：

常用配置项
常用的配置项包括页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等。
{
  "pages": ["pages/index/index", "pages/logs/index"],
  "window": {
    "na...]]></description><category></category></item><item><title><![CDATA[vscode+ flutter+android studio开发环境搭建]]></title><link>https://blog.youkuaiyun.com/webofrxy/article/details/90217445</link><guid>https://blog.youkuaiyun.com/webofrxy/article/details/90217445</guid><author>webofrxy</author><pubDate>Tue, 14 May 2019 23:24:36 +0800</pubDate><description><![CDATA[环境要求
由于Flutter SDK和Android Studio以及后续安卓模拟器体积很大，所以建议C盘的空间至少要有10G以上的可用空间。

下载Flutter SDK
进入Flutter官网下载最新版本的Flutter SDK，如果遇到网络问题，请百度解决。
下载完成后，解压得到下面的文件夹，为了避免windows环境下的路径问题，所以我把flutter文件夹解压到了C盘根目录下。将flu...]]></description><category></category></item></channel></rss>