<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[DS153的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/DS153</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; DS153]]></copyright><item><title><![CDATA[Vue知识梳理 第六章节]]></title><link>https://blog.youkuaiyun.com/DS153/article/details/124806907</link><guid>https://blog.youkuaiyun.com/DS153/article/details/124806907</guid><author>DS153</author><pubDate>Mon, 16 May 2022 20:39:45 +0800</pubDate><description><![CDATA[前言

第六章节主要来讲述路由的使用，对于路由的理解，可以方便我们去操作如何去实现单页面的切换操作，是非常重要的知识点。





一、路由







配置

简单的去理解： 一个路由（route）就是一组映射关系（key - value），多个路由需要路由器（router）进行管理。
那么我们所理解的前端路由就是：key是路径，value是组件。



基本使用

1.安装vue-router，命令：


npm i vue-router


2.应用插件：


Vue.use(VueRouter..]]></description><category></category></item><item><title><![CDATA[Vue知识分享 第五章]]></title><link>https://blog.youkuaiyun.com/DS153/article/details/124695268</link><guid>https://blog.youkuaiyun.com/DS153/article/details/124695268</guid><author>DS153</author><pubDate>Wed, 11 May 2022 15:18:53 +0800</pubDate><description><![CDATA[前言


]]></description><category></category></item><item><title><![CDATA[Vue知识梳理 第四章节]]></title><link>https://blog.youkuaiyun.com/DS153/article/details/124615285</link><guid>https://blog.youkuaiyun.com/DS153/article/details/124615285</guid><author>DS153</author><pubDate>Fri, 06 May 2022 20:02:34 +0800</pubDate><description><![CDATA[前言

第四章节主要学习如何配置代理服务器和如何使用插槽。重点是如何使用插槽，插槽的用法使用频率很高，需要熟悉并掌握用法。





如何配置代理服务器

配置代理服务器，主要是通过配置和修改vue.config.js文件来实现的，通过官网：Vue官网，点击生态系统&gt;Vue CLI 进入之后点击配置信息，找到devServer，就可以看到配置代理服务器的方法。





在里面可以看到更加详细的内容，这里我们简要说明一下，在vue.config.js中添加如下配置：

第一种方法：


dev...]]></description><category></category></item><item><title><![CDATA[Vue知识梳理 第三章]]></title><link>https://blog.youkuaiyun.com/DS153/article/details/124475829</link><guid>https://blog.youkuaiyun.com/DS153/article/details/124475829</guid><author>DS153</author><pubDate>Thu, 28 Apr 2022 20:21:26 +0800</pubDate><description><![CDATA[前言

在了解了组件之后，我们需要通过脚手架来真正的去书写使用Vue组件构建的网页效果。跟随这一章节的内容，我们来学习Vue组件中的一些重要的知识和书写todolist的案例。



一、脚手架

脚手架是什么呢？脚手架就是Vue官方提供的标准化开发工具（开发平台）。

执行时，可以打开对应文件的终端面板，然后按步骤执行完成：


第一步（仅第一次执行）：全局安装@vue/cli。

npm install -g @vue/cli

第二步：切换到你要创建项目的目录，然后使用命令创建项目

vue crea]]></description><category></category></item><item><title><![CDATA[Vue知识梳理 第二章节]]></title><link>https://blog.youkuaiyun.com/DS153/article/details/124322969</link><guid>https://blog.youkuaiyun.com/DS153/article/details/124322969</guid><author>DS153</author><pubDate>Thu, 21 Apr 2022 16:03:39 +0800</pubDate><description><![CDATA[前言

学完了基础的Vue的使用，就需要开始学习如何使用组件了。接下来就让我们学习如何使用Vue中的组件化功能。





一、组件

什么是组件？


理解: 用来实现局部(特定)功能效果的代码集合(html/css/js/image…..)
为什么: 一个界面的功能很复杂，存在代码复用率低，不好维护等等的问题
作用: 复用编码, 简化项目编码, 提高运行效率


当我们没有使用组件，那么将会存在这样的情况：

而当我们使用了组件：



通过使用了组件化的方式管理，我们可以清晰的看出每个文件的对...]]></description><category></category></item><item><title><![CDATA[Vue知识梳理 第一章节]]></title><link>https://blog.youkuaiyun.com/DS153/article/details/124198709</link><guid>https://blog.youkuaiyun.com/DS153/article/details/124198709</guid><author>DS153</author><pubDate>Sat, 16 Apr 2022 11:08:58 +0800</pubDate><description><![CDATA[前言

