<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[APLL_的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/APLL_</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; APLL_]]></copyright><item><title><![CDATA[移动端嵌套Vue页面 , Vue页面跳转回去]]></title><link>https://blog.youkuaiyun.com/APLL_/article/details/138719899</link><guid>https://blog.youkuaiyun.com/APLL_/article/details/138719899</guid><author>APLL_</author><pubDate>Sat, 11 May 2024 16:10:26 +0800</pubDate><description><![CDATA[【代码】移动端嵌套Vue页面 , Vue页面跳转回去。]]></description><category></category></item><item><title><![CDATA[工具函数封装]]></title><link>https://blog.youkuaiyun.com/APLL_/article/details/132270695</link><guid>https://blog.youkuaiyun.com/APLL_/article/details/132270695</guid><author>APLL_</author><pubDate>Mon, 14 Aug 2023 15:28:12 +0800</pubDate><description><![CDATA[【代码】工具函数封装。]]></description><category></category></item><item><title><![CDATA[8 个 Promise 高级用法]]></title><link>https://blog.youkuaiyun.com/APLL_/article/details/132180625</link><guid>https://blog.youkuaiyun.com/APLL_/article/details/132180625</guid><author>APLL_</author><pubDate>Wed, 09 Aug 2023 17:29:09 +0800</pubDate><description><![CDATA[promise 的 then 的第二个回调函数和 catch 在请求出错时都会被触发，咋一看没什么区别啊，但其实，前者不能捕获当前 then 第一个回调函数中抛出的错误，但 catch 可以。，当后面跟的是非 promise 对象的值时，它会将这个值使用 promise 对象包装，因此 await 后的代码一定是异步执行的。，这么神奇的输出顺序是如何做到的呢，某人不才，使用了 20 行左右的代码简单实现了一番，如有与 koa 雷同，纯属巧合。三种状态，但例如下面的示例中，promise 最终是什么状态？]]></description><category></category></item><item><title><![CDATA[React类组件]]></title><link>https://blog.youkuaiyun.com/APLL_/article/details/124673940</link><guid>https://blog.youkuaiyun.com/APLL_/article/details/124673940</guid><author>APLL_</author><pubDate>Mon, 09 May 2022 20:00:47 +0800</pubDate><description><![CDATA[类组件 最基础的形态就是声明一个类 并且继承 React.Compoent 类

   在类组件内部 声明render函数 返回的值就是模板渲染内容

   by dixon 对于组件的理解  一个组件就是一大段html及它相关逻辑的替代



   什么是状态？ 状态是state 单词的翻译 它是一种响应式的数据！ 什么是响应式？ 一旦状态发生变化那么使用到 状态的地方会自动更新视图

   这是mvvm 框架 视图层面上最核心的概念


class Cp1 exte...]]></description><category></category></item><item><title><![CDATA[Jsx 入门]]></title><link>https://blog.youkuaiyun.com/APLL_/article/details/124662069</link><guid>https://blog.youkuaiyun.com/APLL_/article/details/124662069</guid><author>APLL_</author><pubDate>Mon, 09 May 2022 11:12:23 +0800</pubDate><description><![CDATA[使用 ReactDOM.render 在指定的节点渲染 模板内容

    这里说的模板 指的是一个jsx 内容

    因为直接使用字符串会有一系列的不方便 比如说拼接 还有一些逻辑的使用等等

    jsx 的本质 就是一个表达式！！！ 表达式！！！ 表达式！！！

    使用jsx的第一目的就是 让我们能更像写html一样写模板

    jsx的语法特征

    1.jsx 只能有一个根节点  error: Adjacent JSX el...]]></description><category></category></item><item><title><![CDATA[JavaScript(http、本地存储）]]></title><link>https://blog.youkuaiyun.com/APLL_/article/details/124082872</link><guid>https://blog.youkuaiyun.com/APLL_/article/details/124082872</guid><author>APLL_</author><pubDate>Sun, 10 Apr 2022 18:22:02 +0800</pubDate><description><![CDATA[Http:hyper Text transport protocol - 超文本传输协议

协议：约定双方的利益和责任

协议约束：客户端 服务器

1.建立连接 - 3次握手

2.进行通信

①客户端给服务器发送消息 - 消息的格式必须是请求报文

(1)请求行：请求方式 请求路径 协议/版本

(2)请求头：包含请求信息的一些键值对

(3)请求空行：空格换行，目的是为了区分前面的信息和后面的数据

(4)请求主体：请求携带的参数，最终要给服务器传递的数据

②服务器会给客户端被动响应消息 - 消..]]></description><category></category></item><item><title><![CDATA[JavaScript(Ajax)]]></title><link>https://blog.youkuaiyun.com/APLL_/article/details/123999078</link><guid>https://blog.youkuaiyun.com/APLL_/article/details/123999078</guid><author>APLL_</author><pubDate>Thu, 07 Apr 2022 19:36:15 +0800</pubDate><description><![CDATA[Ajax：async javascript and xml - 前端和后端进行交互的一种技术

