<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[matmacchiato的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/matmacchiato</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; matmacchiato]]></copyright><item><title><![CDATA[【Node.js】(四）MongoDB、接口、会话控制]]></title><link>https://blog.youkuaiyun.com/matmacchiato/article/details/129806334</link><guid>https://blog.youkuaiyun.com/matmacchiato/article/details/129806334</guid><author>matmacchiato</author><pubDate>Mon, 27 Mar 2023 23:04:15 +0800</pubDate><description><![CDATA[接口是 前后端通信的桥梁简单理解：一个接口就是 服务中的一个路由规则，根据请求响应结果接口的英文单词是 API（Application Program Interface），所以有时也称之为API接口所谓会话控制就是 对会话进行控制HTTP 是一种无状态的协议，它没有办法区分多次的请求是否来自于同一个客户端， 无法区分用户而产品中又大量存在的这样的需求，所以我们需要通过 会话控制 来解决该问题cookiesessiontoken。]]></description><category></category></item><item><title><![CDATA[【Node.js】(三）Node.js模块化、包管理工具、express框架]]></title><link>https://blog.youkuaiyun.com/matmacchiato/article/details/129643634</link><guid>https://blog.youkuaiyun.com/matmacchiato/article/details/129643634</guid><author>matmacchiato</author><pubDate>Sat, 18 Mar 2023 21:58:29 +0800</pubDate><description><![CDATA[nvm 全称 Node Version Manager 顾名思义它是用来管理 node 版本的工具，方便切换不同版本的 Node.jsexpress 是一个基于 Node.js 平台的极简、灵活的 WEB 应用开发框架，官方网址：**https://www.expressjs.com.cn/ **简单来说，express 是一个封装好的工具包，封装了很多功能，便于我们开发 WEB 应用（HTTP 服务）官方定义： 路由确定了应用程序如何响应客户端对特定端点的请求。]]></description><category></category></item><item><title><![CDATA[【Node.js】(二）__path模块、HTTP协议]]></title><link>https://blog.youkuaiyun.com/matmacchiato/article/details/129605259</link><guid>https://blog.youkuaiyun.com/matmacchiato/article/details/129605259</guid><author>matmacchiato</author><pubDate>Fri, 17 Mar 2023 00:37:57 +0800</pubDate><description><![CDATA[path 模块提供了 操作路径 的功能，提供了几个常用的API。]]></description><category></category></item><item><title><![CDATA[【Node.js】(一）认识node.js、Buffer、_fs模块]]></title><link>https://blog.youkuaiyun.com/matmacchiato/article/details/129568263</link><guid>https://blog.youkuaiyun.com/matmacchiato/article/details/129568263</guid><author>matmacchiato</author><pubDate>Wed, 15 Mar 2023 20:53:31 +0800</pubDate><description><![CDATA[node.js是一个开源的，跨平台的JavaScript运行环境。]]></description><category></category></item><item><title><![CDATA[【Vue2项目(尚品汇前台)】(八）项目打包]]></title><link>https://blog.youkuaiyun.com/matmacchiato/article/details/128759685</link><guid>https://blog.youkuaiyun.com/matmacchiato/article/details/128759685</guid><author>matmacchiato</author><pubDate>Wed, 25 Jan 2023 11:04:56 +0800</pubDate><description><![CDATA[dist文件是打包后的文件。]]></description><category></category></item><item><title><![CDATA[【Vue2项目(尚品汇前台)】(七）Pay支付、Person个人中心模块搭建]]></title><link>https://blog.youkuaiyun.com/matmacchiato/article/details/128755690</link><guid>https://blog.youkuaiyun.com/matmacchiato/article/details/128755690</guid><author>matmacchiato</author><pubDate>Wed, 25 Jan 2023 10:29:44 +0800</pubDate><description><![CDATA[全局守卫：前置守卫（在路由跳转之间进行判断） to：可以获取到你要跳转到哪个路由信息 from：可以获取到你从哪个路由而来的信息next：放行函数   next（）放行    next（path）放行到指定路由放行的条件首先是要看登没登陆，所以要先识别token从store获取token，在router.js文件中引入。]]></description><category></category></item><item><title><![CDATA[【Vue2项目(尚品汇前台)】(六）Register登录与注册模块搭建]]></title><link>https://blog.youkuaiyun.com/matmacchiato/article/details/128752047</link><guid>https://blog.youkuaiyun.com/matmacchiato/article/details/128752047</guid><author>matmacchiato</author><pubDate>Tue, 24 Jan 2023 10:48:00 +0800</pubDate><description><![CDATA[在样式当中也可以使用@符号，但要加~@/]]></description><category></category></item><item><title><![CDATA[【Vue2项目(尚品汇前台)】(五）Shopcar购物车模块搭建]]></title><link>https://blog.youkuaiyun.com/matmacchiato/article/details/128742046</link><guid>https://blog.youkuaiyun.com/matmacchiato/article/details/128742046</guid><author>matmacchiato</author><pubDate>Mon, 23 Jan 2023 00:36:27 +0800</pubDate><description><![CDATA[UUID修改产品的数量删除某一产品的接口某一个产品的勾选状态切换防抖 节流 复习存储。]]></description><category></category></item><item><title><![CDATA[【Vue2项目(尚品汇前台)】(四）Detail详情模块搭建]]></title><link>https://blog.youkuaiyun.com/matmacchiato/article/details/128738115</link><guid>https://blog.youkuaiyun.com/matmacchiato/article/details/128738115</guid><author>matmacchiato</author><pubDate>Fri, 20 Jan 2023 14:21:38 +0800</pubDate><description><![CDATA[利用监听，监听图片数据过来了，就可以开始执行后面的动作，但是数据过来了还不能保证遍历完成了，所以还要用到$nextTick。发生这个现象的原因是，父组件的值还没传到子组件的时候，子组件已经渲染完成了，数据未请求到时获取其属性报错。放大镜和轮播图属于兄弟组件，所以用$bus全局总线传递信息，告知放大镜的图片我现在轮播图播的是哪一张图。元素里有一个isChecked属性，当它为1时是亮的，为0时是不亮的，通过绑定这个属性就可以切换高亮。因为是父组件捞的数据，放大镜是子组件，所以要父给子传值，用的是props。]]></description><category></category></item><item><title><![CDATA[【Vue2项目(尚品汇前台)】(三）Search搜索模块搭建]]></title><link>https://blog.youkuaiyun.com/matmacchiato/article/details/128723205</link><guid>https://blog.youkuaiyun.com/matmacchiato/article/details/128723205</guid><author>matmacchiato</author><pubDate>Thu, 19 Jan 2023 20:35:49 +0800</pubDate><description><![CDATA[这种写法太过长，容易出事
解决方案：小仓库里的getters
这种写法可以，但是有一个问题，当网络断的时候，因为获取不到goodsList这些，那返回的就会是undefined
解决方案：
（2）渲染展示数据
当我们点击一次搜索之后，Searchmounted挂载函数执行了一次，所以里面的派发actions也执行了一次，而当我们再次点击一次搜索之后，mounted不会再次执行了，所以actions也不会在执行，所以我们应该把派发actions请求的操作封装成函数，在需要时候调用。
方法用于将所有可枚举属性的]]></description><category></category></item><item><title><![CDATA[【Vue2项目(尚品汇前台)】(二）Home首页模块搭建]]></title><link>https://blog.youkuaiyun.com/matmacchiato/article/details/128701070</link><guid>https://blog.youkuaiyun.com/matmacchiato/article/details/128701070</guid><author>matmacchiato</author><pubDate>Tue, 17 Jan 2023 21:50:21 +0800</pubDate><description><![CDATA[防抖（回城技能）前面的所有的触发都被取消，最后一次执行在规定的时间之后才会触发，也就是说如果连续快速的触发，只会执行一次（简单来说就是回城技能）} , 1000)节流（回城cd）在规定的间隔时间范围内不会重复触发回调，只有大于这个时间间隔才会触发回调，把频繁触发变为少量触发} , 1000)lodash插件中封装了防抖与节流的业务【闭包+延迟器】]]></description><category></category></item><item><title><![CDATA[【Vue2项目(尚品汇前台)】(一）项目初搭建]]></title><link>https://blog.youkuaiyun.com/matmacchiato/article/details/128690114</link><guid>https://blog.youkuaiyun.com/matmacchiato/article/details/128690114</guid><author>matmacchiato</author><pubDate>Sun, 15 Jan 2023 23:08:36 +0800</pubDate><description><![CDATA[（1）路由组件与非路由组件的区别？路由组件一般放置在pages|views文件夹中，非路由组件一般放置在components文件夹中路由组件一般需要在router文件夹中进行注册（使用的即为组件的名字），非路由组件在使用的时候，一般都是以标签的形式使用注册完路由，不管路由组件，还是非路由组件身上都有$route\ $router属性【 $route:一般获取路由信息（路径、query、params等等）】【 $router:一般进行编程式导航进行路由跳转（push | replace）】]]></description><category></category></item><item><title><![CDATA[【Ajax】(二）JQuery发送Ajax请求、Axios发送Ajax请求、fetch发送Ajax请求、跨域、jsonp、CORS]]></title><link>https://blog.youkuaiyun.com/matmacchiato/article/details/128686581</link><guid>https://blog.youkuaiyun.com/matmacchiato/article/details/128686581</guid><author>matmacchiato</author><pubDate>Sat, 14 Jan 2023 20:48:50 +0800</pubDate><description><![CDATA[在CORS中你要发请求，你就按照ajax那一套去做就行了，至于跨域的问题，就交给服务端设置响应头就可以实现跨域。这个请求方法厉害之处在于他不用像jquery和axios那样需要引入第三方库，而是可以直接使用。声明handle函数，创建script标签，利用src属性请求数据。做一个案例，点击按钮，向8000端口发出请求，返回结果在div呈现。// 向服务器端发送请求，检测用户名是否存在。// 修改 p 标签的提示文本。//1. 创建script标签。//2. 设置标签的src属性。]]></description><category></category></item><item><title><![CDATA[【Ajax】(一）ajax简介、HTTP协议、ajax的准备工作、发送ajax请求、nodemon自动重启工具]]></title><link>https://blog.youkuaiyun.com/matmacchiato/article/details/128683485</link><guid>https://blog.youkuaiyun.com/matmacchiato/article/details/128683485</guid><author>matmacchiato</author><pubDate>Sat, 14 Jan 2023 15:40:34 +0800</pubDate><description><![CDATA[可扩展标记语言。XML被设计用来传输和存储数据。XML和HTML类似，不同的是HTML中都是预定义标签，而XML中没有预定义标签，全部都是自定义标签，用来表示一些数据。（目前已经被JSON取代）]]></description><category></category></item><item><title><![CDATA[【ES6】(三）迭代器Iterator、生成器Generator、Promise、aysnc的用法、class类的用法]]></title><link>https://blog.youkuaiyun.com/matmacchiato/article/details/128670893</link><guid>https://blog.youkuaiyun.com/matmacchiato/article/details/128670893</guid><author>matmacchiato</author><pubDate>Fri, 13 Jan 2023 19:48:22 +0800</pubDate><description><![CDATA[迭代器是一个接口，能快捷的访问数据。一个数据结构只要具有属性，就可以认为是“可遍历的”方法返回一个对象，这个对象包含value和done两个属性，value属性返回当前位置的成员，done属性是一个布尔值，表示遍历是否结束，即是否还有必要再一次调用next方法。原生具备 Iterator 接口的数据结构如下ArrayMapSetStringTypedArray函数的 arguments 对象NodeList 对象。]]></description><category></category></item><item><title><![CDATA[【ES6】(二）解构赋值、对象的拓展、Symbol、Set和Map、数组的拓展]]></title><link>https://blog.youkuaiyun.com/matmacchiato/article/details/128654117</link><guid>https://blog.youkuaiyun.com/matmacchiato/article/details/128654117</guid><author>matmacchiato</author><pubDate>Thu, 12 Jan 2023 22:21:30 +0800</pubDate><description><![CDATA[解构赋值是对赋值运算符的一种拓展，针对数组和对象来进行操作，优点：代码书写上简洁易读定义一个node对象但在ES6中就非常简洁使用剩余运算符也可以解构出来，返回的是一个对象对数组解构可嵌套对属性重命名可使用冒号。]]></description><category></category></item><item><title><![CDATA[【ES6】(一）const和let、模板字符串、函数之默认值、剩余参数、扩展运算符、箭头函数]]></title><link>https://blog.youkuaiyun.com/matmacchiato/article/details/128640905</link><guid>https://blog.youkuaiyun.com/matmacchiato/article/details/128640905</guid><author>matmacchiato</author><pubDate>Thu, 12 Jan 2023 09:01:04 +0800</pubDate><description><![CDATA[有关内容可以查阅文档 阮一峰ES6]]></description><category></category></item></channel></rss>