- 博客(44)
- 问答 (1)
- 收藏
- 关注
原创 vue实战-加入购物车一系列操作
为了使得能将成功添加到购物车的数据能取出来,必须要有一个身份标识,使用uuid来随机生成一个临时游客身份标识,这样在需要购物车数据时,才能从服务器中取出存入的含有身份标识的数据。在src中创建一个工具文件夹utils的uuid_token.js(为了设置获得uuid的存储以及为了它的唯一性)跳转到AddCartSuccess组件需要传临时的商品信息到该组件动态显示出来,所以用到会话存储。因为存在了临时id:uuid,在shopCart仓库中可以获得购物车的动态数据。成功在shopCart仓库中获得数据。
2022-10-12 21:54:31
3200
1
原创 二分查找-JS
若区间范围:[left,right),则在循环的判断条件:left < right,因为left=right无意义。若区间范围:[left,right],则在循环中的判断条件为:left
2022-10-04 10:28:50
215
原创 vue实战-产品详情页(轮播图、放大镜)
在文件夹api下的接口统一管理中添加获得接口数据的函数reqDetailInfo,在Detail组件下派发actions,触发数据进库。因为它是路由组件,将其放入pages文件夹下。2)在Search页面处的产品点击跳转处,设置。通过getters处理,组件获得仓库中的数据。1)router中添加Detail的路由。放大镜逻辑设置、参数动态传递逻辑。传值以及逻辑控制、动态轮播图。在文件夹store下。
2022-10-02 17:30:30
2575
原创 vue实战-Search模块开发(大体步骤)
②传递的参数也要传给服务器用于筛选,不能只是空对象,可以在data中设置需要传递的值,将路由传递的参数动态的传递到data中的对象中,然后再发送给服务器,服务器返回符合的数据入仓库。于是需要在挂载调用派发actions时,就得将data中的对象确定好,可以用在生命周期mounted之前的beforeMount,或者beforeCreate。,当再次传参发请求时,不能再派发action改变仓库的值,这不符合搜索模块的特性,在接口统一管理的index.js中添加搜索模块的接口。获取计算属性得到的值用数组表示。
2022-09-26 17:28:54
601
原创 vue实战-轮播图的最佳方案/swiper的使用
因为在运行swiper实例之前,它的页面结构必须以及存在且完整,而此时由于轮播图的数据需要从store仓库中获得需要花费时间,所以此时的页面结构是不完整的,所以在mounted中书写没有效果。但是这个只能保证bannerList的数据以及有了,不能保证页面组件中的v-for以及循环结束,所以还需要nectTick。在mounted中使用setTimeout来实现过一段时间后执行,可以解决这个问题,但是不完美。因为不知一处用到轮播图,直接在入口文件引入一次即可。,立即使用这个方法,获取更新后的DOM。
2022-09-25 17:10:35
1937
原创 vue实战-合并参数
点击三级列表的链接触发事件传递query参数,而此时,若在搜索框中搜索一个属性,再进行三级列表点击会使得搜索框处params参数被覆盖,而实际上是需要这两者的参数判断得到商品信息的,所以需要合并参数。点击搜索某个属性时,若存在query参数则会被params覆盖,所以需要合并参数。判断如果$route中的params存在则添加到location中传递参数。
2022-09-25 12:20:38
1167
原创 vue实战-vuex模块化开发
对象类型,当state内容比较多时,通过该属性分割成小模块,每个模块都拥有自己的 state、mutation、action、getter。在home小仓库中将接口的数据获取处理好,放进state中便于组件获取。vuex是官方提供的插件,状态管理库,集中式管理项目中组件共用的数据。对象类型,类似于实例的 methods,但是不能处理异步方法。再进入已经创建好的home小仓库处理,得到数据放入仓库中。对象类型,类似于实例的 methods,可以处理异步方法。对象类型,类似于实例的 data属性,存放数据。
2022-09-21 20:47:25
920
原创 《剑指offer》--01.从尾到头打印链表--JavaScript
先遍历链表,将链表中的每一个值插入到新创建的元素的开头,从而达到题目要求的数组是从尾到头的顺序。利用这个特点来达到要求。先遍历链表中的值将它们push进数组中,然后利用pop得到最终结果。利用unshift方法的特点,在数组最前面插入元素,可以使得数组倒序。首先,题目要求得到的数组从尾到头的顺序,可以想到数据结构。在题解2基础上,利用数组方法reverse。
2022-09-20 23:58:06
160
原创 vue实战-路由传递参数
声明式导航:router-link(务必要带有to属性),可以实现路由的跳转编程式导航:利用的是组件实例的$router.push | replace方法,可以实现路由的跳转。(还可以写一些自己的业务)设置一个接收参数是为了能在回调函数中使用并传到search页面。
2022-09-20 08:43:55
967
原创 vue项目实战-完成路由组件的搭建
1:路由组件一般放置在pages|views文件夹,非路由组件一般放置在components文件夹中2:路由组件一般需要在router文件夹中进行注册(使用的即为组件的名字),非路由组件在使用的时候,一般都是以标签的形式使用3:注册完路由,不管路由组件、非路由组件身上都有 ”route“、”route“ 、”route“、”router“属性$route: 一般获取路由信息【路径、query、params等】
2022-09-19 17:18:18
648
原创 【vue eslint】报错Component name “xxxxx“ should always be multi-word.eslintvue
我网上搜了很多都是让在.eslintrc.js文件里加东西来解决,但一个大问题就是我的项目根本没有这个文件,想创建一个新的还不让创建~于是我找了好多文章,发现是创建vue项目的时候选择了eslint,babel就没有这个文件,而是在。这里要添加一个overrides属性,根据自己项目结构来修改,我的是因为我的index.vue一定要遵循那个原则,导致我路由用不了,真的受不了,一定要命名,可是我index.vue有啥好命名的(不解。在进行vue项目开发中,这个eslint可谓是真能把人气死,我受不了了~
2022-09-11 16:01:54
473
原创 DOM- 事件高级
DOM- 事件高级1.事件对象1.1 获取事件对象1.2 事件对象常用属性clientX/clientY、offsetX/offsetY与pageX/pageY的区别clientX/clientY:指在可视窗口的距离左上角的位置offsetX/offsetY:指在一个元素/盒子里的距离其左上角的位置pageX/pageY:指整个页面大小的距离左上角多少的位置案例源代码<!DOCTYPE html><html lang="en"><head>
2022-05-31 17:20:45
110
原创 DOM- 节点操作/时间戳
DOM- 节点操作/时间戳1.1.DOM节点1.2.查找节点1)父节点查找2)子节点查找3)兄弟关系查找1.3.增加节点1)创建节点2)追加节点3)克隆节点案例源代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, init
2022-05-30 23:11:31
209
原创 DOM-事件基础(案例源代码)
DOM-事件基础(案例源代码)案例1源代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style>
2022-05-30 20:49:56
156
原创 DOM-事件基础
DOM-事件基础1.事件①事件监听②事件类型2.高阶函数①函数表达式②回调函数3.环境对象环境对象指的是函数内部特殊的变量 this ,它代表着当前函数运行时所处的环境作用:弄清楚this的指向,可以让我们代码更简洁函数的调用方式不同,this 指代的对象也不同【谁调用, this 就是谁】 是判断 this 指向的粗略规则直接调用函数,其实相当于是 window.函数,所以 this 指代 window4.排他思想所有案例源代码见下篇每日一句今天多
2022-05-30 09:08:41
63
原创 DOM获取元素、修改元素
DOM获取元素、修改元素1.DOM①什么是DOM?作用?DOM是文档对象模型作用:操作网页内容,可以开发网页内容特效和实现用户交互。②DOM对象2.获取DOM元素① 根据CSS选择器来获取DOM元素 (重点)思考获取一个DOM元素我们使用谁?querySelector()获取多个DOM元素我们使用谁?querySelectorAll()querySelector() 方法能直接操作修改吗?可以querySelectorAll() 方法能直接修改吗? 如果不能可以
2022-05-28 19:41:51
563
原创 JS的一个小项目简易ATM实现
简易ATM实现JS源代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &l
2022-05-07 16:51:13
225
原创 计算机组成原理ch1测试题
计算机组成原理测试11单选(2分)完整的计算机系统通常包括:A.运算器、控制器、存储器B.主机、外部设备C.硬件系统和软件系统D.主机和应用软件解析:无2单选(2分)CPU地址线数量与下列哪个指标密切相关:A.存储数据位B.内存容量C.运算速度D.运算精度解析:3单选(2分)冯•诺依曼计算机的核心思想是:A.存储器按地址访问B.存储程序和程序控制C.采用总线D.采用补码4单选(2分)计算机硬件能直接执行的是:A.任何语言B.机器语言C.高级语言D.
2022-04-07 21:57:03
755
原创 数据库测试题2
数据库测试题21【单选题】关系数据模型是目前最重要的一种数据模型,它的三个要素分别是 。A、实体完整性、参照完整性、用户自定义完整性B、数据结构、关系操作、完整性约束C、数据增加、数据修改、数据查询D、外模式、模式、内模式我的答案:B2【单选题】层次型、网状型和关系型数据库划分原则是 。A、记录长度B、文件的大小C、联系的复杂程度D、数据之间的联系我的答案:D3【单选题】在一个关系中如果存在某个属性组,其值能惟一地标识关系中
2022-04-07 21:55:50
735
原创 数据库测试题3
数据库测试题31【单选题】在数据库的三级模式结构中,描述数据库中全体数据的全局逻辑结构和特征的是 () 。A、外模式B、内模式C、存储模式D、模式我的答案:D解析:数据库系统由外模式、模式和内模式构成。外模式是数据库用户能够看见和使用的局部数据的逻辑结构和特征的描述,是数据库用户的数据视图;模式也称逻辑模式,是数据库中全体数据的逻辑结构和特征的描述,是所有用户的公共数据视图。内模式也称存储模式,是数据物理结构和存储方式的描述。2【单选题】数据库管理系统能实现对数据库
2022-04-07 21:55:18
1403
原创 计算机组成原理logisim的操作练习题
1单选(2分)Logisim中引脚的位宽最多是多少位?得分/总分A.322.00/2.00B.64C.8D.16正确答案:A你选对了解析: A、Logisim中的引脚位宽属性是1~32。2单选(2分)Logisim中逻辑门输入数据位宽最大为多少?得分/总分A.8B.16C.64D.322.00/2.00正确答案:D你选对了3单选(2分)Logisim中蓝色线缆代表什么值得分/总分A.其他B.1C.x(不确定值)2.00/2.00D.
2022-04-07 21:54:15
2103
原创 传输层(TCP/UDP)
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表前言一、pandas是什么?二、使用步骤1.引入库2.读入数据总结FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好! 这是你第一次使用
2022-04-07 21:50:15
232
原创 Linux修改用户的sudo权限
Linux实验楼作业(修改权限)题目:添加一个用户 loutest,使用 sudo 创建文件 /opt/forloutest,设置成用户 loutest 可以读写。提示: 如何创建一个文件呢?可以考虑 touch 命令,执行 sudo touch /opt/forloutest 这个命令可以创建一个空文件,但前提是执行这个命令的 loutest 用户需要具备 sudo 权限。1.创建用户并且给loutest授权授权命令:sudo adduser loutestsudo usermod -a
2021-10-07 22:30:23
1322
原创 java控制台简易计算器(基本的加减乘除功能)
java控制台简易计算器(基本的加减乘除功能)1.源代码package base;import java.util.Scanner;public class Example { public static void main(String[] args) { //实现计算器功能 Scanner scanner = new Scanner(System.in); boolean temp = true; while (temp
2021-07-20 12:50:46
2500
2
原创 OSPF的基本工作原理
OSPF的基本工作原理1.定义2.特点3.基本概念4.OSPF五种分组类型5.DR/BDR6.区域1.定义开放最短路径优先OSPF,是为了克服RIP的缺点在1989年开发出来的。“开放” 表明OSPF协议不是受某一家产商控制,而是公开发表的。“最短路径优先”是因为使用了dijkstra提出的最短路径算法SPF。2.特点①OSPF–>基于链路状态,而不是RIP–>基于距离向量②OSPF采用SPF算法计算路由,从算法上保证了不会发生路由环路。③OSPF不限制网络的规模
2021-07-18 18:01:02
4853
2
原创 Logisim新手入门实验
索引LED计数电路5输入按键编码器七段数码管显示驱动一.LED计数电路1.新建项目“LED计数电路”2.绘制电路图3.封装电路4.再新建一个测试电路项目“LED计数测试电路”,加按钮,LED灯并连接。效果如下图二.5输入按键编码器1.新建项目“5输入按键编码器”2.通过excel真值表自动生成表达式[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-8GtNjNtT-1617872291987)(https://img-blog.csdnimg.cn/
2021-04-08 17:01:53
22529
8
原创 计算机网络应用层作业
(12分)假设你在浏览某网页时点击了一个超链接,URL为“https:// www . kicker .com.cn/index.html” ,且该URL对应的IP地址在你的计算机上没有缓存;文件index.html引用了8个小图像。域名解析过程中,无等待的一次DNS解析请求与响应时间记为RTTd,HTTP请求传输Web对象过程的一次往返时间记为RTTh。请回答下列问题:1)你的浏览器解析到URL对应的IP地址的最短时间是多少?最长时间是多少?2)若浏览器没有配置并行TCP连接,则基于HTTP1.0获.
2021-03-20 16:21:23
1692
2
原创 计算机网络体系结构/OSI参考模型与TCP/IP参考模型课堂重点记录
计算机网络体系结构/OSI参考模型与TCP/IP参考模型课堂重点记录一.问:分层网络体系结构现代网络体系结构大部分都采用分层体系结构,分层体系结构的优点在课程中也做了概括性介绍。那么分层网络体系结构有什么缺点那?在某些情况下是否有必要不采用分层结构那?查阅资料,看看是否存在跨层体系结构的网络设计?有什么优点?一: 分层网络体系结构的缺点有:1、降低了系统的性能 。文件需要层层打包,层层解析,浪费了性能2、层次多会增加许多协议某些情况可以不采用分层结构而进行直接通信,比如说用户基数小的私人网
2021-03-09 21:39:44
872
原创 数据库系统概论01
1.1 数据库系统概述数据库的4个基本概念数据、数据库、数据库管理系统和数据库系统。(1) 数据:是数据库中存储的基本对象。描述事物的符号记录(文字、数字、图像、图形、音频等)。(2) 数据库:是长期存储的计算机内、有组织、可共享的大量数据的集合。数据库三大特点:具有永久存储、有组织和可共享。2.小知识点汇总(1)数据库中存储的是:数据以及数据之间的联系(2)数据库中,数据的物理独立性是指:用户的应用程序与存储在磁盘上数据库中的数据是相互独立的(3)数据库系统的核心是:数据管理系统(
2021-03-05 20:20:25
78
原创 计算机组成原理存图及笔记整理1
1.计算机系统导图2.计算机为什么采用二进制(优点)1、电路中容易实现 :当计算机工作的时候,电路通电工作,于是每个输出端就有了电压。电压的高低通过模数转换即转换成了二进制:高电平是由1表示,低电平由0表示。也就是说将模拟电路转换成为数字电路。这里的高电平与低电平可以人为确定,一般地,2.5伏以下即为低电平,3.2伏以上为高电平。二进制数码只有两个(“0”和“1”)。电路只要能识别低、高就可以表示“0”和“1”。2、物理上最易实现存储 :(1)基本道理:二进制在物理上最易实现存储,通过磁极的取向、
2021-03-03 17:08:02
198
1
空空如也
为什么开启ensp会出现这个提示?
2021-05-19
TA创建的收藏夹 TA关注的收藏夹
TA关注的人