<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[qq_43248263的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/qq_43248263</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; qq_43248263]]></copyright><item><title><![CDATA[2022.4.21刷题 | 动态规划]]></title><link>https://blog.youkuaiyun.com/qq_43248263/article/details/124319640</link><guid>https://blog.youkuaiyun.com/qq_43248263/article/details/124319640</guid><author>qq_43248263</author><pubDate>Thu, 21 Apr 2022 15:54:51 +0800</pubDate><description><![CDATA[第一题
动态规划
CD12 换钱的最少货币数
问题描述

代码：
#include &lt;iostream&gt;
#include &lt;vector&gt;
using namespace std;
int main(){
    int n,aim,temp;
    cin&gt;&gt;n&gt;&gt;aim;
    vector&lt;int&gt;arrs;
    while(n--){
        cin&gt;&gt;temp;
        arrs.emplace_ba]]></description><category></category></item><item><title><![CDATA[ES6课程笔记——尚硅谷（上）]]></title><link>https://blog.youkuaiyun.com/qq_43248263/article/details/123189525</link><guid>https://blog.youkuaiyun.com/qq_43248263/article/details/123189525</guid><author>qq_43248263</author><pubDate>Tue, 08 Mar 2022 15:57:08 +0800</pubDate><description><![CDATA[1.let和const
1.let
let声明变量，没有变量提升。
是一个块级作用域。
在同一个作用域，不能重复声明。
作用1：for循环经典例子
解决var带来的变量提升的问题

作用2：不会污染全局变量
2.const
const 声明常量，一旦被声明，无法修改。
const 声明对象，可以修改对象内部的属性，但是不能直接整体改这个常量对象。
建议：在默认情况下用const，而只有在你知道变量值需要被修改的时候，使用let。
3.模板字符串
使用tab键上面的反引号，变量使用${}

3.强大的函数
（]]></description><category></category></item><item><title><![CDATA[JS高级 | pink老师~~~]]></title><link>https://blog.youkuaiyun.com/qq_43248263/article/details/123057760</link><guid>https://blog.youkuaiyun.com/qq_43248263/article/details/123057760</guid><author>qq_43248263</author><pubDate>Sun, 27 Feb 2022 22:31:47 +0800</pubDate><description><![CDATA[1.ES6中的类和对象

2.继承
关键字extends
可以继承父类的属性和方法
关键字super（）

可以调用父类的构造函数和普通函数

3.类和对象的注意点






]]></description><category></category></item><item><title><![CDATA[JS相关 | 面试高频问题（三）| 事件委托、事件循环机制、添加事件、事件捕获、事件冒泡、垃圾回收机制、深拷贝、浅拷贝]]></title><link>https://blog.youkuaiyun.com/qq_43248263/article/details/122968409</link><guid>https://blog.youkuaiyun.com/qq_43248263/article/details/122968409</guid><author>qq_43248263</author><pubDate>Sat, 19 Feb 2022 20:59:15 +0800</pubDate><description><![CDATA[9.事件委托（★★★）
“事件委托”即是把原本需要绑定在子元素的响应事件（click、keydown…）委托给父元素，让父元素担当事件监听的职务。事件代理的原理是DOM元素的事件冒泡。
10.事件循环（★★★★★）
11.添加事件、事件捕获、事件冒泡（★★★★★）
12.垃圾回收机制（★★★★）
13.promise系列（★★★★★）
14.深拷贝、浅拷贝（★★★★★）

...]]></description><category></category></item><item><title><![CDATA[js学习 2022.02.17，2.18.2.19]]></title><link>https://blog.youkuaiyun.com/qq_43248263/article/details/122992304</link><guid>https://blog.youkuaiyun.com/qq_43248263/article/details/122992304</guid><author>qq_43248263</author><pubDate>Fri, 18 Feb 2022 16:10:07 +0800</pubDate><description><![CDATA[事件冒泡

事件委派



垃圾回收


]]></description><category></category></item><item><title><![CDATA[用户体验UX/UE]]></title><link>https://blog.youkuaiyun.com/qq_43248263/article/details/122984667</link><guid>https://blog.youkuaiyun.com/qq_43248263/article/details/122984667</guid><author>qq_43248263</author><pubDate>Thu, 17 Feb 2022 20:57:13 +0800</pubDate><description><![CDATA[用户体验是什么
即用户在使用一个产品或系统之前、使用期间和使用之后的全部主观感受，包括情感、信仰、喜好、认知印象、生理和心理反应、行为和成就等各个方面。
影响因素
三个影响用户体验的因素：系统，用户和使用环境。
衡量标准
用户体验没有确切的标准，它随着网站的服务色彩与针对人群不同采取的方式也不同。
优化方法
随着智能手机在市场的比例不断增长，做移动版本的网站是一个大趋势。
了解用户如何与网站互动
按我所接触过的前端来说，可以：
方法：

