<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[fdbyd的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/fdbyd</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; fdbyd]]></copyright><item><title><![CDATA[JavaScript的循环语句]]></title><link>https://blog.youkuaiyun.com/fdbyd/article/details/113924558</link><guid>https://blog.youkuaiyun.com/fdbyd/article/details/113924558</guid><author>fdbyd</author><pubDate>Sun, 21 Feb 2021 22:01:07 +0800</pubDate><description><![CDATA[一、while循环
while语法：
while (条件){
代码(循环体)
};
注：(1)、只有当条件为true时，才能执行循环体。如果条件为false，循环有可能永远不被执行。
(2)、先执行条件，再执行循环体。
(3)、循环一次称之为一次迭代，循环几次称之为几次迭代。￼上面的例子中，当年i循环到5时，不满足条件，循环结束；

二、do…while循环
do …while语法：
do{
//循环代码
}
while(条件)；
注：(1)、始终是先执行循环体，在检查条件是否满足。
(2)、无论条件是tr]]></description><category></category></item><item><title><![CDATA[input的23种type类型]]></title><link>https://blog.youkuaiyun.com/fdbyd/article/details/113459837</link><guid>https://blog.youkuaiyun.com/fdbyd/article/details/113459837</guid><author>fdbyd</author><pubDate>Sun, 31 Jan 2021 10:57:45 +0800</pubDate><description><![CDATA[目录

全部类型

传统类型

新增类型

全部类型

text 定义单行文本输入框
password 定义密码输入框
file 定义文件上传控件
radio 定义单选按钮
checkbox 定义复选框
hidden 定义隐藏的输入字段
button 定义按钮
image 定义图像形式的提交按钮
reset 定义重置按钮,重置按钮会清除表单中的所有数据
submit 定义提交按钮,提交按钮会把表单数据发送到服务器
color 定义调色板
tel 定义包含电话号码的输入域
email 定义包含email地址的]]></description><category></category></item><item><title><![CDATA[HTML标签]]></title><link>https://blog.youkuaiyun.com/fdbyd/article/details/113415660</link><guid>https://blog.youkuaiyun.com/fdbyd/article/details/113415660</guid><author>fdbyd</author><pubDate>Sat, 30 Jan 2021 11:27:31 +0800</pubDate><description><![CDATA[XHTML1.0提供了几种DOCTYPE可选择：
1.过渡型（Transitional ）

2.严格型（Strict ）



HTML是简单的文本标签语言，一个HTML网页文件都是有元素构成的，元素由开始标签、结束标签、属性和元素的内容4部分构成。再学习和使用HTML时要注意区分标签和元素这两个定义。



属性的使用格式如下：
&lt;元素 属性=“值”&gt;内容&lt;/元素&gt;
&lt;元素 属性=‘值’&gt;内容&lt;/元素&gt;

&lt;元素 属性= 值&gt;内容&lt;/..]]></description><category></category></item><item><title><![CDATA[理论知识总结（js和css）]]></title><link>https://blog.youkuaiyun.com/fdbyd/article/details/113309045</link><guid>https://blog.youkuaiyun.com/fdbyd/article/details/113309045</guid><author>fdbyd</author><pubDate>Thu, 28 Jan 2021 14:47:09 +0800</pubDate><description><![CDATA[目录




css

选择器

一：类选择器

class元素可以有多个值，中间用空格隔开。一个文件中，可以有多个相同的class值。


&lt;p class="first done"&gt;&lt;/p&gt;


.first{
  background-color: red;
}

二：ID选择器

#(哈希)符号加上id名称组成。但是单个文件中id值要保持唯一。一个element中只设置一个id。


&lt;p id="polite"&gt;&lt;/p&gt;


#polite{
 ..]]></description><category></category></item><item><title><![CDATA[js数组和对象的相关方法]]></title><link>https://blog.youkuaiyun.com/fdbyd/article/details/113237205</link><guid>https://blog.youkuaiyun.com/fdbyd/article/details/113237205</guid><author>fdbyd</author><pubDate>Wed, 27 Jan 2021 08:59:58 +0800</pubDate><description><![CDATA[新建数组

方法一：通过new运算符创建一个数组构造函数。

var arr = new Array();


方法二：通过方括号直接创建直接量数组。## 标题

var arr = [1,2,3];

添加数组中的元素

方法一：通过下标添加元素。

var arr = new Array();
arr[0] = 'kwan';
arr[1] = 18;