在忙于毕设的三周拖延之后，我终于成功的学完了第一章节（菜）。今天我就通过知识梳理和我自己的理解，来书写属于我自己的Vue框架知识梳理。





一、Vue简介

什么是Vue？



Vue是一套用于构建用户界面的渐进式javascript框架，它的作用很像jQuery的使用，通过一些函数的封装，能够实现更加方便的界面效果。具有很多优秀的特点：

采用组件化模式，提高代码复用率、且让代码更好维护。
	声明式编码，让编码人员无需直接操作DOM，提高开发效率。
	使用虚拟DOM+优秀的Diff 算法，]]></description><category></category></item><item><title><![CDATA[Git和Github的使用]]></title><link>https://blog.youkuaiyun.com/DS153/article/details/123555356</link><guid>https://blog.youkuaiyun.com/DS153/article/details/123555356</guid><author>DS153</author><pubDate>Thu, 17 Mar 2022 20:17:20 +0800</pubDate><description><![CDATA[前言

我们知道我们的文件在需要管理的时候，如果出现崩溃或者文件丢失的情况的时候，就会对管理和工作造成非常严重的影响。而这个时候，我们就需要用到git和github来管理我们所使用的项目，可以帮助管理我们的项目版本。那么，就让我们来了解git和github吧。





一、版本控制

关于版本控制，当我们需要给文件去设置，设计不同的版本，最初的想法可能就是不停的创建文件，复制粘贴。但是这个过程明显是存在缺点的：





因此，我们就需要通过一些方法来方便管理这些文件。

版本控制软件

版本控制软件是.]]></description><category></category></item><item><title><![CDATA[NPM包管理工具]]></title><link>https://blog.youkuaiyun.com/DS153/article/details/123526872</link><guid>https://blog.youkuaiyun.com/DS153/article/details/123526872</guid><author>DS153</author><pubDate>Wed, 16 Mar 2022 16:13:35 +0800</pubDate><description><![CDATA[前言

NPM包管理工具，可以帮助我们管理各种各样的安装包的依赖关系，帮助我们使用jQuery或者bootstrap的时候，可以不用把整个包放入文件夹中才能使用。接下来让我们来一起学习NPM的相关知识。





一、认识NPM


npm(全称Node Package Manager，即node包管理器)，是Node.js默认的、以JavaScript编写的软件包管理系统” npm来分享和使用代码已经成了前端的标配。这是它的官网

npm是Node.js默认的软件包管理系统，安装完毕node后，会默认安装]]></description><category></category></item><item><title><![CDATA[HTTP知识梳理]]></title><link>https://blog.youkuaiyun.com/DS153/article/details/123494696</link><guid>https://blog.youkuaiyun.com/DS153/article/details/123494696</guid><author>DS153</author><pubDate>Tue, 15 Mar 2022 10:40:36 +0800</pubDate><description><![CDATA[前言

学习前后端交接，我们需要注重我们的网络地址请求和发送资源的过程，通信发生的过程是否有错误。那么，了解HTTP协议就是一个重要的事情。所以，今天就让我们来分析和了解HTTP。





一、HTTP协议简介

在了解协议之前，先让我们了解一下什么是通信。

我们知道通信以最简单的形式开始，就是送信件，那么我们用案例来看看这个过程：


案例:张三要把自己考上传智专修学院的好消息写信告诉自己的好朋友李四。
其中：

通信的主体是张三和李四
	通信的内容是考上传智专修学院
	通信的方式是写信


那么当我]]></description><category></category></item><item><title><![CDATA[前后端交互知识分享——Ajax的知识一]]></title><link>https://blog.youkuaiyun.com/DS153/article/details/123480160</link><guid>https://blog.youkuaiyun.com/DS153/article/details/123480160</guid><author>DS153</author><pubDate>Mon, 14 Mar 2022 16:21:13 +0800</pubDate><description><![CDATA[前言

如果需要实现网页和服务器的数据交接，实现更多用户体验的效果，我们就需要进行前后端交接的知识了解。接下来就让我们来了解这一切吧。





服务器概念和知识

上网的目的

我们上网为了了解各种信息，听上各种好听的歌曲，看很多好看的视频动画电影连续剧，上网非常的重要。而上网本质目的，就是通过互联网的形式来获取和消费资源。

那么这个过程是怎么实现的呢？我们可以来了解客户端和服务器的关系：