1.减少HTTP请求次数
1）减少不必要的HTTP请求，例如用CSS圆]]></description><category></category></item><item><title><![CDATA[金字塔原理]]></title><link>https://blog.youkuaiyun.com/qq_43248263/article/details/122982474</link><guid>https://blog.youkuaiyun.com/qq_43248263/article/details/122982474</guid><author>qq_43248263</author><pubDate>Thu, 17 Feb 2022 15:26:42 +0800</pubDate><description><![CDATA[金字塔原理：中心论点开始，下面是分论点支撑，每个分论点又有相应的子论点支持，子论点下面有论据支持。

金字塔原理四大用途

解决问题、管理下属、表达思想、公文写作

沟通方面
1.要想有效沟通，必须先将你的思想观点分组（共性、分组、记忆）
2.逻辑梳理，联想记忆
3.要想有效沟通，必须是构建看得见的金字塔
公文写作方面，以用户为中心，挖掘用户兴趣点、关注点、利益点、需求点，用金字塔搭建逻辑清晰的框架结构。归类分组重点清晰、主次分明，让用户看得懂，也缩短了我们的写作时间。
金字塔原理

是什么？
3法则3规.]]></description><category></category></item><item><title><![CDATA[HTML相关 | 面试高频问题（一）| 语义化、标签、空格、meta、readonly和disable、audio和video]]></title><link>https://blog.youkuaiyun.com/qq_43248263/article/details/122152845</link><guid>https://blog.youkuaiyun.com/qq_43248263/article/details/122152845</guid><author>qq_43248263</author><pubDate>Wed, 05 Jan 2022 14:49:27 +0800</pubDate><description><![CDATA[1.语义化，标签化的作用（★）

HTMl标签语义化，简单来说，就是让标签有含义，给某块内容用上一个最恰当最合适的标签，使页面有良好的结构，页面元素有含义，不论是谁都能够看懂这块内容是什么，并且有利于搜索引擎。
标签语义化的好处：
1.   HTML结构清晰
2.  代码可读性较好
3.  无障碍阅读
4.  搜索引擎可以根据标签的语言确定上下文和权重问题
5.  移动设备能够更完美的展现网页（对css支持较弱的设备）
6.  便于团队维护和开发

2.说说你常用的标签以及对应的作用（★★★）

配合项目说]]></description><category></category></item><item><title><![CDATA[BIT前端训练营 | 20220102homewo day3预习]]></title><link>https://blog.youkuaiyun.com/qq_43248263/article/details/122278587</link><guid>https://blog.youkuaiyun.com/qq_43248263/article/details/122278587</guid><author>qq_43248263</author><pubDate>Wed, 05 Jan 2022 14:37:30 +0800</pubDate><description><![CDATA[homewo day3预习
1.JS数据类型和数据结构

数据类型：最新的 ECMAScript 标准定义了 8 种数据类型:


7种原始类型，除 Object 以外的所有类型都是不可变的（值本身无法被改变）。
用typeOf运算符检查：


Number：JavaScript 中只有一种数字类型，标准的双精度 64 位二进制格式的值（-(253 -1) 到 253 -1）。它并没有为整数给出一种特定的类型。除了能够表示浮点数外，还有一些带符号的值：+Infinity，-Infinity 和 NaN (非]]></description><category></category></item><item><title><![CDATA[BIT前端训练营 | 20220104课 web布局下]]></title><link>https://blog.youkuaiyun.com/qq_43248263/article/details/122288569</link><guid>https://blog.youkuaiyun.com/qq_43248263/article/details/122288569</guid><author>qq_43248263</author><pubDate>Mon, 03 Jan 2022 21:07:19 +0800</pubDate><description><![CDATA[一、讲解作业

flex布局
分left，right
left设置宽度30%，right自适应，则设置flex：1.表示flex-grow，shrink，basis都为1。
画线框图

纯文本垂直居中:文字居中＋行高设置
拆分导航：用flex，flex-between
个人中心板块：
头像，姓名等：水平居中（css定位：子绝父相＋偏移left，top/transform）

