<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[Jay的博客]]></title><description><![CDATA[记录前端开发的一些技术经历]]></description><link>https://blog.youkuaiyun.com/weixin_44869002</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; weixin_44869002]]></copyright><item><title><![CDATA[前端工程化概述（初版）]]></title><link>https://blog.youkuaiyun.com/weixin_44869002/article/details/144773149</link><guid>https://blog.youkuaiyun.com/weixin_44869002/article/details/144773149</guid><author>weixin_44869002</author><pubDate>Fri, 27 Dec 2024 17:10:04 +0800</pubDate><description><![CDATA[当我以“前端工程化”工程化为关键字进行查找，得到的结果都没法让我比较清晰的理解。要么没有对“前端工程化”这一名词做解释；要么把前端工程化所要做的事情当作释义。前段时间我看过孟琢老师写的《汉字就是这么来的：字里字外的动物王国》一书，他通过“拆字法”浅显易懂、条理清晰的解析了我们中国汉字的由来以及发展脉络。于是我就想，是不是也可以采用“拆字法”来解析“前端工程化”呢？当然，这里并不是要把这五个汉字进行性拆解，而是对“前端工程化”这一名词进行拆解分析。接下来开始拆解。]]></description><category></category></item><item><title><![CDATA[explorer.fileNesting：一个可以帮助你更好的管理文件的配置项]]></title><link>https://blog.youkuaiyun.com/weixin_44869002/article/details/144644825</link><guid>https://blog.youkuaiyun.com/weixin_44869002/article/details/144644825</guid><author>weixin_44869002</author><pubDate>Sun, 22 Dec 2024 12:39:05 +0800</pubDate><description><![CDATA[explorer.fileNesting 是 Visual Studio Code（VS Code）中一个与文件嵌套显示相关的设置项。它允许用户根据文件名或自定义规则来嵌套相关文件，从而在文件资源管理器中提高文件组织的清晰度和工作效率。]]></description><category></category></item><item><title><![CDATA[《探讨——关于三层架构前在前端项目的应用》第一版]]></title><link>https://blog.youkuaiyun.com/weixin_44869002/article/details/141782413</link><guid>https://blog.youkuaiyun.com/weixin_44869002/article/details/141782413</guid><author>weixin_44869002</author><pubDate>Sun, 01 Sep 2024 12:13:19 +0800</pubDate><description><![CDATA[现代前端项目的构建广泛依赖于采用 MVVM（Model-View-ViewModel）架构模式的框架。但是在一些复杂的场景下，单单依靠MVVM是无法很好的对项目进行组织管理。而三层架构的引入正好可以补足MVVM的这个缺陷。具体如何来实现呢？]]></description><category></category></item><item><title><![CDATA[跨域问题浅析]]></title><link>https://blog.youkuaiyun.com/weixin_44869002/article/details/136114869</link><guid>https://blog.youkuaiyun.com/weixin_44869002/article/details/136114869</guid><author>weixin_44869002</author><pubDate>Wed, 14 Feb 2024 18:31:27 +0800</pubDate><description><![CDATA[在W3C的定义中，源是由协议主机(IP 地址或者域名)和端口三者确定。如果两个 URL 的协议主机(IP 地址或者域名)和端口都一样的话，那么这两个 URL 就是同源的。]]></description><category></category></item><item><title><![CDATA[Jenkins 安装 NodeJS 插件后无法识别Node环境：env node No such file or directory]]></title><link>https://blog.youkuaiyun.com/weixin_44869002/article/details/133848647</link><guid>https://blog.youkuaiyun.com/weixin_44869002/article/details/133848647</guid><author>weixin_44869002</author><pubDate>Mon, 16 Oct 2023 17:06:33 +0800</pubDate><description><![CDATA[目前，通过替换Jenkins Docker的镜像可以避免`env node No such file or directory`问题。但是为什么`jenkinsci/blueocean`会出现这个问题，我并没有定位到。期待大佬们的解惑。]]></description><category></category></item><item><title><![CDATA[发现问题：edge浏览器的效率模式会导致setTimeout/setInterval变慢]]></title><link>https://blog.youkuaiyun.com/weixin_44869002/article/details/131994227</link><guid>https://blog.youkuaiyun.com/weixin_44869002/article/details/131994227</guid><author>weixin_44869002</author><pubDate>Sat, 29 Jul 2023 14:01:16 +0800</pubDate><description><![CDATA[当edge浏览器启用效率模式后，setTimeout/setInterval运行一段时间后，执行间隔会变慢。]]></description><category></category></item><item><title><![CDATA[问题解决：vscode 提示【Cannot find module ‘vue’. Did you mean to set the ‘moduleResolution’ option to ‘node’]]></title><link>https://blog.youkuaiyun.com/weixin_44869002/article/details/131693846</link><guid>https://blog.youkuaiyun.com/weixin_44869002/article/details/131693846</guid><author>weixin_44869002</author><pubDate>Thu, 13 Jul 2023 07:18:44 +0800</pubDate><description><![CDATA[创建Vue3的项目后，vscode红色波浪线提示【Cannot find module ‘vue’. Did you mean to set the ‘moduleResolution’ option to ‘node’, or to add aliases to the ‘paths’ option?抱着试一试的心态，我查看了自己vscode的版本为16.0.0，最新版本为18.0.0。于是我下载了最新的vscode安装包，更新vscode后果然提示语没有了。然而，上面的方法并不能解决我的问题。]]></description><category></category></item><item><title><![CDATA[《前端与SEO》—— 第六章：前端开发人员的一些SEO优化方法]]></title><link>https://blog.youkuaiyun.com/weixin_44869002/article/details/131251705</link><guid>https://blog.youkuaiyun.com/weixin_44869002/article/details/131251705</guid><author>weixin_44869002</author><pubDate>Fri, 16 Jun 2023 20:53:02 +0800</pubDate><description><![CDATA[前端开发人员开发之余，顺手做一些SEO优化，是很划算的一笔"买卖"。可以通过以下方式进行SEO优化:1.设置合理的 title、keywords、description;2.a 标签优化;3.屏蔽不需要被抓取的网页;4.保持简单的网址结构;5.图片相关优化;6.无障碍优化;7.分页优化等]]></description><category></category></item><item><title><![CDATA[《前端与SEO》—— 第五章：SPA与SSR 对 SEO 的影响]]></title><link>https://blog.youkuaiyun.com/weixin_44869002/article/details/131251676</link><guid>https://blog.youkuaiyun.com/weixin_44869002/article/details/131251676</guid><author>weixin_44869002</author><pubDate>Fri, 16 Jun 2023 20:46:52 +0800</pubDate><description><![CDATA[由于 SPA页面在客户端渲染的机制，导致搜索引擎无法很好的解析页面信息，从而导致 SEO 工作无法展开。尽管Google等部分搜索引擎会对SPA进行虚拟渲染再解析，但是并不是所有的搜索引擎都会这样做。好在 SSR模式能很好的兼顾到 SEO。当然，并不是所有的网站开发都要摒弃SPA转而使用SSR。两者各有利弊，根据实际情况决定即可。]]></description><category></category></item><item><title><![CDATA[《前端与SEO》—— 第四章：meta 与 SEO]]></title><link>https://blog.youkuaiyun.com/weixin_44869002/article/details/131251647</link><guid>https://blog.youkuaiyun.com/weixin_44869002/article/details/131251647</guid><author>weixin_44869002</author><pubDate>Fri, 16 Jun 2023 20:45:52 +0800</pubDate><description><![CDATA[编写过HTML文档的朋友对一定不陌生，有一项非常重要的作用就是声明当前网页（即，HTML 文档）的基础信息。这些基础信息有个专业术语，叫“元数据（Metadata）”。元数据是 SEO 一个非常重要的工具。搜索引擎就是通过这些元数据来认识网页的。]]></description><category></category></item><item><title><![CDATA[《前端与SEO》—— 第三章：robots.txt]]></title><link>https://blog.youkuaiyun.com/weixin_44869002/article/details/131246431</link><guid>https://blog.youkuaiyun.com/weixin_44869002/article/details/131246431</guid><author>weixin_44869002</author><pubDate>Fri, 16 Jun 2023 14:34:28 +0800</pubDate><description><![CDATA[robots.txt 文件是网站对搜索引擎抓取工具的抓取行为的一种规则声明。robots.txt 文件中写明了什么搜索引擎抓取工具可以做什么事。它就类似于学校的学生行为规范。]]></description><category></category></item><item><title><![CDATA[《前端与SEO》—— 第二章：站点地图 （sitemap）]]></title><link>https://blog.youkuaiyun.com/weixin_44869002/article/details/131246260</link><guid>https://blog.youkuaiyun.com/weixin_44869002/article/details/131246260</guid><author>weixin_44869002</author><pubDate>Fri, 16 Jun 2023 14:27:22 +0800</pubDate><description><![CDATA[顾名思义，sitemap就是网站的地图。这张“地图”描述的是网站中各个网页、图片、视频或其他文件的有关信息,甚至还可以说明这些内容之间的关系。sitemap以文件的形式存放在域名根路径下。，这张“地图”并不是给用户看的，而是专为设计的。搜索引擎会让抓取工具爬取sitemap文件，以便更高效的收录网站的网址。]]></description><category></category></item><item><title><![CDATA[《前端与SEO》—— 第一章：什么是 SEO]]></title><link>https://blog.youkuaiyun.com/weixin_44869002/article/details/131246025</link><guid>https://blog.youkuaiyun.com/weixin_44869002/article/details/131246025</guid><author>weixin_44869002</author><pubDate>Fri, 16 Jun 2023 14:25:39 +0800</pubDate><description><![CDATA[搜索引擎优化指的是——优化网站，让网站能更快、更好的被搜索引擎收录且尽可能让搜索引擎优先展示网站，从而增加网站的访问量。可以通过两个方向让网址更容易被搜索引擎收录：其一，如何让网站被快速抓取；其二，如何通过网站的其中一个页面引导爬虫收录网站的全部网址。]]></description><category></category></item><item><title><![CDATA[浅谈api回传信息数据格式]]></title><link>https://blog.youkuaiyun.com/weixin_44869002/article/details/129064125</link><guid>https://blog.youkuaiyun.com/weixin_44869002/article/details/129064125</guid><author>weixin_44869002</author><pubDate>Thu, 16 Feb 2023 20:30:00 +0800</pubDate><description><![CDATA[API 是前后端数据沟通的重要途径。固定统一的API 回传数据的格式对开发人员甚至项目组都极其重要，可以有效的减少无意义的沟通和错误。]]></description><category></category></item><item><title><![CDATA[根据 Jupyter-lab 源码实现 notebook（.ipynb）在页面中的渲染]]></title><link>https://blog.youkuaiyun.com/weixin_44869002/article/details/129008963</link><guid>https://blog.youkuaiyun.com/weixin_44869002/article/details/129008963</guid><author>weixin_44869002</author><pubDate>Mon, 13 Feb 2023 14:51:04 +0800</pubDate><description><![CDATA[在页面中通过JavaScript实现notebook渲染，且基本保证与Japyterlab渲染效果一致]]></description><category></category></item><item><title><![CDATA[《CSS新世界》读书笔记]]></title><link>https://blog.youkuaiyun.com/weixin_44869002/article/details/128543971</link><guid>https://blog.youkuaiyun.com/weixin_44869002/article/details/128543971</guid><author>weixin_44869002</author><pubDate>Wed, 04 Jan 2023 10:56:19 +0800</pubDate><description><![CDATA[《CSS新世界》读书笔记。]]></description><category></category></item><item><title><![CDATA[CSS 中的 white-space 渲染模型]]></title><link>https://blog.youkuaiyun.com/weixin_44869002/article/details/126840774</link><guid>https://blog.youkuaiyun.com/weixin_44869002/article/details/126840774</guid><author>weixin_44869002</author><pubDate>Tue, 13 Sep 2022 20:15:46 +0800</pubDate><description><![CDATA[在编写 HTML 时，我们经常会通过换行来使代码易于阅读。但是如果我们文本进行换行，就会导致页面中多出一个空格。如： 在文本中间插入换行符  在文本中间插入换行符 另外，我们在编写文本时，如果在文本中间插入一个空，在页面中就会多出一个空格。但是如果连续插入多个空格，在页面上最终显示出来的确只有一个空格。如： 练习空格在页面上显示时 只会显示一个 ]]></description><category></category></item><item><title><![CDATA[随记：git 常用指令(三)]]></title><link>https://blog.youkuaiyun.com/weixin_44869002/article/details/124865005</link><guid>https://blog.youkuaiyun.com/weixin_44869002/article/details/124865005</guid><author>weixin_44869002</author><pubDate>Mon, 30 May 2022 11:29:37 +0800</pubDate><description><![CDATA[阅前悉知
本文仅是个人在使用git的一些技巧及常用指令笔记！


