weixin_46560512的博客

在结算环节，模块先校验是否存在售罄商品及有效选中项，避免无效订单提交，再将选中商品信息序列化后跳转至订单确认页，形成从选品到结算的完整数据流转闭环，为用户提供即时、可靠的金额反馈与交易保障。通过统一的消息提示系统，为用户提供明确的操作反馈。此外，引入库存预校验逻辑，在数据加载阶段自动比对商品数量与库存值，将超量商品数量修正为不超过库存的有效值，从源头避免前端显示异常，确保用户看到的商品信息真实可靠。商品金额计算模块作为购物车的数据核心，通过动态数据绑定与实时计算机制，确保选中商品总价与用户操作同步更新。

性能层面，它通过精准的可视区域判断，实现图片的按需加载，避免在页面初始化阶段加载大量图片资源，从而降低服务器请求压力，提升页面响应速度；通过这种组合方案，页面在加载大量商品图片时，既能保证数据的有序加载，又能优化图片资源的使用效率，实现流畅的用户体验。指定图片加载过程中显示“skeleton - 1”样式的骨架屏占位图，在图片未加载完成时，以动态光影效果模拟图片形状，提升用户等待时的视觉体验。（图片是否加载失败）的状态，若其中一个为true，则直接返回，不再进行后续的可视区域判断，避免重复操作。

当然这里的布局方式还有其他的选择，可以根据自己的CSS习惯切换布局方案。实现横向滚动的分类栏，动态加载后台返回的分类数据，并支持“全部”分类的前置显示。在电商小程序中，店铺详情页是用户浏览商品的核心入口。组件，打造流畅的分类切换与筛选体验。在分类栏右侧添加筛选图标，点击时弹出。动态计算容器宽度，适配不同屏幕尺寸，添加。内容区偏移：商品列表通过。对于滚动条的优化，设置。，适配微信小程序等多端环境。接口获取分类列表，并在。

vite+element-plus项目基础搭建1.引言2.为什么是Vite?3.为什么是Element-plus?4.项目搭建3.参考文献1.引言    其实本来不应该写这种优快云比较多的博文的，主要是因为比较多，然后想解决问题的时候有很多各种各样的文章，然后这些文章有各自的解决思路，甚至拿过来又不能解决问题，本着分享和方便以后使用的目的，记录这次使用过程。2.为什么是Vite?    其实我最开始用的是vue-cli，但是使用的时候发现这个每次运行的时候都需要打包，导致运行的比较慢，得等个10几

vite组件自定义目录写法我们可能见过这样的写法：import { useLocaleStoreWithOut } from '/@/store/modules/locale';//有过uni-app基础的应该对于这个写法并不陌生，应为在easycom组件动态导入中其实出现过。本质其//实是webpack中支持的一种写法。但是最近看代码的时候遇到了这个：import type { LocaleType } from '/#/config';当时看的我是一愣一愣的，查了一下不是正则写法正则中

Vue学习杂记（三）——slot总结一、slot的用途二、slot的使用方法一、slot的用途     如果之前使用过canvas就会记起来一点，像如下代码： <canvas>你的浏览器不支持canvas</canvas> <dynamic-list> <p>你猜猜我会不会显示</p> </dynamic-list>结果是否定的，这样的写法之下dynamic-list组件中的内容将不会被解析，而

Vue学习杂记（四）——webpack的使用一、什么是webpack？二、如何使用webpack？2.1 webpack的基本使用2.2 webpack的扩展使用引言：webpack是有官网的，这里是看黑马的视频总结的，难免有些片面。官网学习也行、看博文学习也可、看视频学习也罢，咱的目的只有一个，就是将东西学到自己会用，至于博客，主要是作为学习的辅助，就和上课记笔记一个道理。一、什么是webpack？    如今前端开发对于一个项目的要求是：（1）模块化：js的模块化，css的模块化，资源的模块化；

Vue学习杂记（二）——组件总结一、为什么使用组件？二、组件如何使用？三、父子组件传值的解耦四、组件通信    引言：最近感觉写代码动力不足，觉得自己有点一直很憨的写代码了，因此决定好好学一下Vue，将之前没有掌握的一下关于Vue2.0的细节巩固一下。避免出现没听说过、没讲过的尴尬情况。可能会出系列文章，有些时候想写一些东西，但是笔记本不在身边。比较适合像我一样的主动（或者由于项目进度需要）上手框架，但是基础知识不够扎实的小白。    也曾模仿过基于Vue的框架写过组件，但是对于组件的理解一直不够全面