上网过程中，负责存放和对外提供资源的电脑，叫做服务器
	上网过程中，负责获取和消费资源的电脑，叫做客户端

]]></description><category></category></item><item><title><![CDATA[jQuery知识分享——下]]></title><link>https://blog.youkuaiyun.com/DS153/article/details/122395386</link><guid>https://blog.youkuaiyun.com/DS153/article/details/122395386</guid><author>DS153</author><pubDate>Tue, 08 Mar 2022 17:00:57 +0800</pubDate><description><![CDATA[一、jQuery属性操作

元素固有属性
]]></description><category></category></item><item><title><![CDATA[面向编程的知识点总结]]></title><link>https://blog.youkuaiyun.com/DS153/article/details/123349104</link><guid>https://blog.youkuaiyun.com/DS153/article/details/123349104</guid><author>DS153</author><pubDate>Tue, 08 Mar 2022 16:51:30 +0800</pubDate><description><![CDATA[前言

假期结束，我们都得快点回到工作状态，也得进入学习状态。为此我们需要努力的进行一个知识的记录和复习。这篇知识点总结希望能帮到大家可以回忆自己学习的内容。





一、函数的定义

当我们需要面对新的函数内容的时候，我们需要去重新回忆一下函数的定义：



在js里面，万物皆对象，数组可以是对象，字符串可以是对象，函数可以是对象。



二、函数的调用(this)

函数的调用我们知道，有一个方法叫做this，这里我们就来看看，this的指向有些什么特别之处，对于不同的函数调用下this指向会有什么样]]></description><category></category></item><item><title><![CDATA[年度博客——关于echarts的一些问题]]></title><link>https://blog.youkuaiyun.com/DS153/article/details/122647872</link><guid>https://blog.youkuaiyun.com/DS153/article/details/122647872</guid><author>DS153</author><pubDate>Sun, 23 Jan 2022 10:17:18 +0800</pubDate><description><![CDATA[我们在学习echarts的时候，一般会有两个问题：

网址不正确，和找不到相关的gallery。

第一个网址问题，大家自己搜索一下就懂了，也不是很难，毕竟网址也是会更新换代的，所以更换网址本就是很正常的事情，只需要去查找相关的内容就可以了。

这里我也附上这个相关的网址：

ECHARTS的官网

之前视频教学所教育的：在社区里面查找gallery，但是根本就没有gallery，那么gallery在哪里？



被转移到了这里：



通过他我们就可以去查找相关的资源，实现多样的可视化。但是这个内部也..]]></description><category></category></item><item><title><![CDATA[Echats的学习反馈问题]]></title><link>https://blog.youkuaiyun.com/DS153/article/details/122647507</link><guid>https://blog.youkuaiyun.com/DS153/article/details/122647507</guid><author>DS153</author><pubDate>Sun, 23 Jan 2022 10:06:22 +0800</pubDate><description><![CDATA[前言

学习结束了Echarts，我在这个过程中学会了如何使用Echarts来进行数据可视化的操作，我们在这个过程中需要重点注意的地方是：

合理插入Echarts的文件，用正确的选取方式选取盒子。
	在js里面导入设置好的option，给盒子添加配置好的option。
	合理布局，查询文档更改适当的option。
当然，在这个过程中我也遇到了一些小问题，这里我也列出来给大家，方便大家在学习Echarts的时候，能够更加快捷的度过这个难关。





一、认真看视频里面的细节

废话文学，但是确实是有时候如]]></description><category></category></item><item><title><![CDATA[小米官网重构]]></title><link>https://blog.youkuaiyun.com/DS153/article/details/122394512</link><guid>https://blog.youkuaiyun.com/DS153/article/details/122394512</guid><author>DS153</author><pubDate>Sun, 09 Jan 2022 16:10:50 +0800</pubDate><description><![CDATA[目录

前言

一、主页

头部导航栏

二、登录页面

变量和代码简化

错误信息的简化

注册界面

跳转链接

后话



前言

学习完全部的jQuery内容之后，用更加便捷简单的jQuery，我实现了更加简单方便的效果。在小米官网里面大量的代码，也被缩减成为几行简单的代码就能解决的内容。这里立我写的代码给大家观察，可以看看我的方法，更加改善自己的jQuery代码。





一、主页

头部导航栏