本系列文章目录

随记：git 常用指令（一）
随记：git 常用指令（二）


git commit --amend
git revert
git reset --soft 撤销最新一次commit

]]></description><category></category></item><item><title><![CDATA[Vue 三种强制刷新方法的机制、使用场景、开销说明]]></title><link>https://blog.youkuaiyun.com/weixin_44869002/article/details/124573875</link><guid>https://blog.youkuaiyun.com/weixin_44869002/article/details/124573875</guid><author>weixin_44869002</author><pubDate>Wed, 04 May 2022 17:23:44 +0800</pubDate><description><![CDATA[Vue 三种强制刷新方法的机制、使用场景、开销说明。本文章将会告诉你 $forceUpdate 正确的使用时机；key 属性为什么能实现组件强制刷新。]]></description><category></category></item><item><title><![CDATA[解决“图片因为CSS样式缩放导致变糊问题”]]></title><link>https://blog.youkuaiyun.com/weixin_44869002/article/details/121892015</link><guid>https://blog.youkuaiyun.com/weixin_44869002/article/details/121892015</guid><author>weixin_44869002</author><pubDate>Sun, 12 Dec 2021 19:29:09 +0800</pubDate><description><![CDATA[对于图片的放大缩小，我们都会自然而然的认为：图片放大，会变得模糊，图片变小会变得较为清晰。放大，会把瑕疵更明显的暴露出来；缩小，可以让瑕疵难以发觉。这是生活中的自然现象。但是，这个现象放到网页上的图片就“变了味”。]]></description><category></category></item></channel></rss>