<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[github_39506988的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/github_39506988</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; github_39506988]]></copyright><item><title><![CDATA[SiaAi-AIGC 工具]]></title><link>https://blog.youkuaiyun.com/github_39506988/article/details/132572275</link><guid>https://blog.youkuaiyun.com/github_39506988/article/details/132572275</guid><author>github_39506988</author><pubDate>Tue, 29 Aug 2023 23:43:31 +0800</pubDate><description><![CDATA[特性功能。]]></description><category></category></item><item><title><![CDATA[前端3D词云]]></title><link>https://blog.youkuaiyun.com/github_39506988/article/details/126932224</link><guid>https://blog.youkuaiyun.com/github_39506988/article/details/126932224</guid><author>github_39506988</author><pubDate>Mon, 19 Sep 2022 13:49:31 +0800</pubDate><description><![CDATA[前端3D词云。]]></description><category></category></item><item><title><![CDATA[使用lerna搭建monorep]]></title><link>https://blog.youkuaiyun.com/github_39506988/article/details/126094149</link><guid>https://blog.youkuaiyun.com/github_39506988/article/details/126094149</guid><author>github_39506988</author><pubDate>Mon, 01 Aug 2022 15:34:04 +0800</pubDate><description><![CDATA[由于项目越来越多，前端项目越来越零散，管理起来越来越难，便于统一管理前端项目，打通项目之间的壁垒，组件更通用化，达到高内聚低耦合的目的；为了更符合实际场景，需要对组件库，utils，config，tools，docs等进行拆分，拆分后的目录结构如下。初始化之后的项目结构。......]]></description><category></category></item><item><title><![CDATA[如何搭建一个前端脚手架]]></title><link>https://blog.youkuaiyun.com/github_39506988/article/details/96274010</link><guid>https://blog.youkuaiyun.com/github_39506988/article/details/96274010</guid><author>github_39506988</author><pubDate>Mon, 01 Aug 2022 14:40:42 +0800</pubDate><description><![CDATA[此时一个简单的脚手架已经完成，文件模板和cli命令根据实际需求自行配置扩展。]]></description><category></category></item><item><title><![CDATA[PIXI+GSAP 防刹车动效]]></title><link>https://blog.youkuaiyun.com/github_39506988/article/details/126094050</link><guid>https://blog.youkuaiyun.com/github_39506988/article/details/126094050</guid><author>github_39506988</author><pubDate>Mon, 01 Aug 2022 09:09:12 +0800</pubDate><description><![CDATA[动效]]></description><category></category></item><item><title><![CDATA[架构图技巧]]></title><link>https://blog.youkuaiyun.com/github_39506988/article/details/122132188</link><guid>https://blog.youkuaiyun.com/github_39506988/article/details/122132188</guid><author>github_39506988</author><pubDate>Fri, 24 Dec 2021 17:16:40 +0800</pubDate><description><![CDATA[架构图分类

常见架构图


业务架构


定义：描述系统对用户提供了什么业务功能


场景：


产品人员规划业务


给高P汇报业务


给新员工培训业务




技巧：

通过不同颜色识别业务
业务分组管理



示例




客户端架构图 PPT


定义： 客户端和前端领域逻辑架构


场景：

整体架构设计



架构培训


技巧：


通过不同颜色表示角色


通过连接链来表示关系


自顶向下分层




示例：




系统架构图 PPT


定义：后端逻辑架构图，又叫“后端架构”，“技]]></description><category></category></item><item><title><![CDATA[用户为中心的性能指标以及优化方向]]></title><link>https://blog.youkuaiyun.com/github_39506988/article/details/113060744</link><guid>https://blog.youkuaiyun.com/github_39506988/article/details/113060744</guid><author>github_39506988</author><pubDate>Sat, 23 Jan 2021 19:43:43 +0800</pubDate><description><![CDATA[从4个角度，评估用户体验
当用户访问一个页面的时候，通常会从视觉上去感知是不是页面已经如预期地加载完成可以正常使用了。




主题
说明




发生了吗？
页面是否开始跳转？服务器有没有响应？


内容重要吗?
重要的内容是否已经渲染？


可以使用吗?
页面可交互了吗？或者还在加载中吗？


体验好吗？
交互是否平滑自然，没有卡顿？


发生了吗？

FCP  ⾸次内容绘制时间 (First contentful paint)

内容重要吗?

