自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 JavaScript权威指南 第15章 网络编程 第三部分

JavaScript权威指南 第十五章 网络编程 第三部分

2021-12-05 20:55:29 907

原创 JavaScript权威指南 第十五章 网络编程 第二部分

15.4 操作CSS我们已经知道了JavaScript可以控制HTML文档的逻辑结构和内容。通过对CSS编程,JavaScript也可以控制文档的外观和布局。接下来几节讲解几种JavaScript可以用来操作CSS的不同技术。本书是讲JavaScript而不是讲CSS的,因此本节假设读者已经了解如何使用CSS为HTML内容添加样式。不过,这里还是有必要提几个JavaScript中常用的CSS样式:把display样式设置为“none”可以隐藏元素。随后再把display设置为其他值可以再显示元素。

2021-11-26 11:06:13 766

原创 第十五章 浏览器中的JavaScript

第15章 浏览器中地JavaScript15.1 Web 编程基础15.1.1 HTML 浏览器显示HTML文档。如果想让浏览器执行JavaScript代码,那么必须在HTML文档中包含(或引用)相应代码,这时候就要用到HTMLJavaScript代码可以出现在HTML文件的标签之间,也就是嵌入HTML中。虽然JavaScript代码可直接嵌入<script src="scripts/digital_clock.js"></script>JavaScript文件只含纯Jav

2021-11-24 16:51:46 1712

原创 JavaScript权威指南 第13章 异步JavaScript

13章 异步JavaScript13.1 使用回调的异步编程在最基本的层面上,JavaScript异步编程是使用回调实现的。回调就是函数,可以传给其他函数。而其他函数会在满足某个条件或发生某个(异步)事件时调用(“回调”)这个函数。回调函数被调用,相当于通知你满足了某个条件或发生了某个条件,有时这个调用还包含函数参数,能够提供更多细节。通过具体的示例会更容易理解这些,接下来的几个小姐将演示不同形式的基于回调的异步编程,包括客户端JavaScript和Node。13.1.1 定时器一种最简单的异步操作

2021-11-16 16:49:01 1403

原创 JavaScript权威指南 第8章 函数

JavaScript权威指南 第8章 函数第8章 函数8.1 定义函数8.1.1 函数声明8.1.2 函数表达式8.1.3 箭头函数8.1.4 嵌套函数8.2 调用函数8.2.1 函数调用8.2.2 方法调用8.2.3 构造函数调用8.2.4 间接调用8.2.5 隐式函数调用8.3 函数实参与形参8.3.1 可选形参与默认值8.3.2 剩余形参与可变实参列表8.3.3 Arguments对象8.3.4 在函数调用中使用扩展操作符8.3.5 把函数实参解构成形参第8章 函数函数是一个JavaScript代

2021-11-09 18:56:06 221

原创 JavaScript权威指南 第10章 模块

第10章 模块模块化编程的目标是能够用不同作者和来源的代码模块组装成大型程序,即使不同模块的作者无法预知如何使用,代码仍然可以正确运行。实践中,模块化的作用主要体现在封装和隐藏私有处理细节,以及保证在全局命名空间清洁上,因而模块之间不会意外修改各自定义的变量、函数和类。直到几年前,JavaScript还没有内置对模块的支持。大型项目的程序员想方设法地利用类、对象和闭包的弱模块化能力。由于打包工具的支持,基于闭包的模块化在实践中称为常用模块化形式,核心是沿用了Node的require()函数。基于requ

2021-11-09 18:55:27 1174

原创 JavaScript权威指南 第11章JavaScript标准库

第11章 JavaScript标准库11.1 集合与映射11.1.1 Set类集合就是一组值,与数组类似。但与数组不同的是,集合没有索引或顺序,也不允许重复:一个值要么是集合的成员,要么不是;这个值不可能在一个集合中出现多次。可以使用Set()构造函数创建集合对象:let s=new Set(); //一个新的、空集合let t=new Set([1,s]) //一个有两个成员的新集合t=>Set(2) {1, Set(0)}Set()构造函数的参数不一定是数组,但必须

2021-11-09 18:54:13 2617

原创 JavaScript权威指南第12章