方法二：通过array的push方法来添加。
说明一点：push是往数组末尾添加新元素。
var arr = new Array();

arr[0]]></description><category></category></item><item><title><![CDATA[js的变量命名方式]]></title><link>https://blog.youkuaiyun.com/fdbyd/article/details/112983153</link><guid>https://blog.youkuaiyun.com/fdbyd/article/details/112983153</guid><author>fdbyd</author><pubDate>Fri, 22 Jan 2021 14:04:25 +0800</pubDate><description><![CDATA[变量命名有三种

ver
const
let

ES6 — 新增关键字let、const
ECMAScript 是什么？
首先，我们都知道JavaScript由三部分组成：ECMAScript，DOM，BOM；
其中的ECMAScript是Javascript的语法规范。
ECMAScript定义了很多东西，如：
语法-----解析规则，关键字，语句，声明，操作等
类型-----布尔型，数字，字符串，对象等
原型和继承
内置对象，函数的标准库----------JSON, Math, 数组方法，对象方法等
]]></description><category></category></item><item><title><![CDATA[WX小程序授权登录]]></title><link>https://blog.youkuaiyun.com/fdbyd/article/details/109988679</link><guid>https://blog.youkuaiyun.com/fdbyd/article/details/109988679</guid><author>fdbyd</author><pubDate>Mon, 23 Nov 2020 15:14:18 +0800</pubDate><description><![CDATA[一、官方流程图

二、具体实现步骤
首先是有三端分别是微信小程序客户端（小程序前端）、
第三方服务器端（小程序后端）、微信服务器端（微信官方api）

微信小程序客户端（小程序前端）
第三方服务器端（小程序后端）
微信服务器端（微信官方api）

1、客户端获得code值，并将code传给第三方服务端
可以使用bindtap点击事件查看是否能获得样式

...]]></description><category></category></item><item><title><![CDATA[connect ETIMEDOUT]]></title><link>https://blog.youkuaiyun.com/fdbyd/article/details/109453871</link><guid>https://blog.youkuaiyun.com/fdbyd/article/details/109453871</guid><author>fdbyd</author><pubDate>Mon, 02 Nov 2020 17:47:43 +0800</pubDate><description><![CDATA[问题：
今天遇到了这个问题：vue init webpack pro [Failed to download repo] [connect ETIMEDOUT 192.30.255.112]
经过查询是ping超时的原因
解决方法
第一步：
找到hosts文件。地址：C:\Windows\System32\Drivers\etc
第二步：
可以不用修改hosts文件，可以将文件复制到其他地方

在打开文件

往里面添加三行注释：
#github
192.30.253.112 github.com
151.1]]></description><category></category></item><item><title><![CDATA[vuex的学习]]></title><link>https://blog.youkuaiyun.com/fdbyd/article/details/109443387</link><guid>https://blog.youkuaiyun.com/fdbyd/article/details/109443387</guid><author>fdbyd</author><pubDate>Mon, 02 Nov 2020 13:52:52 +0800</pubDate><description><![CDATA[vuex的初始学习
安装
首先是先在vue 项目中下载vue
显示出来的是这样的
如果不放心可以去package.js中查看如果显示:
vuex:"^版本号"

实战
在正常的vue项目中是没有vuex所需的文件的。所以需要自己建立一个目录在src，在中建立一个名为store的目录，然后在建立一个index的js文件
然后实战操作一下：
在index文件需要将vue和vuex引用一下
然后利用const声明一个常量store，并且导出常量store
然后我们在main.js文件中引入该文件，在文件里面添加 ]]></description><category></category></item><item><title><![CDATA[js九宫格抽奖]]></title><link>https://blog.youkuaiyun.com/fdbyd/article/details/109438326</link><guid>https://blog.youkuaiyun.com/fdbyd/article/details/109438326</guid><author>fdbyd</author><pubDate>Sun, 01 Nov 2020 21:59:53 +0800</pubDate><description><![CDATA[js简易抽奖
今天讲下js抽奖
流程图：

代码部分
首先是html部分和css布局部分
&lt;!DOCTYPE html&gt;
&lt;html&gt;
	&lt;head&gt;
		&lt;meta charset="utf-8" /&gt;
		&lt;title&gt;&lt;/title&gt;
		&lt;style type="text/css"&gt;
			body {
				margin: 0;
			}

			.prize {
				width: 300px;
				he]]></description><category></category></item><item><title><![CDATA[了解原型、原型链、new、this之间的联系]]></title><link>https://blog.youkuaiyun.com/fdbyd/article/details/108040162</link><guid>https://blog.youkuaiyun.com/fdbyd/article/details/108040162</guid><author>fdbyd</author><pubDate>Sun, 16 Aug 2020 19:53:05 +0800</pubDate><description><![CDATA[JavaScript--原型与原型链