消息三个图标：也可以用flex
消息图表上的数字：包裹在消息图标内，子绝父相在进行偏移
鼠标悬浮展示其他消息：

伪类：hover
悬]]></description><category></category></item><item><title><![CDATA[BIT前端训练营 | 20211231课 web布局上]]></title><link>https://blog.youkuaiyun.com/qq_43248263/article/details/122254241</link><guid>https://blog.youkuaiyun.com/qq_43248263/article/details/122254241</guid><author>qq_43248263</author><pubDate>Fri, 31 Dec 2021 14:21:27 +0800</pubDate><description><![CDATA[css flex布局

容器属性
flex-direction
flex-wrap
flex-flow
项目属性
flex-basis:控制main size，如果没有width，他就会去找外部的main size；如果有width，就是width来控制宽度
空间分配
flex-grow：对剩余空间的分配
flex-shrink：对溢出空间的分配（默认1）




...]]></description><category></category></item><item><title><![CDATA[CSS相关 | CSS高频面试（四）| 隐藏元素、伪类、伪元素、水平、垂直居中、清除浮动]]></title><link>https://blog.youkuaiyun.com/qq_43248263/article/details/122195158</link><guid>https://blog.youkuaiyun.com/qq_43248263/article/details/122195158</guid><author>qq_43248263</author><pubDate>Thu, 30 Dec 2021 22:34:22 +0800</pubDate><description><![CDATA[8. 影藏元素的方法，各自的区别(display/visiablity/opacity)（★★★★）
9.position各个取值的作用和场景（★★★★）
10.link @import引入的区别（★★★）
11.伪类，伪元素的使用和区别（★★★★）
12.选择器优先级（★★★★★）
13.水平、垂直居中方法（★★★★★）
14.自适配属性（★★★★）

...]]></description><category></category></item><item><title><![CDATA[好好刷力扣 | 二分查找算法模板]]></title><link>https://blog.youkuaiyun.com/qq_43248263/article/details/122156446</link><guid>https://blog.youkuaiyun.com/qq_43248263/article/details/122156446</guid><author>qq_43248263</author><pubDate>Thu, 30 Dec 2021 12:48:56 +0800</pubDate><description><![CDATA[学习自labuladong大佬
零、二分查找框架
int binarySearch(int[] nums, int target) {
    int left = 0, right = ...;

    while(...) {
        int mid = left + (right - left) / 2;
        if (nums[mid] == target) {
            ...
        } else if (nums[mid] &lt; target) {]]></description><category></category></item><item><title><![CDATA[BIT前端训练营 | 20211229课 CSS基础]]></title><link>https://blog.youkuaiyun.com/qq_43248263/article/details/122223869</link><guid>https://blog.youkuaiyun.com/qq_43248263/article/details/122223869</guid><author>qq_43248263</author><pubDate>Wed, 29 Dec 2021 21:39:23 +0800</pubDate><description><![CDATA[选择器
优先级：
id&gt;class&gt;标签
id和class区别：id只用一次，class可以多次用的
属性选择器：给这个img的src属性设置样式
eg：
img[src]{
   width:100px;
}

伪类选择器：
a:hover
后代选择器：指定div后的所有span
div span{
}
给类命名：
BEM方法：通过一定的规范，让class不容易重复


.article .button-primary{


让text垂直居中：
text-align:center;
line]]></description><category></category></item><item><title><![CDATA[CSS相关 | 面试高频问题（三）| 盒模型、BFC、IFC、margin塌陷、flex、grid]]></title><link>https://blog.youkuaiyun.com/qq_43248263/article/details/122154189</link><guid>https://blog.youkuaiyun.com/qq_43248263/article/details/122154189</guid><author>qq_43248263</author><pubDate>Wed, 29 Dec 2021 14:51:28 +0800</pubDate><description><![CDATA[CSS面试高频问题（一）
 CSS面试高频问题（二）

4.盒子模型和box-sizing（★★★★★）

CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：外边（margin）、边框（border）、内边距（padding）、实际内容（content）四个属性。


分类：
标准盒子模型（W3C)、怪异盒子模型（IE6）
1.标准盒子模型（W3C）： 元素width=content，
盒子宽度=width+padding+border+margin
2.怪异盒子模型（IE6）： 元素width]]></description><category></category></item><item><title><![CDATA[BIT前端训练营课（一）20211227 课：html基础]]></title><link>https://blog.youkuaiyun.com/qq_43248263/article/details/122167693</link><guid>https://blog.youkuaiyun.com/qq_43248263/article/details/122167693</guid><author>qq_43248263</author><pubDate>Wed, 29 Dec 2021 14:27:11 +0800</pubDate><description><![CDATA[20211227 课：html基础
一、介绍了html常用标签

