自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(41)
  • 收藏
  • 关注

原创 购物车下单实现思路【vue】

需要保存用户的选中状态,这个选中状态只是保存在vuex,并没有保存到后端,因为选中状态保存在前端所以购物车的数据都是从vuex中拿到的。1、当点击结算按钮的时候跳转到订单页面,将已经选择的商品的id去向后端发送网络请求拿到具体的信息。2、请求用户余额和返点余额,如果用户已经填写收货地址,就创建订单。3、如果用户的余额和返点余额抵扣后没有剩余需要支付的则直接生成订单。4、如果还有剩下需要支付的则弹出付款界面使用微信支付。这个方法用来修改购物车中的某个数据 如选中状态。

2024-03-05 18:17:44 1250

原创 小程序海报生成海报【vue】

【代码】小程序海报生成海报【vue】

2024-02-29 14:14:07 760

原创 虚拟列表【vue】等高虚拟列表/非等高虚拟列表

【代码】虚拟列表【vue】等高虚拟列表/非等高虚拟列表。

2024-02-22 17:34:59 1559

原创 react+ts【项目实战二】配置主题/设置导二级导航样式/创建组件ref

less的配置见 【css篇】

2024-02-21 01:17:41 775

原创 react+ts【项目实战一】配置项目/路由/redux

return (发现音乐我是downLoad的插槽{useRoutes(routes)}

2024-02-16 00:59:54 3334

原创 react 【七】各种hooks的使用/SPA的缺点

isShow)}>切换</button>

2024-02-15 15:14:19 1606

原创 react【六】 React-Router 路由

【代码】react【六】 React-Router。

2024-02-13 21:42:18 1346

原创 react【五】redux/reduxToolkit/手写connext

【代码】react【五】redux/reduxToolkit/手写connext。

2024-02-13 01:47:00 1005

原创 react【四】css

【代码】react【四】css。

2024-02-10 17:27:14 1034

原创 react【三】受控组件/高阶组件/portals/fragment/严格模式/动画

使用高阶组件来跨组件传参。(创建context)

2024-02-09 19:39:07 1162

原创 react 【二】 setState/react性能优化/dom操作

<h1 ref={this.titleRef}>你好啊</h1><h1 ref={(el) => (this.titleEl = el)}>第三种方式</h1><button onClick={(e) => this.getDom()}>获取DOM</button>

2024-02-07 23:45:03 704

原创 react【一】 传参

