<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[takeingloop的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/takeingloop</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; takeingloop]]></copyright><item><title><![CDATA[依据文本长度实现滚动文本动画]]></title><link>https://blog.youkuaiyun.com/takeingloop/article/details/131252004</link><guid>https://blog.youkuaiyun.com/takeingloop/article/details/131252004</guid><author>takeingloop</author><pubDate>Fri, 16 Jun 2023 18:21:59 +0800</pubDate><description><![CDATA[需求场景：Vue2实现一个文本滚动的效果，超出固定宽度就无限循环的滚动，时间随文本长度变化而变化]]></description><category></category></item><item><title><![CDATA[吐槽下入职小公司一个月的感受]]></title><link>https://blog.youkuaiyun.com/takeingloop/article/details/130970533</link><guid>https://blog.youkuaiyun.com/takeingloop/article/details/130970533</guid><author>takeingloop</author><pubDate>Wed, 31 May 2023 15:44:33 +0800</pubDate><description><![CDATA[吐槽下入职小公司一个月的感受]]></description><category></category></item><item><title><![CDATA[微信小程序语音转文字demo]]></title><link>https://blog.youkuaiyun.com/takeingloop/article/details/130810514</link><guid>https://blog.youkuaiyun.com/takeingloop/article/details/130810514</guid><author>takeingloop</author><pubDate>Mon, 22 May 2023 16:52:57 +0800</pubDate><description><![CDATA[微信小程序语音转文字]]></description><category></category></item><item><title><![CDATA[相信我，小白也能愉快的刷完leetcode一百题（附题号）]]></title><link>https://blog.youkuaiyun.com/takeingloop/article/details/120158167</link><guid>https://blog.youkuaiyun.com/takeingloop/article/details/120158167</guid><author>takeingloop</author><pubDate>Mon, 20 Feb 2023 12:15:19 +0800</pubDate><description><![CDATA[本篇就列举一些leetcode上，小白见了狂喜的100道题，由此刷上自信心，刷上成就感！渡过新手村]]></description><category></category></item><item><title><![CDATA[二次封装企业级fetch接口请求]]></title><link>https://blog.youkuaiyun.com/takeingloop/article/details/128777617</link><guid>https://blog.youkuaiyun.com/takeingloop/article/details/128777617</guid><author>takeingloop</author><pubDate>Sat, 28 Jan 2023 14:53:00 +0800</pubDate><description><![CDATA[在项目初构时，往往需要对接口的请求进行一个统一封装，方便后续共同开发的同时还利于维护。摒弃原有且繁琐的 XMLHttpRequest，采用灵活的 fetch 第三方库，对GET，POST，DELET进行二次封装，以便满足企业级需求。]]></description><category></category></item><item><title><![CDATA[啥，你问我啥是Web安全？？]]></title><link>https://blog.youkuaiyun.com/takeingloop/article/details/127079938</link><guid>https://blog.youkuaiyun.com/takeingloop/article/details/127079938</guid><author>takeingloop</author><pubDate>Fri, 30 Sep 2022 09:30:27 +0800</pubDate><description><![CDATA[当你正在浏览一些正常网站时，右下角突然弹出来一个涩涩的大图广告弹窗，上面有着什么澳门皇家，91之类我根本不懂的这些东西，或者在评论区加载了一些奇奇怪怪的的元素，挂件，那么恭喜你，你可能遇到了web攻击。]]></description><category></category></item><item><title><![CDATA[node学习笔记【2022】]]></title><link>https://blog.youkuaiyun.com/takeingloop/article/details/127097042</link><guid>https://blog.youkuaiyun.com/takeingloop/article/details/127097042</guid><author>takeingloop</author><pubDate>Wed, 28 Sep 2022 22:25:31 +0800</pubDate><description><![CDATA[对node的一次学习总结吧，佛系书写，个人觉得里面的知识点还是常用的，后续重新学习或有更深的认识，会在本文翻新甚至重构内容，不懂的还是直接翻阅官网文档进行查阅吧，这么多API和知识点不可能都记得下来。]]></description><category></category></item><item><title><![CDATA[vacode中的setting命令]]></title><link>https://blog.youkuaiyun.com/takeingloop/article/details/126260551</link><guid>https://blog.youkuaiyun.com/takeingloop/article/details/126260551</guid><author>takeingloop</author><pubDate>Wed, 10 Aug 2022 09:55:09 +0800</pubDate><description><![CDATA[工作中常用的命令，个人喜好，懒得每次都找。]]></description><category></category></item><item><title><![CDATA[由Vue转React的自学文档]]></title><link>https://blog.youkuaiyun.com/takeingloop/article/details/125838963</link><guid>https://blog.youkuaiyun.com/takeingloop/article/details/125838963</guid><author>takeingloop</author><pubDate>Sun, 17 Jul 2022 23:22:08 +0800</pubDate><description><![CDATA[由vue3转学react，之前从未接触过react，自学了一遍感觉还好，容易上手。
 期间的一些笔记，后续有更深的见解持续更新。]]></description><category></category></item><item><title><![CDATA[redux&react-redux初探]]></title><link>https://blog.youkuaiyun.com/takeingloop/article/details/125721296</link><guid>https://blog.youkuaiyun.com/takeingloop/article/details/125721296</guid><author>takeingloop</author><pubDate>Mon, 11 Jul 2022 14:48:40 +0800</pubDate><description><![CDATA[由Vue转React，耕耘下redux笔记]]></description><category></category></item><item><title><![CDATA[vscode能正常使用tailwind插件但没有智能提示问题【2022-6-28已解决】]]></title><link>https://blog.youkuaiyun.com/takeingloop/article/details/125511678</link><guid>https://blog.youkuaiyun.com/takeingloop/article/details/125511678</guid><author>takeingloop</author><pubDate>Tue, 28 Jun 2022 23:16:00 +0800</pubDate><description><![CDATA[vscode能正常使用tailwind插件但没有智能提示问题的解决]]></description><category></category></item><item><title><![CDATA[TypeScript使用总结]]></title><link>https://blog.youkuaiyun.com/takeingloop/article/details/124718334</link><guid>https://blog.youkuaiyun.com/takeingloop/article/details/124718334</guid><author>takeingloop</author><pubDate>Wed, 11 May 2022 20:43:27 +0800</pubDate><description><![CDATA[官方文档
