<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[content6的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/content6</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; content6]]></copyright><item><title><![CDATA[Object.defineProperty和Proxy实现双向绑定]]></title><link>https://blog.youkuaiyun.com/content6/article/details/136702727</link><guid>https://blog.youkuaiyun.com/content6/article/details/136702727</guid><author>content6</author><pubDate>Thu, 14 Mar 2024 11:18:29 +0800</pubDate><description><![CDATA[【代码】Object.defineProperty和Proxy实现双向绑定。]]></description><category></category></item><item><title><![CDATA[commonjs和esmodule]]></title><link>https://blog.youkuaiyun.com/content6/article/details/136662230</link><guid>https://blog.youkuaiyun.com/content6/article/details/136662230</guid><author>content6</author><pubDate>Tue, 12 Mar 2024 20:45:11 +0800</pubDate><description><![CDATA[模块导出和导入的方式不同。CommonJS使用module.exports导出模块的输出，使用require导入其他模块。导出时，通常是创建一个值的副本，导入时，这个副本被修改不会影响导出的值。导出时，创建的是值的引用，因此对导出值的任何修改都会反映在导入模块中。模块加载和执行的时间点不同。CommonJS的模块在运行时加载和执行，而ES Module的模块在编译时就已经加载和执行。esmodule使用import {a} from './lib.mjs'来导入模块，使用export来导出模块。]]></description><category></category></item><item><title><![CDATA[flex布局]]></title><link>https://blog.youkuaiyun.com/content6/article/details/136250717</link><guid>https://blog.youkuaiyun.com/content6/article/details/136250717</guid><author>content6</author><pubDate>Fri, 23 Feb 2024 11:37:47 +0800</pubDate><description><![CDATA[默认值为auto，表示继承父元素的align-items属性，如果没有父元素，则等同于stretch。容器默认存在两根轴：水平的主轴（main axis）和垂直的交叉轴（cross axis），主轴的开始位置叫做main start，结束位置叫做main end；|| <'flex-basis'> ] 是flex-grow, flex-shrink 和 flex-basis的简写，默认值为0 1 auto。它的所有子元素自动成为容器成员，称为flex项目，简称“项目”。flex布局详细教程参考。]]></description><category></category></item><item><title><![CDATA[js 数组扁平化]]></title><link>https://blog.youkuaiyun.com/content6/article/details/136249025</link><guid>https://blog.youkuaiyun.com/content6/article/details/136249025</guid><author>content6</author><pubDate>Fri, 23 Feb 2024 10:14:07 +0800</pubDate><description><![CDATA[【代码】js 数组扁平化。]]></description><category></category></item><item><title><![CDATA[20.有效的括号]]></title><link>https://blog.youkuaiyun.com/content6/article/details/136229914</link><guid>https://blog.youkuaiyun.com/content6/article/details/136229914</guid><author>content6</author><pubDate>Thu, 22 Feb 2024 11:48:50 +0800</pubDate><description><![CDATA[判断字符串是否有效。]]></description><category></category></item><item><title><![CDATA[49. 字母异位词分组]]></title><link>https://blog.youkuaiyun.com/content6/article/details/136229793</link><guid>https://blog.youkuaiyun.com/content6/article/details/136229793</guid><author>content6</author><pubDate>Thu, 22 Feb 2024 11:44:47 +0800</pubDate><description><![CDATA[是由重新排列源单词的所有字母得到的一个新单词。可以按任意顺序返回结果列表。给你一个字符串数组，请你将。]]></description><category></category></item><item><title><![CDATA[3. 无重复字符的最长子串]]></title><link>https://blog.youkuaiyun.com/content6/article/details/136229627</link><guid>https://blog.youkuaiyun.com/content6/article/details/136229627</guid><author>content6</author><pubDate>Thu, 22 Feb 2024 11:41:15 +0800</pubDate><description><![CDATA[给定一个字符串 s ，请你找出其中不含有重复字符的 最长子串 的长度。请注意，你的答案必须是。因为无重复字符的最长子串是。因为无重复字符的最长子串是。因为无重复字符的最长子串是。，所以其长度为 3。，所以其长度为 1。，所以其长度为 3。]]></description><category></category></item><item><title><![CDATA[js快速排序]]></title><link>https://blog.youkuaiyun.com/content6/article/details/136229446</link><guid>https://blog.youkuaiyun.com/content6/article/details/136229446</guid><author>content6</author><pubDate>Thu, 22 Feb 2024 11:33:31 +0800</pubDate><description><![CDATA[【代码】js快速排序。]]></description><category></category></item><item><title><![CDATA[js实现发布订阅]]></title><link>https://blog.youkuaiyun.com/content6/article/details/136229375</link><guid>https://blog.youkuaiyun.com/content6/article/details/136229375</guid><author>content6</author><pubDate>Thu, 22 Feb 2024 11:30:53 +0800</pubDate><description><![CDATA[【代码】js实现发布订阅。]]></description><category></category></item><item><title><![CDATA[js实现深拷贝]]></title><link>https://blog.youkuaiyun.com/content6/article/details/136229224</link><guid>https://blog.youkuaiyun.com/content6/article/details/136229224</guid><author>content6</author><pubDate>Thu, 22 Feb 2024 11:26:30 +0800</pubDate><description><![CDATA[【代码】js深拷贝。]]></description><category></category></item><item><title><![CDATA[js数组去重]]></title><link>https://blog.youkuaiyun.com/content6/article/details/136054415</link><guid>https://blog.youkuaiyun.com/content6/article/details/136054415</guid><author>content6</author><pubDate>Tue, 06 Feb 2024 11:45:45 +0800</pubDate><description><![CDATA[【代码】js数组去重。]]></description><category></category></item><item><title><![CDATA[手写AJAX]]></title><link>https://blog.youkuaiyun.com/content6/article/details/136052861</link><guid>https://blog.youkuaiyun.com/content6/article/details/136052861</guid><author>content6</author><pubDate>Tue, 06 Feb 2024 10:32:48 +0800</pubDate><description><![CDATA[2：HEADERS_RECEIVED send() 方法已经被调用，并且头部和状态已经可获得。3：LOADING 下载中；responseText 属性已经包含部分数据。0：UNSENT 代理被创建，但尚未调用 open() 方法。1：OPENED open() 方法已经被调用。4：DONE 下载操作已完成。]]></description><category></category></item><item><title><![CDATA[scss和less的区别]]></title><link>https://blog.youkuaiyun.com/content6/article/details/136039225</link><guid>https://blog.youkuaiyun.com/content6/article/details/136039225</guid><author>content6</author><pubDate>Mon, 05 Feb 2024 11:50:25 +0800</pubDate><description><![CDATA[Sass(Scss)、Less 都是，他们定义了一种新的语言，其基本思想是，用一种专门的编程语言为 CSS 增加了一些编程的特性，将 CSS 作为目标生成文件，然后开发者就只要使用这种语言进行 CSS 的编码工作。]]></description><category></category></item><item><title><![CDATA[Webpack的loader是什么]]></title><link>https://blog.youkuaiyun.com/content6/article/details/136037646</link><guid>https://blog.youkuaiyun.com/content6/article/details/136037646</guid><author>content6</author><pubDate>Mon, 05 Feb 2024 10:40:58 +0800</pubDate><description><![CDATA[webpack自带的打包器只能支持JS文件
	当我们想要加载css/less/scss/stylus/ts/md文件时，就需要用到loader
	loader的原理就是把文件内容包装成能运行的JS
	比如
	加载css需要用到style-loader和css-loader
	css-loader把代码从CSS代码变成export default str形式的JS代码
	style-loader把代码挂载到head里的style标签里
	style-loader用到了pitch钩子和request对象有待深入]]></description><category></category></item><item><title><![CDATA[Webpack插件浅析]]></title><link>https://blog.youkuaiyun.com/content6/article/details/136036783</link><guid>https://blog.youkuaiyun.com/content6/article/details/136036783</guid><author>content6</author><pubDate>Mon, 05 Feb 2024 10:36:17 +0800</pubDate><description><![CDATA[Hot-Module-Replacement的热更新是依赖于webpack-dev-server，有时是在打包文件改变时更新打包文件或者重新加载刷新整个页面，HMR是只更新修改的部分。html-webpack-plugin的主要作用就是在webpack构建后生成html文件，同时把构建好入口js文件引入到生成的html文件中。而言，它实质上是一个转换器，将A文件编译成B文件，操作的是。在进行打包时，css代码会打包到js中，不利于文件缓存。比如将A文件编译成B文件，单纯的是一个文件转换过程。]]></description><category></category></item><item><title><![CDATA[Webpack源码浅析]]></title><link>https://blog.youkuaiyun.com/content6/article/details/136035530</link><guid>https://blog.youkuaiyun.com/content6/article/details/136035530</guid><author>content6</author><pubDate>Mon, 05 Feb 2024 08:46:21 +0800</pubDate><description><![CDATA[compliation就像是生产一部手机，生产的过程基本一致，但生产的手机可能是小米手机也可能是魅族手机。生命周期，之后根据webpack config文件的output配置的path属性，将文件输出到指定的文件夹。compilation代表的是一次编译作业，每一次的编译都可能不同；的加持，代码编写非常灵活，node中流行的callback回调机制（说的就是回调地狱），webpack使用的炉火纯青。至此，从入口文件开始，webpack收集完整了该模块的信息和依赖项，接下来就是如何进一步打包封装模块了。]]></description><category></category></item><item><title><![CDATA[cookie、session、localStorage、sessionStorage]]></title><link>https://blog.youkuaiyun.com/content6/article/details/135691735</link><guid>https://blog.youkuaiyun.com/content6/article/details/135691735</guid><author>content6</author><pubDate>Fri, 19 Jan 2024 10:55:57 +0800</pubDate><description><![CDATA[2 .session是基于cookie实现的，sessionId是存储在cookie中的（例如日常工作中去平台复制session的值，就是在请求头的Cookie字段里面）2. sessionStorage在会话结束后关闭（会话何时结束要看浏览器的行为，有可能是关闭浏览器会话结束，有可能再次打开浏览器点击恢复页面，还保持上一次的会话）2. cookie一般最多是4k，localStorage可以达到5M或10M（不同的浏览器不一样）1. cookie存储在浏览器的文件里，session存储在服务器的文件里。]]></description><category></category></item><item><title><![CDATA[同源策略和跨域]]></title><link>https://blog.youkuaiyun.com/content6/article/details/135668689</link><guid>https://blog.youkuaiyun.com/content6/article/details/135668689</guid><author>content6</author><pubDate>Thu, 18 Jan 2024 10:58:52 +0800</pubDate><description><![CDATA[在服务端设置access-control-allow-origin 允许跨域的源。在浏览器中，所有的请求必须遵守同源策略，否则就会出现跨域问题。同源策略就是协议、ip和端口号三者必须相同。优点：可以代价比较小的实现跨域。缺点：不支持post请求。]]></description><category></category></item><item><title><![CDATA[get和post的区别]]></title><link>https://blog.youkuaiyun.com/content6/article/details/135658910</link><guid>https://blog.youkuaiyun.com/content6/article/details/135658910</guid><author>content6</author><pubDate>Wed, 17 Jan 2024 19:58:03 +0800</pubDate><description><![CDATA[幂等性是指一个资源无论请求多少次的效果都是一样的。]]></description><category></category></item><item><title><![CDATA[函数组件、类组件]]></title><link>https://blog.youkuaiyun.com/content6/article/details/135523283</link><guid>https://blog.youkuaiyun.com/content6/article/details/135523283</guid><author>content6</author><pubDate>Thu, 11 Jan 2024 11:34:10 +0800</pubDate><description><![CDATA[【代码】函数组件、类组件。]]></description><category></category></item></channel></rss>