一、prototype

在JavaScript中，每个函数都有一个prototype属性，这个属性指向函数的原型对象。

原型的概念：每一个javascript对象(除null外)创建的时候，就会与之关联另一个对象，这个对象就是我们所说的原型，每一个对象都会从原型中“继承”属性。


function Person(age) {
    this.age = age       
}
Person.prototype.name = 'kavin'
var per.]]></description><category></category></item><item><title><![CDATA[前端性能优化方法和详解]]></title><link>https://blog.youkuaiyun.com/fdbyd/article/details/108040049</link><guid>https://blog.youkuaiyun.com/fdbyd/article/details/108040049</guid><author>fdbyd</author><pubDate>Sun, 16 Aug 2020 18:15:19 +0800</pubDate><description><![CDATA[一、为什么要优化前端的性能

优化的目的在于让页面加载的更快，对用户操作响应更及时，为用户带来更好的用户体验，对于开发者来说优化能够减少页面请求数，能够节省资源。

前端优化的方法有很多种，可以将其分为两大类，第一类是页面级别的优化如http请求数，内联脚本的位置优化等，第二类为代码级别的优化，例Javascript中的DOM 操作优化、CSS选择符优化、图片优化以及 HTML结构优化等等。

什么是前端性能优化（what）？

从用户访问资源到资源完整的展现在用户面前的过程中，通过技术手段和优化策略，..]]></description><category></category></item><item><title><![CDATA[JavaScript的十种排序算法]]></title><link>https://blog.youkuaiyun.com/fdbyd/article/details/108039039</link><guid>https://blog.youkuaiyun.com/fdbyd/article/details/108039039</guid><author>fdbyd</author><pubDate>Sun, 16 Aug 2020 18:08:24 +0800</pubDate><description><![CDATA[js的排序方法

排序算法图片总结:



1.冒泡排序:



  1.比较相邻的两个元素，如果前一个比后一个大，则交换位置。

  2.第一轮的时候最后一个元素应该是最大的一个。

  3.按照步骤一的方法进行相邻两个元素的比较，这个时候由于最后一个元素已经是最大的了，所以最后一个元素不用比较。

代码实现：


function bubbleSort(arr) {
　　var len = arr.length;
　　for (var i = 0; i &lt; l...]]></description><category></category></item><item><title><![CDATA[面对对象主要特征]]></title><link>https://blog.youkuaiyun.com/fdbyd/article/details/108038149</link><guid>https://blog.youkuaiyun.com/fdbyd/article/details/108038149</guid><author>fdbyd</author><pubDate>Sun, 16 Aug 2020 17:06:57 +0800</pubDate><description><![CDATA[了解和应用面对对象的三大主要特征
1、封装
封装是面向对象的特征之一，是对象和类概念的主要特性。封装是把过程和数据包围起来，对数据的访问只能通过已定义的界面。面向对象计算始于这个基本概念，即现实世界可以被描绘成一系列完全自治、封装的对象，这些对象通过一个受保护的接口访问其他对象。一旦定义了一个对象的特性，则有必要决定这些特性的可见性，即哪些特性对外部世界是可见的，哪些特性用于表示内部状态。在这个阶段定义对象的接口。通常，应禁止直接访问一个对象的实际表示，而应通过操作接口访问对象，这称为信息隐藏。事实上，信息]]></description><category></category></item><item><title><![CDATA[懒加载是什么？有什么用？]]></title><link>https://blog.youkuaiyun.com/fdbyd/article/details/107519970</link><guid>https://blog.youkuaiyun.com/fdbyd/article/details/107519970</guid><author>fdbyd</author><pubDate>Wed, 22 Jul 2020 18:31:10 +0800</pubDate><description><![CDATA[什么是懒加载，在什么时候用到懒加载？

懒加载技术(简称lazyload)并不是新技术, 它是js程序员对网页性能优化的一种方案.lazyload的核心是按需加载。

概括-----