在这里插入图片描述](https://img-blog.csdnimg.

2024-02-06 23:40:10 1026

原创 canvas 动画案例

canvas 实战

2023-07-21 19:29:25 292

原创 Node服务器端渲染(一)

spa流程SSR流程。

2023-03-12 22:39:59 648

原创 uni-app(三)

【代码】uni-app(三)

2023-03-05 19:20:14 168

原创 uni-app(二)

uni-app 页面传递参数

2023-03-04 17:10:49 609

原创 uni-app(一)

uni-app

2023-02-28 21:56:11 88

原创 CSS3D(一)

3D CSS3 可视化

2022-11-29 22:39:52 214

原创 关于时间戳和标准时间、国际标准时间的一些方法

【代码】关于时间戳和标准时间、国际标准时间的一些方法。

2022-10-08 15:26:01 896

原创 使用vue+ts、element-plus中date-picker日期选择器限制选择的范围

【代码】使用vue+ts、element-plus中date-picker日期选择器限制选择的范围。

2022-10-08 13:56:30 1326

原创 在Vue中使用百度地图

vue 百度地图api

2022-09-12 16:44:21 814

原创 移动端适配问题解决方案

移动端适配问题、css

2022-08-20 15:28:55 1315

原创 第 4 章 返回结果的 HTTP 状态 码

文章目录4.1 状态码告知从服务器端返回的请求结果4.2 2XX 成功4.2.1 200 OK4.2.2 204 No Content4.2.3 206 Partial Content4.3 3XX 重定向4.3.1 301 Moved Permanently4.3.2 302 Found4.3.3 303 See Other4.3.4 304 Not Modified4.3.5 307 Temporary Redirect4.4 4XX 客户端错误4.4.1 400 Bad Request4.4.2 40

2022-05-23 21:35:19 147

转载 第 3 章 HTTP 报文内的 HTTP 信息

文章目录3.1 HTTP 报文HTTP 通信过程包括从客户端发往服务器端的请求及从服务器端返回客户端的响应。本章就让我们来了解一下请求和响应是怎样运作的。3.1 HTTP 报文用于 HTTP 协议交互的信息被称为 HTTP 报文。请求端(客户端)的HTTP 报文叫做请求报文,响应端(服务器端)的叫做响应报文。HTTP 报文本身是由多行(用 CR+LF 作换行符)数据构成的字符串文本。HTTP 报文大致可分为报文首部和报文主体两块。两者由最初出现的空行(CR+LF)来划分。通常,并不一定要有报文主

2022-05-23 19:36:30 132

原创 08 | 栈:如何实现浏览器的前进和后退功能?

文章目录浏览器的前进、后退功能,我想你肯定很熟悉吧?当你依次访问完一串页面 a-b-c 之后,点击浏览器的后退按钮,就可以查看之前浏览过的页面b 和 a。当你后退到页面 a,点击前进按钮,就可以重新查看页面 b 和 c。但是,如果你后退到页面 b 后,点击了新的页面 d,那就无法再通过前进、后退功能查看页面 c 了。假设你是 Chrome 浏览器的开发工程师,你会如何实现这个功能呢?如何理解“栈”?关于“栈”,我有一个非常贴切的例子,就是一摞叠在一起的盘子。我们平时放盘子的时候,都是从下往上一个

2022-05-23 10:14:01 676

原创 第 2 章 简单的 HTTP 协议

文章目录二、 简单的 HTTP 协议2.1 HTTP 协议用于客户端和服务器端之间的通信2.2 通过请求和响应的交换达成通信2.3 HTTP 是不保存状态的协议2.4 请求 URI 定位资源2.5 告知服务器意图的 HTTP 方法**GET :获取资源****POST:传输实体主体****PUT:传输文件****HEAD:获得报文首部****DELETE:删除文件**TRACE:追踪路径CONNECT:要求用隧道协议连接代理2.6 使用方法下达命令2.7 持久连接节省通信量2.7.1 持久连接2.7.2 管

2022-05-22 23:04:09 339

原创 07 | 链表(下):如何轻松写出正确的链表代码?

文章目录技巧一:理解指针或引用的含义将某个变量赋值给指针,实际上就是将这个变量的地址赋值给指针,或者反过来说,指针中存储了这个变量的内存地址,指向了这个变量,通过指针就能找到这个变量。在编写链表代码的时候,我们经常会有这样的代码:p->next=q。这行代码是说,p 结点中的next 指针存储了 q 结点的内存地址。还有一个更复杂的,也是我们写链表代码经常会用到的:p->next=p->next->next。这行代码表示,p 结点的 next 指针存储了 p 结点的下下

2022-05-21 15:44:42 101

原创 链表(上):如何实现LRU缓存淘汰算法?

文章目录单链表循环链表双向链表**链表 VS 数组性能大比拼**今天我们来聊聊“链表(Linked list)”这个数据结构。学习链表有什么用呢?为了回答这个问题,我们先来讨论一个经典的链表应用场景,那就是 LRU 缓存淘汰算法。缓存是一种提高数据读取性能的技术,在硬件设计、软件开发中都有着非常广泛的应用,比如常见的 CPU 缓存、数据库缓存、浏览器缓存等等。缓存的大小有限,当缓存被用满时,哪些数据应该被清理出去,哪些数据应该被保留?这就需要缓存淘汰策略来决定。常见的策略有三种:先进先出策略 F

2022-05-21 13:12:00 381

原创 05 | 数组:为什么很多编程语言中数组都从0开始编号?

文章目录在大部分编程语言中,数组都是从 0 开始编号的,但你是否下意识地想过,为什么数组要从 0开始编号,而不是从 1 开始呢? 从 1 开始不是更符合人类的思维习惯吗?如何实现随机访问?什么是数组?我估计你心中已经有了答案。不过,我还是想用专业的话来给你做下解释。数组(Array)是一种线性表数据结构。它用一组连续的内存空间,来存储一组具有相同类型的数据。第一是线性表(Linear List)。顾名思义,线性表就是数据排成像一条线一样的结构。每个线性表上的数据最多只有前和后两个方向。其实除

2022-05-21 10:10:51 291

原创 了解 Web 及网络基础

文章目录一、了解 Web 及网络基础1.1 使用 HTTP 协议访问 Web1.2 HTTP 的诞生1.2.1 为知识共享而规划 Web1.3 网络基础 TCP/IP1.3.1 TCP/IP 协议族1.3.2 TCP/IP 的分层管理1.3.3 TCP/IP 通信传输流1.4 与 HTTP 关系密切的协议 : IP、TCP 和DNS1.4.1 负责传输的 IP 协议1.4.2 确保可靠性的 TCP 协议1.5 负责域名解析的 DNS 服务1.6 各种协议与 HTTP 协议的关系1.7 URI 和 URL1.

2022-05-20 22:18:17 238

原创 数据结构与算法之美01-04讲

文章目录一、为什么要学习数据结构和算法?1、为什么要学习数据结构与算法2、算法思想在工作中带来的好处二、如何抓住重点,系统高效地学习数据结构与算法?1、什么是数据结构?什么是算法?2、20 个最常用的、最基础数据结构与算法三、 复杂度分析(上):如何分析、统计算法的执行效率和资源消耗?1、为什么需要复杂度分析?2、大O复杂度表示法3、时间复杂度分析4、几种常见时间复杂度实例分析4.1. O(1)4.2. O(logn)、O(nlogn)4.3. O(m+n)、O(m*n)5、空间复杂度分析四、复杂度分析(

2022-05-20 16:46:36 577

原创 在vue中使用百度地图API:区域显示3D棱柱、地点标注、信息提示

在vue中使用百度地图API,超详细步骤

2021-12-19 15:46:37 4216

原创 (python)题目 1436: 蓝桥杯2014年第五届真题-地宫取宝

题目描述X 国王有一个地宫宝库。是 n x m 个格子的矩阵。每个格子放一件宝贝。每个宝贝贴着价值标签。地宫的入口在左上角,出口在右下角。小明被带到地宫的入口,国王要求他只能向右或向下行走。走过某个格子时,如果那个格子中的宝贝价值比小明手中任意宝贝价值都大,小明就可以拿起它(当然,也可以不拿)。当小明走到出口时,如果他手中的宝贝恰好是k件,则这些宝贝就可以送给小明。请你帮小明算一算,在给定的局面下,他有多少种不同的行动方案能获得这k件宝贝。输入输入一行3个整数,用空格分开:n m

2021-10-24 13:44:33 348 1

原创 (python)题目 1434: 蓝桥杯历届试题-回文数字

题目描述观察数字:12321,123321 都有一个共同的特征,无论从左到右读还是从右向左读,都是相同的。这样的数字叫做:回文数字。本题要求你找到一些5位或6位的十进制数字。满足如下要求:该数字的各个数位之和等于输入的整数。输入一个正整数 n (10< n< 100), 表示要求满足的数位和。输出若干行,每行包含一个满足要求的5位或6位整数。 数字按从小到大的顺序排列。 如果没有满足条件的,输出:-1 样例输入44 样例输出99899499994589

2021-10-22 21:31:31 262

原创 (python)题目 1433: 蓝桥杯2013年第四届真题-危险系数

题目描述抗日战争时期,冀中平原的地道战曾发挥重要作用。地道的多个站点间有通道连接,形成了庞大的网络。但也有隐患,当敌人发现了某个站点后,其它站点间可能因此会失去联系。我们来定义一个危险系数DF(x,y):对于两个站点x和y (x != y), 如果能找到一个站点z,当z被敌人破坏后,x和y不连通,那么我们称z为关于x,y的关键点。相应的,对于任意一对站点x和y,危险系数DF(x,y)就表示为这两点之间的关键点个数。本题的任务是:已知网络结构,求两站点之间的危险系数。输入输入数据第一行包

2021-10-21 23:59:37 164

原创 (python)题目 1432: 蓝桥杯2013年第四届真题-剪格子

题目描述历届试题 剪格子时间限制:1.0s 内存限制:256.0MB问题描述如下图所示,3 x 3 的格子中填写了一些整数。±-–±-+|10 1|52|±-***–+|20|30 1|*******–+| 1| 2| 3|±-±-±-+我们沿着图中的星号线剪开,得到两个部分,每个部分的数字和都是60。本题的要求就是请你编程判定:对给定的m x n 的格子中的整数,是否可以分割为两个部分,使得这两个区域的数字和相等。如果存在多种解答,请输出包含左上

2021-10-20 15:30:19 148

原创 (python)题目 1431: 蓝桥杯2014年第五届真题-分糖果

题目描述有n个小朋友围坐成一圈。老师给每个小朋友随机发偶数个糖果,然后进行下面的游戏:每个小朋友都把自己的糖果分一半给左手边的孩子。一轮分糖后,拥有奇数颗糖的孩子由老师补给1个糖果,从而变成偶数。反复进行这个游戏,直到所有小朋友的糖果数都相同为止。你的任务是预测在已知的初始糖果情形下,老师一共需要补发多少个糖果。输入程序首先读入一个整数N(2< N< 100),表示小朋友的人数。 接着是一行用空格分开的N个偶数(每个偶数不大于1000,不小于2)输出要求程序输出一个整数,表

2021-10-19 18:54:55 325

原创 (python)题目 1429: 蓝桥杯2014年第五届真题-兰顿蚂蚁

题目描述兰顿蚂蚁,是于1986年,由克里斯·兰顿提出来的,属于细胞自动机的一种。平面上的正方形格子被填上黑色或白色。在其中一格正方形内有一只“蚂蚁”。蚂蚁的头部朝向为:上下左右其中一方。蚂蚁的移动规则十分简单:若蚂蚁在黑格,右转90度,将该格改为白格,并向前移一格;若蚂蚁在白格,左转90度,将该格改为黑格,并向前移一格。规则虽然简单,蚂蚁的行为却十分复杂。刚刚开始时留下的路线都会有接近对称,像是会重复,但不论起始状态如何,蚂蚁经过漫长的混乱活动后,会开辟出一条规则的“高速公路”。蚂蚁的路线是

2021-10-18 23:16:11 163

原创 (python)题目 1426: [蓝桥杯][历届试题]九宫重排

题目描述如下面第一个图的九宫格中,放着 1~8 的数字卡片,还有一个格子空着。与空格子相邻的格子中的卡片可以移动到空格中。经过若干次移动,可以形成第二个图所示的局面。我们把第一个图的局面记为:12345678.把第二个图的局面记为:123.46758显然是按从上到下,从左到右的顺序记录数字,空格记为句点。本题目的任务是已知九宫的初态和终态,求最少经过多少步的移动可以到达。如果无论多少步都无法到达,则输出-1。输入输入第一行包含九宫的初态,第二行包含九宫的终态。输出输出最少的步数

2021-10-16 11:18:53 405

原创 coderwhy项目引入tabbar踩的坑

原因:coder老师使用的是脚手架3,而我想要使用cli4进行项目项目开发

2021-08-13 17:40:42 207

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除