ajax：异步的js技术，作用是前端跟后端进行传递数据

异步的js和xml - 在很久以前，数据都是以xml形式表现的 - 异步的js操作数据

现在的数据，大多以字符串形式表现，因为所有语言中的字符串都是一样的

前端攻城狮的工作：根据数据渲染页面

1.获取数据 - 服务器中

2.根据数据渲染



Ajax - 语法 四步骤

1.创建对象 - 创建电话


var xhr = new XMLH...]]></description><category></category></item><item><title><![CDATA[JavaScript(原型)]]></title><link>https://blog.youkuaiyun.com/APLL_/article/details/123882142</link><guid>https://blog.youkuaiyun.com/APLL_/article/details/123882142</guid><author>APLL_</author><pubDate>Thu, 31 Mar 2022 21:04:26 +0800</pubDate><description><![CDATA[对象原型

原型：任何对象天生都自带一个属性：__proto__ - 对应的值，也是一个对象 - 原型 / 原型对象


var obj = {
    name: '张三'
}
// console.log(obj);
// console.log( 111, obj.__proto__ );

obj.__proto__.name = '李四'

console.log(obj.name); // 自己的name
console.log(obj);



原型的作用：对象就天生就能使用自带的原型...]]></description><category></category></item><item><title><![CDATA[JavaScript(面向对象)]]></title><link>https://blog.youkuaiyun.com/APLL_/article/details/123881470</link><guid>https://blog.youkuaiyun.com/APLL_/article/details/123881470</guid><author>APLL_</author><pubDate>Thu, 31 Mar 2022 20:10:44 +0800</pubDate><description><![CDATA[面向：终极目标：为了分工合作

面向过程：重视一件事情的整个过程

面向对象：重视一件事的参与对象



定义对象

var obj = {} // 字面量方式

var pbj = new Object() // 构造函数方式

两者一样



工厂函数

使用函数方式解决同类型对象的重复定义


function fn(name, age) { // 工厂函数：批量生产对象的
    var obj = {
        name: name,
        age: age
    }
    .]]></description><category></category></item><item><title><![CDATA[JavaScript(正则）]]></title><link>https://blog.youkuaiyun.com/APLL_/article/details/123843182</link><guid>https://blog.youkuaiyun.com/APLL_/article/details/123843182</guid><author>APLL_</author><pubDate>Wed, 30 Mar 2022 16:40:01 +0800</pubDate><description><![CDATA[正则

学习目标：

1.会做简单的用户名密码的规则 - 表单验证

2.手机号的规则 - 表单验证

3.邮箱的规则 - 表单验证

4.学会如何从地址栏中提取一段想要的数据 - 提取数据

用于处理字符串的规则js语法中，表现为一个对象



正则表达式的定义

var reg = /具体的规则/

var reg = new RegExp(具体的规则)



使用正则的5个方法

1.验证字符串：

  正则.test(字符串)

  字符串.search(正则)

2.提取...]]></description><category></category></item><item><title><![CDATA[JavaScript（ES6）]]></title><link>https://blog.youkuaiyun.com/APLL_/article/details/123743482</link><guid>https://blog.youkuaiyun.com/APLL_/article/details/123743482</guid><author>APLL_</author><pubDate>Fri, 25 Mar 2022 21:06:09 +0800</pubDate><description><![CDATA[let和const是es6新增的定义变量的两个关键字，使用语法跟var是一样的，跟var的区别：