LCP 最⼤内容绘制时间 (Largest conten]]></description><category></category></item><item><title><![CDATA[webpack原理思维导图总结]]></title><link>https://blog.youkuaiyun.com/github_39506988/article/details/110583391</link><guid>https://blog.youkuaiyun.com/github_39506988/article/details/110583391</guid><author>github_39506988</author><pubDate>Thu, 03 Dec 2020 22:22:44 +0800</pubDate><description><![CDATA[]]></description><category></category></item><item><title><![CDATA[消息队列和事件循环学习流程图]]></title><link>https://blog.youkuaiyun.com/github_39506988/article/details/110582346</link><guid>https://blog.youkuaiyun.com/github_39506988/article/details/110582346</guid><author>github_39506988</author><pubDate>Thu, 03 Dec 2020 22:18:37 +0800</pubDate><description><![CDATA[总结

如果其他进程想发送给浏览器任务，必须先发给IO线程，再发送到消息队列，最后在渲染页面主线程
消息队列机制并不是太灵活，为了适应效率和时效性加上了微任务

消息队列事件


当接收到 HTML 文档数据，渲染引擎就会将“解析 DOM”事件添加到消息队列中


当用户改变了 Web 页面的窗口大小，渲染引擎就会将“重新布局”的事件添加到消息队列中。


当触发了 JavaScript 引擎垃圾回收机制，渲染引擎会将“垃圾回收”任务添加到消息队列中。


同样，如果要执行一段异步 JavaScript .]]></description><category></category></item><item><title><![CDATA[V8工作原理总结思维导图]]></title><link>https://blog.youkuaiyun.com/github_39506988/article/details/110582206</link><guid>https://blog.youkuaiyun.com/github_39506988/article/details/110582206</guid><author>github_39506988</author><pubDate>Thu, 03 Dec 2020 22:14:26 +0800</pubDate><description><![CDATA[]]></description><category></category></item><item><title><![CDATA[Vue执行流程思维导图]]></title><link>https://blog.youkuaiyun.com/github_39506988/article/details/110580307</link><guid>https://blog.youkuaiyun.com/github_39506988/article/details/110580307</guid><author>github_39506988</author><pubDate>Thu, 03 Dec 2020 22:01:36 +0800</pubDate><description><![CDATA[]]></description><category></category></item><item><title><![CDATA[webpack5 文档 自定义loader遇到stats.toJson().modules[0].source 为undefined]]></title><link>https://blog.youkuaiyun.com/github_39506988/article/details/110578533</link><guid>https://blog.youkuaiyun.com/github_39506988/article/details/110578533</guid><author>github_39506988</author><pubDate>Thu, 03 Dec 2020 21:56:08 +0800</pubDate><description><![CDATA[先去webpack5 英文官网找到对应示例文档， 拷贝完发现还是报undefined



然后去看了stats文档，默认为false不显示…




加上source: true测试成功



]]></description><category></category></item><item><title><![CDATA[windows电脑c盘快满了，找不到原因？看看是不是微信文件WeChat Files在C盘]]></title><link>https://blog.youkuaiyun.com/github_39506988/article/details/108723797</link><guid>https://blog.youkuaiyun.com/github_39506988/article/details/108723797</guid><author>github_39506988</author><pubDate>Tue, 22 Sep 2020 09:18:31 +0800</pubDate><description><![CDATA[windows装完系统没多久C盘就快满了

1.	使用腾讯管家C盘瘦身工具检测结果

好像没啥用…
2. 使用原始办法，查看文件大小
从C盘根目录开始查看每个文件大小定位问题

下面是占用空间比较大的文件夹

可以发现微信默认文件夹占用20G…
3. 解决方案
点击微信-设置-文件管理，更改文件位置，等待文件自动迁移完毕



...]]></description><category></category></item><item><title><![CDATA[Nuxt主要功能介绍]]></title><link>https://blog.youkuaiyun.com/github_39506988/article/details/108535799</link><guid>https://blog.youkuaiyun.com/github_39506988/article/details/108535799</guid><author>github_39506988</author><pubDate>Fri, 11 Sep 2020 15:48:39 +0800</pubDate><description><![CDATA[什么是服务器端渲染 (SSR)？
Vue.js 是构建客户端应用程序的框架。默认情况下，可以在浏览器中输出 Vue 组件，进行生成 DOM 和操作 DOM。然而，也可以将同一个组件渲染为服务器端的 HTML 字符串，将它们直接发送到浏览器，最后将这些静态标记"激活"为客户端上完全可交互的应用程序。
为什么使用服务器端渲染 (SSR)？

更好的 SEO，由于搜索引擎爬虫抓取工具可以直接查看完全渲染的页面。
更快的内容到达时间 (time-to-content)