1. 基本类型
1.1 普通类型

包括 boolean、number、string、undefined、null、any、unknown、void、never、object。

// 几种特殊属性说明
// any：可以表示任何类型，并且变量可以正常使用（不建议）；
// unknown：可以表示任何类型，但是不论用来做什么都是不合法的；
// void：表示没有任何类型，值只能为 undefined 和 null；当函数没有返回值时 其返回值类型是 void。
function fn(): v]]></description><category></category></item><item><title><![CDATA[总结一些工作中比较好的编码习惯]]></title><link>https://blog.youkuaiyun.com/takeingloop/article/details/123618941</link><guid>https://blog.youkuaiyun.com/takeingloop/article/details/123618941</guid><author>takeingloop</author><pubDate>Sun, 20 Mar 2022 22:05:45 +0800</pubDate><description><![CDATA[持续更新，有点小优化就写进来

一：解构请求数据
之前是用对象接收，什么都要 Obj. 点出来，且没做请求失败后，后台没给失败的错误信息处理
//之前写法
//let result = request await GetFormData(xxx);
//result.code === 0 ? success : error 

let { code ,message, data } = request await GetFormData(xxx);
if( code !== 0 ){
    error..]]></description><category></category></item><item><title><![CDATA[【深信服实习】一些模块开放中的感悟]]></title><link>https://blog.youkuaiyun.com/takeingloop/article/details/123392926</link><guid>https://blog.youkuaiyun.com/takeingloop/article/details/123392926</guid><author>takeingloop</author><pubDate>Sun, 13 Mar 2022 22:29:39 +0800</pubDate><description><![CDATA[BUG记录
1.table-item不显示（没给table高度导致）
描述：数据是[{},{}]形式，能获取到数据，能成功给 gridOptions 赋值，但就是显示不出
过程：

有自定义组件 SfTableOptions 和 useTableOptions hook辅助编码，最开始选第一个，打印 gridOptions 发现是undefined，然后用第二钟方法。
后面觉得数据从获取到赋值这一整个过程都没问题，打印的结果都理想，就猜测是内容高度不够问题。

2.组件复用过程
描述：认证算法和加密算法非无]]></description><category></category></item><item><title><![CDATA[小南再谈Vue（Q&A）]]></title><link>https://blog.youkuaiyun.com/takeingloop/article/details/121384526</link><guid>https://blog.youkuaiyun.com/takeingloop/article/details/121384526</guid><author>takeingloop</author><pubDate>Thu, 18 Nov 2021 11:31:40 +0800</pubDate><description><![CDATA[之前看着文档，迷迷糊糊的学了一遍Vue，现在有了些自己的理解，但自认为目前还是小白，不是很懂，理解大都来自自学，如有不当，恳求指出。????????????

附个链接，之前的vue梳理 - 上，之前的vue梳理 - 下。

vue 的生命周期
简单来说就是创建 -&gt; 挂载DOM -&gt; 更新数据 -&gt; 销毁的这么一个过程，按自己理解的话，可大致理解为：