1.没有预解析

2.全局变量不在window中

3.不能重复定义

4.会创建一个块级作用域，碰到大括号会重合作用域

const的值不能改变 - 常量



定义语法 let

let是es6中新增的定义变量的关键字，使用方式跟var是一样的


var a = 10

let b = 20

console.log(a, b);

var和let的区别

1.let定义的变量没有预解析


con..]]></description><category></category></item><item><title><![CDATA[JavaScript（数组塌陷）]]></title><link>https://blog.youkuaiyun.com/APLL_/article/details/123743366</link><guid>https://blog.youkuaiyun.com/APLL_/article/details/123743366</guid><author>APLL_</author><pubDate>Fri, 25 Mar 2022 19:16:39 +0800</pubDate><description><![CDATA[数组塌陷演示


var arr = [1,2,3,4,5,6]
for(var i=0; i&lt;arr.length; i++){
    arr.splice(i.1)
}
console.log(arr)   //[2,4,6}

解决方法

1.倒着删除


var arr = [1,2,3,4,5,6]
for(var i=arr.length-1; i&gt;=0; i--) {
    arr.splice(i, 1)
}

2.每次删除 i--


var arr = [1,2,3,..]]></description><category></category></item><item><title><![CDATA[JavaScript(事件二）]]></title><link>https://blog.youkuaiyun.com/APLL_/article/details/123720934</link><guid>https://blog.youkuaiyun.com/APLL_/article/details/123720934</guid><author>APLL_</author><pubDate>Thu, 24 Mar 2022 21:51:08 +0800</pubDate><description><![CDATA[事件对象

事件对象的获取方式：

  1.通过一个形参来接收

  2.通过window.event来接收 === event


    var e = e || window.event

    // console.log(event);
    // console.log(event === e); // true

    // console.log(event === window.event); // true

事件对象 - 系统在调用事件函数传入了一个实参对象，这个对象就...]]></description><category></category></item><item><title><![CDATA[JavaScript(DOM)]]></title><link>https://blog.youkuaiyun.com/APLL_/article/details/123712281</link><guid>https://blog.youkuaiyun.com/APLL_/article/details/123712281</guid><author>APLL_</author><pubDate>Thu, 24 Mar 2022 19:26:53 +0800</pubDate><description><![CDATA[DOM:document object model - 文档对象模型

利用对象模型操作html文档的

顶层对象    -    document



html 基本结构

标签

html - console.log（document.documentElement）

body -console.log( document.body );

head - console.log( document.head)

文本 - title - console.log...]]></description><category></category></item><item><title><![CDATA[JavaScript(事件)]]></title><link>https://blog.youkuaiyun.com/APLL_/article/details/123693564</link><guid>https://blog.youkuaiyun.com/APLL_/article/details/123693564</guid><author>APLL_</author><pubDate>Wed, 23 Mar 2022 20:43:40 +0800</pubDate><description><![CDATA[事件定义

用户在网页中的行为叫做事件

学习事件的目的：希望能自定义的让用户在网页中进行某种行为之后，去执行写好一段代码

语法：

事件源：on事件类型 = 函数

行内绑定：&lt;标签 on 事件类型 = " 一行js代码或函数调用 "&gt; &lt;/标签&gt;

事件源：用户在触发事件的时候使用哪个标签 - 标签 - 获取标签

事件类型 - 用户在进行哪种行为；



1.鼠标类