Nuxt.js 是什么？
Nuxt 是一个基]]></description><category></category></item><item><title><![CDATA[撸个toyVue]]></title><link>https://blog.youkuaiyun.com/github_39506988/article/details/108451375</link><guid>https://blog.youkuaiyun.com/github_39506988/article/details/108451375</guid><author>github_39506988</author><pubDate>Mon, 07 Sep 2020 16:55:08 +0800</pubDate><description><![CDATA[响应式reactive和副作用函数effects
&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;title&gt;toy-vue&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
    &lt;div id="app"&gt;
        &lt;p&gt;{{message}}&lt;/p&gt;
    &lt;/d]]></description><category></category></item><item><title><![CDATA[node-crawler爬虫实践]]></title><link>https://blog.youkuaiyun.com/github_39506988/article/details/107953318</link><guid>https://blog.youkuaiyun.com/github_39506988/article/details/107953318</guid><author>github_39506988</author><pubDate>Wed, 12 Aug 2020 13:04:12 +0800</pubDate><description><![CDATA[安装node 插件
cnpm i axios crawler

代码
function decode(str) {
    // 一般可以先转换为标准 unicode 格式（有需要就添加：当返回的数据呈现太多\\\u 之类的时）
    str = unescape(str.replace(/\\u/g, "%u"));
    // 再对实体符进行转义
    // 有 x 则表示是16进制，$1 就是匹配是否有 x，$2 就是匹配出的第二个括号捕获到的内容，将 $2 以对应进制表示转换
    str ]]></description><category></category></item><item><title><![CDATA[nodejs生成项目目录树]]></title><link>https://blog.youkuaiyun.com/github_39506988/article/details/107950178</link><guid>https://blog.youkuaiyun.com/github_39506988/article/details/107950178</guid><author>github_39506988</author><pubDate>Wed, 12 Aug 2020 09:37:38 +0800</pubDate><description><![CDATA[记录一个项目目录生成代码，方便写文档
// 递归目录树（只能用同步，用异步会出现后面的文件比前面的文件先输出，顺序会乱。）
// 默认按照ASCII码的顺序，例如js里面的sort()函数。
 
// 先写一层的情况
// 抽象递归参数
// 找到突破点（避免死循环）
//   自己调自己，某种情况（肯定会存在的）不调用
 
 
const fs = require('fs');
const path = require('path');
 
// 获取当前有没有传入目标路径
var target = pa]]></description><category></category></item><item><title><![CDATA[git子模块实践]]></title><link>https://blog.youkuaiyun.com/github_39506988/article/details/106143902</link><guid>https://blog.youkuaiyun.com/github_39506988/article/details/106143902</guid><author>github_39506988</author><pubDate>Fri, 15 May 2020 15:58:02 +0800</pubDate><description><![CDATA[git子模块实践
遇到的问题

A，B两个项目中有很多公用静态资源
静态资源包括 js插件，基础组件，业务组件，图片，文档…
使用npm管理 会使项目复杂化 ，新增组件调试流程复杂，静态资源上传到npm后下载安装包会很慢

准备工作


打开github


新建仓库 gittest3


新建仓库 gittest3child


[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-4ZYK3PmO-1589529444297)(C:\Users\Administrator\App]]></description><category></category></item><item><title><![CDATA[分享一个Vue前端代码质量检查方案]]></title><link>https://blog.youkuaiyun.com/github_39506988/article/details/105928837</link><guid>https://blog.youkuaiyun.com/github_39506988/article/details/105928837</guid><author>github_39506988</author><pubDate>Tue, 05 May 2020 10:30:00 +0800</pubDate><description><![CDATA[质量降低导致的问题

开发效率会降低
出问题难以调试
维护体验差
项目不能保证足够的稳定

什么导致的代码质量降低

不在意代码质量, 只关注业务的产出
破窗效应
对好代码没概念

初步方案

从oms bms项目开始初步尝试
代码风格要遵循Vue风格指南（主要规范）
引入Ts技术栈(待定)
引入单元测试，保证组件稳定性(待定)
编辑器使用EditorConfig编辑器插件来统一控制代码风格
引入...]]></description><category></category></item><item><title><![CDATA[超实用 vue2 项目代码风格统一  搭配eslint pretter配置]]></title><link>https://blog.youkuaiyun.com/github_39506988/article/details/105928729</link><guid>https://blog.youkuaiyun.com/github_39506988/article/details/105928729</guid><author>github_39506988</author><pubDate>Tue, 05 May 2020 10:25:56 +0800</pubDate><description><![CDATA[安装vscode插件
    Vetur
    ESlint
    EditorConfig for VS Code


安装node插件
cnpm i -D eslint eslint-config-prettier eslint-plugin-prettier eslint-plugin-vue

项目配置文件

EditorConfig for VS Code

# .editorcon...]]></description><category></category></item></channel></rss>