什么时候能用到懒加载？

   Web应用程序做的最多就是和后台数据库交互，而查询数据库是种非常耗时的过程。当数据库里记录过多时，查询优化更显得尤为重要。为了解决这种问题，有人提出了缓存的概念。缓存就是将用户频繁使用的数据放在内存中以便快速访问。在用户执行一次查询操作后，查询的记录会放在缓存中。当用户再次查询时，系统...]]></description><category></category></item><item><title><![CDATA[Bom里面主要有什么]]></title><link>https://blog.youkuaiyun.com/fdbyd/article/details/107491310</link><guid>https://blog.youkuaiyun.com/fdbyd/article/details/107491310</guid><author>fdbyd</author><pubDate>Tue, 21 Jul 2020 18:27:51 +0800</pubDate><description><![CDATA[protocol : // host [ : port ] / path / [ ?query ] # fragment
http://www.itcast.cn/index.html?name=andy&age=18#link]]></description><category></category></item><item><title><![CDATA[购物车的一个方法]]></title><link>https://blog.youkuaiyun.com/fdbyd/article/details/107466906</link><guid>https://blog.youkuaiyun.com/fdbyd/article/details/107466906</guid><author>fdbyd</author><pubDate>Mon, 20 Jul 2020 20:15:53 +0800</pubDate><description><![CDATA[我个人的一个购物车的记录方法
高级购物车

成品
在成品页面中顶部的横条，底部的立刻预约，商品的内容，角标=商品单价，结算页面，底部结算内的商品总价和商品数量。
其中在进行内容的布置的时候首先将首页和立刻预约这个给做出来固定好样式，然后在设置一个div用来存储数组并且设置好样式在这一步将角标隐藏起来。
结算页面里也是一个内容的输出和外面的商品是一样的都是多了两个button按钮在进行调整样式HTML和css的内容输出完毕。
其中角标，结算页面，底部结算都是隐藏起来。在做完全部的页面的内容的样式的时候将角标，]]></description><category></category></item><item><title><![CDATA[js字符串的一些操作方法]]></title><link>https://blog.youkuaiyun.com/fdbyd/article/details/107312606</link><guid>https://blog.youkuaiyun.com/fdbyd/article/details/107312606</guid><author>fdbyd</author><pubDate>Mon, 13 Jul 2020 14:27:47 +0800</pubDate><description><![CDATA[字符串的操作方法
一些字符串的操作方法
1.concat：用于字符串的拼接
var aa ="hello"
var bb = "world"
var cc = aa.concat(bb);//cc= helloworld

2.slice（x，y):截取字符串，第一个x表示开始截取的位置，y表示结束截取的位置,不包含索引为y的
var dd = aa.slice(0,3);//dd= hel

3.substr(x,y):截取字符串，第一个x开始截取的位置，y是表示要截取的个数
var ee = aa.su]]></description><category></category></item><item><title><![CDATA[js的对象（1）]]></title><link>https://blog.youkuaiyun.com/fdbyd/article/details/107310731</link><guid>https://blog.youkuaiyun.com/fdbyd/article/details/107310731</guid><author>fdbyd</author><pubDate>Mon, 13 Jul 2020 10:40:18 +0800</pubDate><description><![CDATA[什么是对象
js如何定义对象
用var关键字
JavaScript用一个{…}表示一个对象，键值对以xxx: xxx形式申明，用,隔开。注意，最后一个键值对不需要在末尾加,，如果加了，有的浏览器（如低版本的IE）将报错。
创建对象的方法
1.使用对象初始器：
objName = {
prop1:value_1,
prop2:value_2,
…
}
该方法直接创建实例对象，而无需声明。
2.使用构造函数：
objName = {
prop1:value_1,
prop2:value_2,
draw:func]]></description><category></category></item><item><title><![CDATA[js事件和事件流和dom事件流]]></title><link>https://blog.youkuaiyun.com/fdbyd/article/details/107309828</link><guid>https://blog.youkuaiyun.com/fdbyd/article/details/107309828</guid><author>fdbyd</author><pubDate>Mon, 13 Jul 2020 09:32:27 +0800</pubDate><description><![CDATA[什么是事件
事件就是用来触发函数的一个开关
&lt;select id="chose1" onchange="change(selectedIndex)"&gt;
		&lt;/select&gt;
		&lt;select id="chose2"&gt;&lt;/select&gt;
		&lt;script&gt;
		function change(obj) {
				chose2.length = y[obj].length;
				for (var j = 0; j &lt; y[obj].l]]></description><category></category></item></channel></rss>