事件
			描述
		click
			单击
		dblclick
			双击
		m...]]></description><category></category></item><item><title><![CDATA[JavaScript(BOM)]]></title><link>https://blog.youkuaiyun.com/APLL_/article/details/123672477</link><guid>https://blog.youkuaiyun.com/APLL_/article/details/123672477</guid><author>APLL_</author><pubDate>Tue, 22 Mar 2022 21:59:14 +0800</pubDate><description><![CDATA[BOM - browser object model - 浏览器对象模型

顶层对象：window


我们最终是使用对象的模型(对象嵌套对象形成的结构)来操作浏览器

对象模型中最顶层的结构，最大的对象：window - 系统内置：代表浏览器窗口

console.log(window); // object

对于浏览器的多种操作，window会内置很多小对象分别负责某一种操作


location - 用于操作浏览器的地址栏

3个属性

  href - 完整地址


跳转页面
sethref...]]></description><category></category></item><item><title><![CDATA[JavaScript(进制换行与时间日期)]]></title><link>https://blog.youkuaiyun.com/APLL_/article/details/123624572</link><guid>https://blog.youkuaiyun.com/APLL_/article/details/123624572</guid><author>APLL_</author><pubDate>Sun, 20 Mar 2022 23:32:58 +0800</pubDate><description><![CDATA[10进制转其他进制的方法：toString

语法：10进制数字.toString(目标进制) - 返回转成目标进制后的数组，且以字符串形式显示


var num = 5
//  转成2进制
var res = num.toString(2)
console.log(res);

var num = 12
// 将num转成8进制
var res = num.toString(8)
console.log(res);

var num = 12
// 转成16进制
var res = num.toStri]]></description><category></category></item><item><title><![CDATA[JavaScript(获取时间戳)]]></title><link>https://blog.youkuaiyun.com/APLL_/article/details/123624353</link><guid>https://blog.youkuaiyun.com/APLL_/article/details/123624353</guid><author>APLL_</author><pubDate>Sun, 20 Mar 2022 23:19:40 +0800</pubDate><description><![CDATA[10进制转其他进制的方法：toString

语法：10进制数字.toString(目标进制) - 返回转成目标进制后的数组，且以字符串形式显示


var num = 5
//  转成2进制
var res = num.toString(2)
console.log(res);

var num = 12
// 将num转成8进制
var res = num.toString(8)
console.log(res);

var num = 12
// 转成16进制
var res = num.toStri]]></description><category></category></item><item><title><![CDATA[JavaScript(Math)]]></title><link>https://blog.youkuaiyun.com/APLL_/article/details/123623876</link><guid>https://blog.youkuaiyun.com/APLL_/article/details/123623876</guid><author>APLL_</author><pubDate>Sun, 20 Mar 2022 22:57:18 +0800</pubDate><description><![CDATA[Math是js内置的一个对象

console.log(Math);

我们要学习的就是Math中的属性和方法 - 这些属性和方法都是有关于数学类的操作


  Math.PI - 圆周率

  Math.random() - 随机数 - 重点：获取某个范围内的随机数

  Math.ceil() - 向上取整

  Math.floor() - 向下取整

  Math.round() - 四舍五入

  Math.pow() - 求次方

  Math.sqrt() - 求开...]]></description><category></category></item><item><title><![CDATA[JavaScript(字符串)]]></title><link>https://blog.youkuaiyun.com/APLL_/article/details/123614550</link><guid>https://blog.youkuaiyun.com/APLL_/article/details/123614550</guid><author>APLL_</author><pubDate>Sun, 20 Mar 2022 15:54:11 +0800</pubDate><description><![CDATA[字符串


1.字符串可以取下标，通过下标可以获取到对应的字符

2.字符串是只读数据，不能修改原字符串

3.字符串的长度：字符串.length


字符串的比较

字符串比较：

比较规则：逐字符比较，字符大小由阿斯克码决定的

排在后面的字母更大，小写字母比大写字母更大，字母比数字更大


需要记忆的阿斯克码：

数字：0~9  48~57

大写字母：A~Z  65~90

小写字母：a~z  97~122



阿斯克码：ASCII - 美国信息交换标准代码

计算机最早产生的时候，计算只能...]]></description><category></category></item></channel></rss>