beforeCreate：vue实例的挂载元素el和数据对象data都还没有进行初始化，还是一个undefined状态；
created]]></description><category></category></item><item><title><![CDATA[小南说 Promise（是什么，有什么，怎么用，为什么）]]></title><link>https://blog.youkuaiyun.com/takeingloop/article/details/121015082</link><guid>https://blog.youkuaiyun.com/takeingloop/article/details/121015082</guid><author>takeingloop</author><pubDate>Thu, 28 Oct 2021 16:24:01 +0800</pubDate><description><![CDATA[写在前面

以下所述内容大部分为本人在MDN-Promise，ES6标准入门（第二版）192页开始，和一些博客介绍的消化咀嚼产出，带着粗浅的认识和个人主观偏向，可能理解的不是很到位，想看具体讲解的点下面传送门


MDN对Promise介绍
ES6标准入门介绍

Promise是什么
按照官方的话来说，Promise是异步编程的一种解决方案，里面通常保存着异步操作事件的结果。以前用嵌套的回调函数解决异步（产生回调地狱），现在用Promise。
Promise有什么

有三种状态：Pending（进行中）、R]]></description><category></category></item><item><title><![CDATA[前端工程师JS基础知识部分（下）]]></title><link>https://blog.youkuaiyun.com/takeingloop/article/details/119956124</link><guid>https://blog.youkuaiyun.com/takeingloop/article/details/119956124</guid><author>takeingloop</author><pubDate>Tue, 31 Aug 2021 12:27:09 +0800</pubDate><description><![CDATA[强缓存和协商缓存
浏览器向服务器发送请求和资源标识，服务器进行Last-Modified和 Etag判断看不是最新资源。否的话（强制缓存）返回最新资源，标识符和200状态码；是的话（协商缓存）就返回304，从本地缓存里拿资源。一句话(看资源有无更新，更新了就200)。
一张图了解整个过程：

那么cache-control里有什么内容呢？有资源的状态码 status，缓存的有效时间 max-age。另外提个知识点：no-cache是弱缓存，要进行验证；no-store是不缓存，只允许你向服务器发送请求，不缓]]></description><category></category></item><item><title><![CDATA[前端工程师JS基础知识部分（上）]]></title><link>https://blog.youkuaiyun.com/takeingloop/article/details/119898047</link><guid>https://blog.youkuaiyun.com/takeingloop/article/details/119898047</guid><author>takeingloop</author><pubDate>Thu, 26 Aug 2021 23:28:54 +0800</pubDate><description><![CDATA[DOM操作

使用文档碎片减少DOM操作
冒泡事件：stopPropagation();阻止向上冒泡
事件委托 ：减少DOM请求次数


事件委托

例如在ul中有这么五个小 li ，要给他们绑定点击事件，可获取他们标签名后，利用slice方法对li的类数组转化为数组，在对其中的 li 添加注册事件。
&lt;ul id="list"&gt;
    &lt;li&gt;事件1&lt;/li&gt;
    &lt;li&gt;事件2&lt;/li&gt;
    &lt;li&gt;事件3&lt;/li&]]></description><category></category></item><item><title><![CDATA[面试中HTML/CSS的一些知识点]]></title><link>https://blog.youkuaiyun.com/takeingloop/article/details/119883780</link><guid>https://blog.youkuaiyun.com/takeingloop/article/details/119883780</guid><author>takeingloop</author><pubDate>Tue, 24 Aug 2021 17:42:21 +0800</pubDate><description><![CDATA[盒模型
#box {
      width: 200px;
      border: 1px solid #666;
      padding: 10px;
      margin: 10px;
    }

&lt;div id="box"&gt;
    盒模型
  &lt;/div&gt;

效果出来是这样，使用 document.getElementById('box').offsetWidth  打印宽度显示的222，其实很好理解，浏览器将盒子宽度的计算纳入了padding，border。]]></description><category></category></item><item><title><![CDATA[仿网易云音乐的小程序项目（粗糙版）]]></title><link>https://blog.youkuaiyun.com/takeingloop/article/details/119851344</link><guid>https://blog.youkuaiyun.com/takeingloop/article/details/119851344</guid><author>takeingloop</author><pubDate>Mon, 23 Aug 2021 17:55:16 +0800</pubDate><description><![CDATA[前言

本项目是参考尚硅谷的【2021版微信小程序开发】视频跟学而成，数据为真实的网易云音乐数据，接口参考至下方链接，并非所有界面都可使用，参照视频学习 只完成了 ：

每日推荐的歌曲，歌单，视频页面，账号登陆的展示数据信息功能
歌曲和视频的播放切换，进度条实时跟进功能
视频区下拉刷新，搜索歌曲功能

开发完成后最大的感受就是一定要会看，会查微信小程序的官方API文档，出bug时首先检查语法是否正确（刚入门比较容易犯拼写错误），根据控制台给错的错误信息定位到相应文件，进行逻辑检查，注意后端返回的数据类型和和]]></description><category></category></item></channel></rss>