JavaScript权威指南第12章第12章 迭代器与生成器12.1 迭代器原理12.2 实现可迭代对象12.2.1 “关闭”迭代器:return()方法生成器12.3.1 生成器的示例12.3.2 yield* 与递归生成器12.4 高级生成器特性12.4.1 生成器函数的返回值12.4.2 yield表达式的值12.4.3 生成器的return()和throw()方法12.4.4 关于生成器的最后几句话第12章 迭代器与生成器可迭代对象及其相关的迭代器是ES6的一个特性。数组(包括Typed Arr

2021-11-09 18:50:40 805

原创 JavaScript权威指南 第9章 类

第9章 类第6章介绍了JavaScript对象。当时把对象当成一种独特的属性集合,每个对象都不一样。然而,多个对象经常需要共享一些属性,此时可以为这些对象定义一个类。这个类的成员或实例,各自拥有属性来保存或定义自己的状态,但也有方法定义它们的行为。这些方法是由类定义且由所有实例共享的。想象有一个Complex类,表示和执行复数的计算。Complex的实例会有属性保存复数的实数和虚数部分(状态)。同时Complex类也会定义对这些数执行加法和乘法操作(行为)的方法。在JavaScript中,类使用基于原型

2021-10-22 20:12:13 220

原创 (JavaScript权威指南 第七章 数组

JavaScript权威指南 第七章 数组第七章 数组7.1 创建数组7.1.1 数组字面量7.1.2 扩展操作符7.1.3 Array() 构造函数7.1.4 Array.of()7.1.5 Array.from()7.2 读写数组元素7.3 稀疏数组7.4 数组长度第七章 数组数组是值的有序集合,其中的值叫作元素,每个元素有一个数值表示的位置,叫作索引。JavaScript的数组是没有类型限制的,即数组中的元素可以是任意类型,同一数组的不同元素也可以是不同的类型。数组元素甚至可以是对象或其他数组,从

2021-10-15 09:50:59 729

原创 JavaScript权威指南第6章 对象

JavaScript权威指南第6章 对象6.1 对象简介6.2 创建对象6.2.1 对象字面量6.2.2 使用new 创建对象6.2.3 原型6.1 对象简介对象是一种复合值,它汇聚多个值(原始值或其他对象)并允许我们按名字存储和获取这些值。对象是一个属性的无序集合,每个属性都有名字和值。属性名通常是字符串(也可以是符号),因此可以说对象把字符串映射成值。这种字符串到值得映射曾经有很多种叫法,包括“散列”“散列表”“字典”或“关联数组”等熟悉的基本数据结构。不过,对象不仅仅是简单的字符串到值的映射。除了

2021-10-12 21:10:06 127

原创 JavaScript中的相等和严格相等

JavaScript中的相等和严格相等严格相等基于类型转换的相等==和 =操作符分别用两个相同的标准检查两个值是否相等。这两个操作数都接受任意类型的操作值。=(严格相等操作符)根据严格相同的定义检查两个操作数是否相等”。 ==(相等操作符)根据更宽松的(允许类型转换的)相同定义检查两个操作是否相等。JavaScript对象是按引用而不是按值比较的。对象与自己相等,与其他对象不相同。即使两个对象属性和属性值完全一样,它们也不相等。类似地,两个数组即使元素相同、顺序相同,它们也不相等。严格相等严格相等操

2021-10-08 19:30:08 178

原创 JavaScript中的+操作符

JavaScript中的+操作符二元+操作符可用于数值操作数的和或者拼接字符串操作数。+操作符优先于字符串拼接:只要有操作数是字符串或者可以转换称字符串的对象。林一个操作数也会被转换为字符串并执行拼接操作。只要有任何操作数都不是字符串或字符串值时才会执行加法操作。+操作符的行为如下:如果一个操作数是对象,则+操作符使用对象到原始值的算法把该对象转换成原始值。Date对象用toString()方法来转换,其他对象通过valueOf()转换(如果这个对象返回原始值)。不过,多数对象并没有valueOF

2021-10-08 17:11:09 129

原创 var和let的区别

var和let的区别使用var声明的变量不具有块级作用域。这种变量的作用域仅限于包含函数的函数体,无论它们在函数中嵌套的层次有多深。如果在函数外部使用var,则会声明一个全局变量。但通过var声明的全局变量与通过let声明的全局变量有一个重要的区别。通过var声明的全局变量被实现为全局对象的属性。全局对象可以通过globalThis引用。因此,如果你在函数体外写了var x=2;,就相对于写了globalThis.x=2;。不过这么类比并不恰当,因为通过全局var创建的这个数值不能使用delete操作

2021-10-08 15:33:45 93

原创 avaScript中的算术规律

JavaScript中的算术规律JavaScript还通过Math对象的属性提供了一组函数和常量,以支持更复杂的数学计算:Math.pow(2,53) //=>9007199254740992:2的53次方Math.round(.6) //=>1.0:舍入到最接近的整数Math.ceil(.6) //=>1.0:向上舍入到一个整数Math.floor(.6) //=>0.0:向下舍入到一个整数Math.abs(-5)

2021-10-07 19:08:06 109

原创 JavaScript权威指南 第5章 语句

第5章 语句语句就是JavaScript中的句子或命令。就像英语句子用句点来结尾和分隔一样,JavaScript语句以分号结尾。表达式被求值后产生一个值,而语句被执行后会导致某事件发生。一种“导致某事件发生”的方式是求值一个有副效应的表达式。像赋值或函数调用这样有副效应的表达式本身就可以作为语句,在像这样使用时就被称作表达式语句。另一种与之类似的语句是声明语句,用于声明变和定义新函数。...

2021-10-07 17:03:30 715

原创 JavaScript权威指南 第4章 表达式与操作符

第4章 表达式与操作符表达式是一个可以被求值并产生一个值的JavaScript短语。直接嵌入在程序中的常量是最简单的表达式。变量名也是简单的表达式,可以求值之前赋给它的值。复杂表达式由简单表达式构成。基于简单表达式构建复杂表达式最常见的方式是使用操作符。操作符以某种方式组合其操作数的值(通常有两个),然后求值为一个新值。以乘法操作符为例。表达式xy求值为表达式x和y值的积。4.1 主表达式最简单的表达式称为主表达式,即那些独立存在,不再包含更简单的表达式的表达式。JavaScript中的主表达式包

2021-10-04 21:29:42 366

原创 JavaScript权威指南 第三章 类型、值和变量

第三章 类型、值和变量3.1概述与定义JavaScript类型可以分为两类:原始类型和对象类型。原始类型包括数值、文本字符串(也称字符串)和布尔真值(也称布尔值),null,undefined。在JavaScript中,任何不是数值、字符串、布尔值、符号、null和undefined的值都是对象。对象(也就是对象类型的成员)是属性的集合,其中每个属性都有一个名字和一个值(原始值或其他对象)。有一个非常特殊的对象叫全局对象。普通JavaScript对象是一个命名值的无序集合。这门语言本身也定义一种特

2021-10-04 08:28:16 708

原创 JavaScript权威指南第2章 词法结构

第2章 词法结构2.1 JavaScript 程序的文本JavaScript区分大小写JavaScript忽略记号(token)之间的空格。很大程度上,JavaScript也忽略换行符。除了常规空格(\u0020),JavaScript也将制表符,各种ASCII控制符和Unicode间格识别为空格。JavaScript将换行符、回车符和回车/换行序列识别为行终止符。2.3 字面量字面量是直接出现在程序中的数据值。2.4 标识符和保留字2.4.1 标识符用法:用于子JavaScript

2021-09-28 23:29:19 339

原创 2021-09-23

总结完成功能1.分商品退款划分成可以部分退款2.换货细节完善3.导航守卫控制登录完成功能1.分商品退款划分成可以部分退款2.换货细节完善@PostMapping("/saveExchangeOrder") public Result<?> saveExchangeOrder(@RequestBody ExchangeOrder order){ //--------------------------减少真实商品数量,防止退货跟换货同时进行-----------

2021-09-23 21:15:37 144

原创 2021-09-17

总结完成功能1.修改商品相关界面:2.订单管理的日期选择相关界面:相关代码:完成功能1.修改商品相关界面:2.订单管理的日期选择相关界面:相关代码: let searchLogo=require("../../../assets/img/查询.svg") let lastYear=ref(2021) let lastMonth=ref(9) let lastDay=ref(5) let nextYear=ref(new Date().get

2021-09-17 23:49:18 45

原创 2021-09-15

总结完成功能1.店铺首页销售趋势图2.后台商品管理相关页面:相关功能:1.商品查询:2.商品上架:3.商品下架:完成功能1.店铺首页销售趋势图2.后台商品管理相关页面:相关功能:1.商品查询:@GetMapping("/searchShopGoods") public Result<?> searchShopGoods(@RequestParam Integer shopId,@RequestParam Integer goodsId,@RequestParam St

2021-09-15 23:52:36 37

原创 2021-09-13

总价完成内容1.搜索店铺以及其排序页面:代码:2.后台首页完善(未完成)相关页面:完成内容1.搜索店铺以及其排序页面:代码: @GetMapping("/searchShop") public Result<?> searchShop(@RequestParam String searchItem,@RequestParam Integer currentPage,@RequestParam String orderItem){ QueryWrappe

2021-09-13 23:56:40 35

原创 2021-09-11

总结完成功能1.收藏商品详情页及管理2.收藏店铺3.店铺详情页4.搜索商品完成功能1.收藏商品详情页及管理2.收藏店铺3.店铺详情页4.搜索商品

2021-09-11 23:54:15 30

原创 2021-09-09

总价完成功能1.评论详情页及其分类相关效果代码2.生成浏览记录相关效果代码3.删除浏览记录相关效果相关代码4.批量删除浏览记录相关效果相关代码完成功能1.评论详情页及其分类相关效果代码@GetMapping("/getCommentListForShow") public Result<?> getCommentListForShow(@RequestParam Integer goodsId,@RequestParam String chooseItem,@RequestP

2021-09-09 23:43:28 55

原创 2021-09-07

总结完成功能1.发表评论2.放弃评论3.修改评论(仅中差评可以修改)4.撤销评论(仅中差评可以撤销)5.追加评论完成功能1.发表评论2.放弃评论3.修改评论(仅中差评可以修改)4.撤销评论(仅中差评可以撤销)5.追加评论...

2021-09-07 23:49:11 32

原创 2021-09-05

总结1.完成功能1.支付成功异步回调相关代码2.取消订单并退款3.退款1.完成功能1.支付成功异步回调相关代码 @PostMapping("/notify_url") public String notify_url(HttpServletRequest request) throws Exception { if (request.getParameter("trade_status").equals("TRADE_SUCCESS")) { Sy

2021-09-05 23:58:17 44

原创 2021-09-03

目录完成功能:按用户名+密码或邮箱+密码登录软件杯ppt优化决赛准备和排练完成功能:按用户名+密码或邮箱+密码登录 @PostMapping("loginByUsername") public Result<?> findByUsernamePassword(@RequestBody User user){ System.out.println(user); QueryWrapper<User> wrapper=new QueryWr

2021-09-03 23:31:39 41

原创 2021-09-01

总结1.完成功能1.添加包邮区间和相关运费2.自动计算需支付金额(含邮费)后端代码2.软件杯决赛准备(ppt设计,台词设计)1.完成功能1.添加包邮区间和相关运费2.自动计算需支付金额(含邮费)后端代码 @SneakyThrows @PostMapping("/payForOrder") public String payForOrder(@RequestBody ShoppingCartGroupByShopList shoppingCartGroupByShopLi

2021-09-01 23:40:40 250

原创 2021-08-30

总结实现功能1.订单详情页2.实现待支付订单的支付3.修改订单信息4.分批退款相关代码实现功能1.订单详情页2.实现待支付订单的支付3.修改订单信息4.分批退款相关代码 public String refund(String out_trade_no, LocalDateTime trade_no, double refund_amount) throws Exception { //设置请求参数 new Date(); AlipayTra

2021-08-30 23:55:11 35

原创 2021-08-28

总结实现功能1.订单详情页设计2.订单分类查看3.删除订单4.取消订单5.自定义逻辑删除和物理删除并存(已支付及之后订单,用户为逻辑删除,保证管理员订单管理操作)相关代码删除操作用户查找订单时实现功能1.订单详情页设计2.订单分类查看3.删除订单4.取消订单5.自定义逻辑删除和物理删除并存(已支付及之后订单,用户为逻辑删除,保证管理员订单管理操作)相关代码删除操作public Result<?> deleteShopOrder(@RequestBody ShopOrde

2021-08-28 23:48:30 211

原创 2021-08-26

总结实现功能1.沙箱支付相关页面效果相关代码后端前端2.生成订单,删除购物车相关代码思考实现功能1.沙箱支付相关页面效果相关代码后端@Servicepublic class AliPayServiceImpl implements AliPayService { /** * 生成支付表单 * @param subject 商品描述 * @param money 支付金额 * @param tradeNo 订单号 * @retur

2021-08-26 23:50:56 206

原创 2021-08-24

总结完成功能1.订单详情页设计1.相关效果2.相关功能1.添加地址2.修改地址3.选中地址(初始为默认地址)点击即选中该地址相关代码4.底端定时器相关代码沙箱支付(未完成)配置:完成功能1.订单详情页设计1.相关效果2.相关功能1.添加地址2.修改地址3.选中地址(初始为默认地址)点击即选中该地址相关代码//选择的地址 默认为默认地址 let selectedAddress=defaultAddress //选择地址 function se

2021-08-24 23:20:16 58

原创 2021-08-22

总结完成功能1.购物车页面完善相关效果2.购物车删除某物品相关代码3.批量删除购物车商品相关效果相关代码4.根据店铺选中商品(商品数量减少时,店铺自动恢复未选中状态),全选(当选中商品数未到达全数,自动恢复未选中状态)相关效果完成功能1.购物车页面完善相关效果2.购物车删除某物品相关代码function deleteShoppingCartItem(goodsId,specificationsId) { let flag=confirm('确定删除这个商品吗?')

2021-08-22 23:09:17 66

原创 2021-08-20

总结完成功能1.改正因数据库改动导致的错误2.购物车相关操作1.添加购物车相关页面相关代码:2.购物车侧边效果3.购物车详情页设计4.合并购物车相关代码:5.按时间、店铺分类得到购物车商品信息完成功能1.改正因数据库改动导致的错误2.购物车相关操作1.添加购物车相关页面相关代码:function checkSelectIndex() { let flag1 = true console.log(flag); consolelog(selectI

2021-08-20 23:38:22 46

原创 2021-08-18

总结实现功能点(分规格定价和库存)前端效果数据库设计重新设计规格表商品表前端代码后端代码添加实体类实现接收list参数后端代码实现功能点(分规格定价和库存)前端效果数据库设计重新设计规格表商品表前端代码 <table style="width: auto;height: auto;align-items: flex-end;margin-top: 10rem" v-if="goodsSpecifications.list2.length-2&gt

2021-08-18 23:31:11 215

原创 2021-08-16

总结完成功能1.商品详情页设计相关页面2.底部照片选中展示效果相关效果相关代码function chooseImage(index,image) { for(let i=0;i<5;i++){ if(i==index){ $('.imageChoose').eq(index).css('border','1rem rgb(242,2,128) solid') }else { $('

2021-08-16 21:59:53 43

原创 2021-08-14

文章目录总结实现功能1.首页分类效果实现相关效果2.分类查询相关效果3.根据指定条件排序相关效果相关代码4.指定价格区间筛查商品相关效果5.分页处理相关效果相关代码配置类中controller中学习的内容vue3中具名插槽的使用父组件内子组件内遇到的问题1.vue3中使用store因为vue3中this的指向不同(vue2中普通方法内指的是window,箭头函数内指vue实例),vue3中因为setup在生命周期 beforecreate 和 created 前执行,此时 vue 对象还未创建,因无法使用我

2021-08-14 22:52:37 876 2

原创 2021-08-12

总结完成功能1.修改地址相关页面:相关代码:实现点击修改跳转到页面的修改地址位置相关代码:2.设置默认地址相关页面相关代码:3.删除地址相关页面:相关代码:4.添加商品规格属性和相关代码相关页面相关代码htmljs5.首页页面处理(未完成)遇到的问题v-for无法循环使用v-model绑定值,以及绑定值输入卡顿问题解决方法无法监听数组重新赋值时产生的变化未解决完成功能1.修改地址相关页面:相关代码: @PostMapping("updateAddress") public Result

2021-08-12 23:34:36 67

原创 2021-08-10

总结1.软件杯前端项目优化2.重新设计项目亮点3.演示视频录制4.录音5.改ppt6.完善文档1.软件杯前端项目优化因为前端基本上重写了一遍,所以上次留下的很多代码都没有用,在提交作品前,删除无用代码,和打印信息。2.重新设计项目亮点因为初赛的时候,项目亮点不够突出,同时,没有创意。因此重新设计项目亮点,突出项目亮点。3.演示视频录制4.录音5.改ppt对ppt进行美化,同时,根据项目,对一些模块内容重新设计。6.完善文档完善文档里的项目功能,突出重点功能...

2021-08-10 22:56:28 76

空空如也

空空如也

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

TA关注的人

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