Vue 绑定Class的几种方式一、Vue的初步理解    引言：最近感觉写代码动力不足，觉得自己有点一直很憨的写代码了，因此决定好好学一下Vue，将之前没有掌握的一下关于Vue2.0的细节巩固一下。避免出现没听说过、没讲过的尴尬情况。可能会出系列文章，有些时候想写一些东西，但是笔记本不在身边。比较适合像我一样的主动（或者由于项目进度需要）上手框架，但是基础知识不够扎实的小白。![在这里插入图片描述](https://img-blog.csdnimg.cn/59d1e43a00c14c0fb26e85

Vue学习杂记（五）——loader的使用一、什么是loader？二、loader处理css三、loader处理图片四、loader处理高级的js语法参考文献引言：loader其实也是webpack系列的内容，考虑到webpack涉及知识点较多，因此分成两篇。一、什么是loader？    loader其实可以理解成webpack一个增强工具。webpack只能加载js，并且对于比较高级的ES7、ES8语法或者较新的react插件中使用的语法，webpack同样无能为力，需要使用loader系列中的b

SPA模式和前端路由一、SPA模式介绍二、前端路由工作原理三、配置前端路由一、SPA模式介绍    SPA（single page web application），SPA 是一种特殊的 Web 应用，是加载单个 HTML 页面并在用户与应用程序交互时动态更新该页面的。它将所有的活动局限于一个 Web 页面中，仅在该 Web 页面初始化时加载相应的 HTML 、 JavaScript 、 CSS 。一旦页面加载完成， SPA 不会因为用户的操作而进行页面的重新加载或跳转，而是利用 JavaScript

Vuex学习总结1.概述说说我的理解（不一定对），由于前端的组件化开发常常难免涉及到组件之间的通信。对于一个小型项目来说，通过父子组件通信就够用了。但是，可能随着项目扩大，存在兄弟组件或者祖孙组件通信的通信。其解决方法通常有两种：中央bug机制和间接调用上一级组件（或者上上级组件）。额，难免有些复杂。于是，vuex站出来了。vuex可以便于项目更加方便的处理这些公用数据，大大减轻了公用数据给项目带来的负担。整体上vuex像是把公用数据放在一个吊篮里面，然后那个组件用就使用吊篮里面的公用数据和方法便可。

Vue学习杂记（六）——项目构建与sourceMap一、项目发布1.1构建生产模式1.2配置clean-webpack-plugin插件1.3对webpack安装的插件的管理二、sourceMap的配置一、项目发布1.1构建生产模式    webpack打包的最后一步便是发布了，首先在package.json文件的"scripts"中添加如下脚本名称和webpack打包方式："build":"webpack --mode production"终端运行npm run build，这里的build

Vue框架——Vue-i18n学习总结1.概述​ Vue I18n 是 Vue.js 的国际化插件，格局比较大，具体怎么解释还是不太好说，直接看用法就能明白。简单说一下为什么叫这个名字：internationalization(i+中间的18个字母+n)。2.配置方法(1)安装vue-I18n插件//需要使用npm进行安装npm install vue-i18n（2）项目中配置使用import Vue from 'vue'import VueI18n from 'vue-i18n'//

现在在准备毕设，打算还是使用nodejs作为后端，遇到了一些知识上的瓶颈，主要是想要写出一个高性能点的爬虫，由于每次请求的http数量上万，经常挂了，要么是他人的服务器终止了连接，要么是node经不起密集CPU，毕竟请求完成之后还需要对数据进行处理，特别是我毕设里面需要的数据涉及到cheerio依赖对于页面dom的操作，因此更加怀疑的是nodejs的算力不够导致的。其实ab测试只是引子，主要是为了看看cluster配置多进程的有点，但是这个显然不是我们想要的，在爬虫上，我们是请求者，不是服务提供者。

电商小程序外包项目需接入地图API辅助填地址，高德、腾讯收费高，用天地图API可降成本，还解决了相关数据和兼容问题。

js数组的方法：push、pop、shift、unshift、replace、indexof、foreach、slice（start,end（不含））、splice(删除点，删除数量，替换的元素)、reverse、concat、sort（官方的底层原理里面，数据量小使用插入排序，数据量大使用快速排序）、join、map、includes、filter、every(全部符合标准返回true)、some(有符合标准的返回true)、reduce。会话层：组织和协调两个会话进程之间的通信，并对数据交换进行管理。

手写promise递归实现字符串的反转计算一个字符串里面出现次数最多的并统计次数手写深拷贝防抖与节流css样式重叠JWTwebpack的热更新原理scoped的原理盒子模型Vue2与Vue3的区别

uniapp开发遇到的问题引言1.JavaScript的number类型2.CSS样式属性——calc宽度计算失效问题3.v-for中key的使用引言    为什么要记录这些呢？其实算是一种踩坑总结吧，方便之后再回过头来看看，减少错误的重复率。毕竟现在在前端也写了不少代码了，不希望像之前一样，一个问题卡半天。1.JavaScript的number类型    不要收到了C语言的影响，误认为前端的js的数据类型将整型作为首选，其实JavaScript主要是double类型，因此2/3期望得到0之前需

docker学习笔记1.什么是docker?2.docker能干什么?3.docker基本使用方式3.1配置国内镜像：3.2docker的执行原理3.3docker镜像的基本命令3.4容器的基本命令3.5其他常用的基本命令参考文献    寒假很快就到了，毕竟不是学校，零碎的时间很容易就被浪费掉了，为了更好的加深自己对于知识的印象，我决定还是写写博客，主要目的是总结学到的东西，然后跟大家分享。1.什么是docker?    docker最开始是几位大佬根据港口集装箱进行抽象（仔细看docker的icon

一般来说AI模型的运行应该交给后端，现实上，可以将视频的每一帧获取之后提交给后端，然后生成mask-image之后前端再显示（但是这样好像给前后端带来的流量压力都有些大，如果有做过这方面的大佬希望能够再评论区指点一二），或者继续期待我们GiteeAI提供更多完备的AI数据集和API调用接口，更多功能可以继续去giteeAI尝试哦。具体的实现代码如下（由于使用的数据集不是很大，所以运行起来的效果可能不如B站的完美，由于数据集是第三方数据集，需要挂梯子才能够有效访问，否则会出现资源加载失败的bug。

在开发微信小程序时，后端对token的处理比较简单，前端用vuex缓存token出现了问题。探讨了token何时刷新，还说了理想的token维护方法。

    以前就想学CSS3动画，觉得挺高级的，但后来因为一些原因，没能理解好，也没有时间，最近重新学了一波。为了帮助那些像我一样理解能力不太好的人（同时也使自己更好的理解知识点），这里做一下总结。主要是我在学习过程中遇到的一些问题，如果有写的不清晰的，希望大家能够指正。    一、perspective设置透视：如上图所示透视可以理解成图中的d，即眼睛到显示屏的距离，当透视的值变小，可以理解成人走进了去看物体，那么物体就变大了；（注意:在设置时，perspective要加到父级盒子里面，eg:per

    之前学习canvas的时候就觉得canvas和一般的节点有一点不一样，现在重新看了一下，结合大佬们的提示，我又来了自导自演一波，不对的地方还希望大家斧正.    canvas对我来说，是用在web前端和小程序，我接触前端比较少，就主要说一下web方面的吧（小程序直接动态渲染就行）。总体上来说，和一般标签一样，有以下两种方法：    方法一，使用canvas标签+id/class来渲染，其动态变化的实现需要用到getComputedStyle函数，这个函数的用法是，得到初始化的样式...

    最近别人问了我一下getComputedStyle的封装过程为什么要写if(getcurrentStyle),我当时也没反应过来，毕竟好长时间没有用了，因此决定来探究一下这个getComputedStyle（）函数，即是温习也是和大家分享，如果有不对的地方欢迎在评论区批评指正；    首先，回到问题开始，getComputedStyle和getCurrentStyle都是用来获取样式的，只能获取样式而不能修改样式，在修改样式的时候需要用到style,eg:obj.color=“red”；其次，在获

webpack的基本使用

网络请求可以说是Android开发的核心，也同样是Android开发中的难点。，目的是为了统一管理各种请求接口，通知利用。，它们都是对最基础的网络请求的一层封装。提供的路由注解方便进行接口请求与规范化。

1.软件整体结构2.具体的页面书写3.实例分析4.后续下面先来总结一下软件的基本目录结构，这一般是开发的关键，只有明白了软件的目录结构，才能更加可灵活的设计软件。关注过我的人应该都知道，我主要是走的前端方向，然后摸一摸基础的后端，盘一盘网安，偶尔为自己的软件接口抓个包什么的。因此下面的介绍会通过与前端的对比来总结。

其实,常见的Android和微信小程序一样，通常最下面一排需要有一排导航栏，可以通过点击导航栏图标和滑动实现页面跳转，具体实现使用的是Android的。下面详细说一下Fragment的实现，直接继承Android自带的FragmentList，详细原理可以参考。补充关于按钮的点亮和未点亮状态设计，在Android的可选按钮中设计。标记当前正在访问的页面，当修改了页面就将当前正在访问的页面设置成。，其实就是为了把底部导航栏分成多个等分，图标加上导航页的名字，使用。使得各个导航栏中的内容居中。

Android开发环境搭建一、引言二、误解声明三、下载Android Studio四、安装Android Studio4.1安装前的准备4.2正式安装一、引言    最近在和一个好兄弟做项目，好兄弟一开始就是玩游戏开发的，有一点Android开发基础。但是我俩编程能力差不多，因此想搞个环境帮他一把，毕竟自己也搞过前端，懂一些基础的Java语法。但是一天两天过去，搞了半天现在才找到2022年Android环境的搭建方法。期间还被好兄弟吐槽过，过程中自己也挺难受的，搞完了就轻松了，毕竟开发环境是编程入门的关

MQTT支持弱网环境（网络信号不佳）。Android：需要清楚市面上的Android教程远不及前端和Java，因此学起来相对麻烦些，但是其实上手了其实都差不多，核心问题很难去查找报错，一般很难学明白底层原理，很难有自己想法去主动设计功能，更多的是“搬运”，当然，这也和我们的项目敏捷开发的要求有关。开发完的想法：强调，是我们软件开发完后意识到的问题，Google“新”推出了kotlin，其实建议不用原生Android，直接使用更加友好的kotlin（查错更加方便。

因为我主要是负责前端开发的，对于springboot框架知之甚少，因此只负责了项目部署等少量工作，部署的话需要首先将项目打包，打包的maven配置如下(本质上是使用了。由于我学的实在是不够深入，因此这里总结分享一种可行性方法，导入大佬开源的。工具类（直接使用大佬提供的源代码），目的是获取到图片的绝对存储路径。注意，这里在生产环境部署的时候如需要加以调整（因为项目。给出宝塔面板部署的效果（主要是为了体现这里的相对资源路径。的，其实就是将前端传过来的文件写入服务器中。，所以无法再访问对应路径，需要。

通知提示可以说是Android开发的一大特色，能够让软件给用户传递的消息更加显眼。

1.项目优点3.Android应用发布的探索如果你最终看到了这篇文章，我想你表达一波歉意，由于整个Android项目属于敏捷开发，因此很多知识点我没能解释那么透彻，更多的是介绍有什么工具怎么使用它。由于自己基础不好，还是个考研族，整个开发也就花了7天左右0基础上手Android，确实是时间不够，哈哈哈，真心希望能得到理解。

文章讲述为研究生课题室解决论文汇报资料共享问题，选用kodcloud开源项目搭建文件床，介绍搭建及协同维护过程，分享经验感悟 。

文章围绕售价4W的微信小程序推荐返佣设计展开，介绍明确可发起推荐用户的相关认证问题，以及分享返佣标识携带方案。

文章围绕售价4W的小程序商城外包项目，介绍前端消息模块设计，包括项目背景、交互设计、开发细节及借助豆包开发的方法。

回顾小程序商单前端工作，从参与团队到协调沟通，虽有不足但收获颇丰，还结识朋友，积累知识阅历 。

分享一个OJ平台——浙江工商大学的OJ平台

前端分页查询