头部导航栏，也就是选中对应选项，就可以打开对应的内容栏观看，这个内容其实非常的简单。但是实现的时.]]></description><category></category></item><item><title><![CDATA[jQuery知识分享——上]]></title><link>https://blog.youkuaiyun.com/DS153/article/details/122330079</link><guid>https://blog.youkuaiyun.com/DS153/article/details/122330079</guid><author>DS153</author><pubDate>Fri, 07 Jan 2022 09:13:36 +0800</pubDate><description><![CDATA[前言

完成之前的案例之后，我开始了jQuery的js库学习。jQuery的代码更加便捷方便，节省了很多开发人员书写大量代码的问题。jQuery就是一个JS 文件，里面对我们原生js代码进行了封装，存放到里面。这样我们可以快速高效的使用这些封装好的功能了。接下来就让我们一起学习学习jQuery的内容。





一、jQuery的概念

jQuery总体概况如下 :


jQuery 是一个快速、简洁的 JavaScript 库，其设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做]]></description><category></category></item><item><title><![CDATA[小米官网项目制作——javascript知识分享下]]></title><link>https://blog.youkuaiyun.com/DS153/article/details/121959984</link><guid>https://blog.youkuaiyun.com/DS153/article/details/121959984</guid><author>DS153</author><pubDate>Thu, 30 Dec 2021 09:26:14 +0800</pubDate><description><![CDATA[前言

之前我分享了关于小米官网主页的javascript内容的制作，不知道大家通过上一篇博客有没有获得需要的知识。
]]></description><category></category></item><item><title><![CDATA[javascript——贪吃蛇项目制作]]></title><link>https://blog.youkuaiyun.com/DS153/article/details/122071635</link><guid>https://blog.youkuaiyun.com/DS153/article/details/122071635</guid><author>DS153</author><pubDate>Wed, 22 Dec 2021 18:59:02 +0800</pubDate><description><![CDATA[虽然在写这个项目很多东西都没有学习，但是根据这个视频的内容我还是跟着把贪吃蛇项目写了出来：web前端实战项目系列，JavaScript面相对象开发贪吃蛇（全套教程），并且一步步搞懂内部的东西。同时感谢我们的大佬的文章：JavaScript贪吃蛇给我带来了很多的帮助。贪吃蛇项目的制作我觉得更多是需要懂得制作的思路，接下来让我们寻找其中的重点，解析这个过程。





一、效果展示

首先让我们看看实际上的效果是什么样子的：贪吃蛇小游戏

这里有一个参考网站给大家看。我这里上一份我执着的样子：


...]]></description><category></category></item><item><title><![CDATA[小米官网项目制作——javascript知识分享上]]></title><link>https://blog.youkuaiyun.com/DS153/article/details/121938687</link><guid>https://blog.youkuaiyun.com/DS153/article/details/121938687</guid><author>DS153</author><pubDate>Wed, 15 Dec 2021 17:38:37 +0800</pubDate><description><![CDATA[前言

   经过一些长时间的学习，我经过自己的努力，成功的进行了小米官网的主页和登录注册的页面的制作。这个过程更多的是对自己知识的总结和练习，实践出真理，只有做了才知道需要怎么去写代码的逻辑才可以写出我们需要的效果。今天我就给大家分享一下，小米官网主页的javascript的代码上需要书写注意的地方。





一、整体架构

首先，我们需要去看看小米官网的内容都有什么，我们可以直接前往官网查看它的内容：小米官网

我们可以看到有这么一些地方是我们值得注意的：

1.下滑的二维码



2.购物...]]></description><category></category></item><item><title><![CDATA[javascript知识分享——BOM对象]]></title><link>https://blog.youkuaiyun.com/DS153/article/details/121625740</link><guid>https://blog.youkuaiyun.com/DS153/article/details/121625740</guid><author>DS153</author><pubDate>Mon, 06 Dec 2021 20:12:08 +0800</pubDate><description><![CDATA[前言

   在学习完前面的DOM对象之后，我们知道，webAPI里面还有一个BOM对象没有学习。所以现在，就让我们来学习和了解BOM对象是什么，BOM对象有什么样的用法，我们通过BOM对象，可以去实现什么样的网页效果。





一、BOM对象

   BOM（Browser Object Model）即浏览器对象模型，它提供了独立于内容而与浏览器窗口进行交互的对象，其核心对象是 window。BOM 由一系列相关的对象构成，并且每个对象都提供了很多方法与属性。BOM 缺乏标准，JavaS...]]></description><category></category></item></channel></rss>