1.用&lt;label&gt;包裹住&lt;input&gt;，能实现点击文本也会有效果。



2.src和href


二、观鸟网

1.图片标签外面包裹了一层超链接标签，图片就是一个可点击的状态了。


2.语义化标签写网页： &lt;header&gt; &lt;nav&gt; &lt;content&gt; &lt;aside&gt; &lt;footer&gt;


3.语义化的好处：
1.利于搜索引擎SEO：搜索引擎会识别标签]]></description><category></category></item><item><title><![CDATA[BIT 前端训练营 | 20211227作业2 之 实现loading...动画]]></title><link>https://blog.youkuaiyun.com/qq_43248263/article/details/122214839</link><guid>https://blog.youkuaiyun.com/qq_43248263/article/details/122214839</guid><author>qq_43248263</author><pubDate>Wed, 29 Dec 2021 14:25:03 +0800</pubDate><description><![CDATA[实现loading…动画
思路：

画个正方形box
令相邻两个边框颜色变成蓝色
border-radius：50%把正方形变成圆形
添加animation属性 让它转起来


&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
    &lt;meta charset="utf-8" /&gt;
    &lt;title&gt;loading&lt;/title&gt;
    &lt;head&gt;
        &lt;style&gt;
         ]]></description><category></category></item><item><title><![CDATA[BIT前端训练营笔记（一）| 20211225 预习 | 常用标签、语义化、响应式设计]]></title><link>https://blog.youkuaiyun.com/qq_43248263/article/details/122144749</link><guid>https://blog.youkuaiyun.com/qq_43248263/article/details/122144749</guid><author>qq_43248263</author><pubDate>Mon, 27 Dec 2021 11:07:42 +0800</pubDate><description><![CDATA[百度前段训练营笔记
20211225 预习
html常用标签
img的alt=" "属性
alt 属性是一个必需的属性，它规定在图像无法显示时的替代文本。
ol 有序列表；ul无序列表
&lt;em&gt;是斜体
&lt;strong&gt;是强调的内容
&lt;input type="text" placeholder=" "&gt;文本框
&lt;input type="checkbox"&gt;复选框
&lt;input
        type="checkbox"
        id="cbox]]></description><category></category></item><item><title><![CDATA[CSS相关 | 面试高频问题（二）| link、动画、块级元素、行内元素]]></title><link>https://blog.youkuaiyun.com/qq_43248263/article/details/122109873</link><guid>https://blog.youkuaiyun.com/qq_43248263/article/details/122109873</guid><author>qq_43248263</author><pubDate>Sat, 25 Dec 2021 23:58:26 +0800</pubDate><description><![CDATA[8.link为什么要放在body前（★★★）

一般link都是样式表，将link放在head内（body前），因为若将link放在body后，可能会出现页面没有样式、空白的内容，造成用户体验不佳。放在body前能让页面逐步呈现，提高用户体验。


扩展：script标签放在/body之前：
a. 把script标签放在底部，保证HTML首先完成解析，将页面尽早呈现给用户。脚本在下载和执行期间会阻止HTML解析。
b.如果javascript用document.write方法创建文档内容（不推荐使用docu]]></description><category></category></item><item><title><![CDATA[JS相关 | 面试高频问题（二）| 闭包，作用域链，箭头函数，call，apply，bind，new的过程]]></title><link>https://blog.youkuaiyun.com/qq_43248263/article/details/122103797</link><guid>https://blog.youkuaiyun.com/qq_43248263/article/details/122103797</guid><author>qq_43248263</author><pubDate>Thu, 23 Dec 2021 15:32:00 +0800</pubDate><description><![CDATA[面试高频问题（一）
5.作用域、作用域链、闭包（★★★★）

作用域
作用域指的是一个变量和函数的作用范围，在ES6中，只有全局作用域和局部作用域，但是没有块级作用域，并且局部变量的优先级高于全局变量。
1.变量提升
将var声明的变量提升到所在作用域的顶部。（赋值不提升）
2.函数提升
将函数声明式创建的函数提升到文件的最开始。
3.没有块级作用域


作用域链
1.查找变量时，先从 当前上下文变量对象中查找
2.没找到，从父级执行上下文的变量对象中查找
3.一直找到全局上下文的变量对象（全局对象）

作]]></description><category></category></item></channel></rss>