- 博客(57)
- 收藏
- 关注
RSS订阅原创 小兔鲜1-25
你在模板里直接写 ，Vue 会认为这是一个未定义的变量，无法找到父组件传过来的数据。1. 准备组件(只有首页使用) 2. 导入并使用组件。5.用 VS Code 开发 uni-app 项目。9.基础架构 – uni.request 请求封装。准备组件（CategoryPanel.vue）7.基础架构 – 引入 uni-ui 组件库。3.uni-app和原生小程序开发区别。（2）封装 Promise 请求函数。（3）前台分类数据类型并渲染。（3）热门推荐数据类型并渲染。（1）请求和上传文件拦截器。
2026-06-16 22:14:57
161
原创 小程序175-200
命令：npm i miniprogram-licia --save。1.购物车关联 Store 对象。2.封装结束支付的接口 API。3.优化-关键按钮添加防抖函数。6.更新商品购买数量思路分析。1.配置分包并跳转到结算页面。4.控制全选按钮的选中状态。2.获取并渲染购物车列表。8.更新商品购买数量防抖。10.删除购物车中的商品。3.更新商品的购买状态。7.更新商品的购买数量。（2）更新收货地址功能。（3）获取订单详情数据。（4）获取立即购买数据。（1）小程序支付流程。（3）获取预付单信息。
2026-06-05 21:26:49
301
原创 小程序150-175
11.拓展-删除滑块 SwipeCell 自动收起。5.async-validator 基本使用。5.优化：配置 @ 路径别名优化访问路径。（3）加入购物车和立即购买区分处理。（2）获取商品列表数据并渲染。（2）关联 Store 对象。（3）实现上拉加载更多功能。（4）判断数据是否加载完毕。6.新增收货地址表单验证。（5）节流阀进行列表节流。（1）获取并渲染商品详情。（4）展示购物车购买数量。10.实现删除收货地址。（1）准备列表请求参数。（6）实现下拉刷新功能。（2）详情图片预览功能。
2026-06-02 09:08:00
234
原创 小程序125-150
（8）miniprogram-computed 计算属性和监听器。（9）拓展：Mobx 与 Computed 结合使用。（6）fields、actions 对象写法。（7）绑定多个 store 以及命名空间。（4）token 存储到 store。（1）用户信息存储到 Store。（4）在页面中使用数据-方式1。（5）在页面中使用数据-方式2。（2）创建 Store 对象。（2）使用数据渲染用户信息。（1）什么是 token。（2）小程序登录流程介绍。（3）实现小程序登录功能。（3）在组件中使用数据。
2026-05-29 00:26:17
301
原创 小程序100-125
2.再pages/index里创建一个新文件夹skeleton把生成骨架屏的两个文件放进去。（2）为后续的网络请求模块封装做铺垫。（1）减少代码的冗余，让代码号维护。1.点击右下角三个点（...）生成骨架屏。1.为什么要封装 wx.request。5.wx.request 注意事项。12.控制 loading 显示。5.分析猜你喜欢+人气推荐并渲染。11.完善 loading。1.为什么要进行模块封装。6.定义请求-响应拦截器。7.完善请求-响应拦截器。8.使用请求-响应拦截器。
2026-05-24 17:01:31
387
原创 小程序75-100
2.在project.config.json中写以下标蓝内容。4.再写命令 npm i @vant/weapp。3.自定义构建 npm 和 集成 Sass。3.在终端写命令 npm init -y。3.Vant Weapp组件库的使用。3.Vant Weapp组件样式覆盖。5.拓展-VsCode开发小程序项目。2.配置分包加载以及打包、引用原则。1.框架接口-getApp()5.点击工具 => 构建npm。2.创建项目以及项目初始化。工具 => 构建npm。3.组件通信-事件总线。2.自定义构建npm。
2026-05-20 21:28:57
385
原创 小程序26-50
在项目中使用到的小图标，一般由公司设计师进行设计，设计好以后上传到阿里巴巴矢量图 标库，然后方便程序员来进行使用。scroll-view：可滚动视图区域，适用于需要滚动展示内容的场景，用于在小程序中实现类似于。使用bind绑定的事件，会触发事件冒泡，如果想阻止事件冒泡，可以使用catch来绑定事件。非冒泡事件：当一个组件的事件被触发后，该事件不会向父节点传。小程序中的字体图标使用方式与Web开发中的使用方式是一样的。冒泡事件：当一个组件的事件被触发后，该事件会向父节点传递。
2026-05-10 16:22:34
446
原创 小程序1-25
表示参与小程序开发、运营的成员，包括运营者、开发者及数据分析者，项目成员可登鼓微信公众后台，管理员可以在成员管理中添加，删除项目成员，并设置项目成员的角色。需要注意的是：页面配置文件的属性和全局配置文件中的window属性几乎一致，只不过这里不需要额外指定window字段，因此如果出现相同的配置项，页面中配置项。在创建项目的时候，每个项目的根目录生成两个config.json文件，用于保存开发者在工具上做的个性化配置，例如和编译有关的配置。在开发Web网站的时候：页面的结构由HTML进行编写；
2026-04-23 20:55:07
363
原创 JS考核复写
1.页面返回顶部要求： 点击按钮之后可以由快到慢地回到顶部，处于顶部位置时按钮消 失，按钮位于页面的右下方解：1.绑定滚动事件（1）获取页面高度；（2）设置if语句显示/隐藏按钮2.绑定点击事件（1）设置滚动位置；（2）设置滚动方式2.瀑布流布局要求： 多个等宽的图片进行穿插排序成六列，并且在目前显示的最后一张 图片显示之后，再进行下拉时能够在进行加载其他图片，每次下拉 显示20-30张图片。解：1.先设置一个页面加载事件2.设瀑布流函数。
2026-04-04 00:44:48
364
原创 HTML和CSS复习
11.排版标签：h1-h6不能嵌套，p标签里不能有h1-h6,p,div标签13.块级元素和行内元素：块级元素：独占一行（p,h1-h6,div）行内元素：不独占一行（input）块元素中可写行内元素和块元素，行内元素中只能写行内元素h1-h6不能嵌套 p中不要写块元素。
2026-04-02 17:14:03
446
原创 JS 复习
1.输入语法：prompt2.输出语法：document.write（向body输出内容）alert（弹窗）console.log（控制台打印）3.声明变量：let4.命名：驼峰命名法5.数组：[ ]中括号6.声明常量：const (不允许重新赋值)7.基本数据类型：字符串类型：用单引号，双引号，反引号包裹的数据模拟字符串：`XXX${变量名}`布尔型：true or false8.检测数据类型：typeof XXX9.转换为数字型：parseInt 只保留整数。
2026-03-30 21:26:25
439
原创 14届蓝桥杯
没有认真看，没看到要用<span>标签展示，以及对deg的不理解。忘记如何用:nth-child()5.全球新冠疫情数据统计。一直报错看不懂啊啊啊。
2026-03-28 16:03:23
77
原创 16届蓝桥杯
JS中localStorage函数和setTimeout函数的使用。5. 文本自动生成器 (看不懂题目)JS控制DOM元素，并使用到了日期类。7.企业微信会议助手。
2026-03-14 19:02:26
78
原创 Vue 大事件管理系统
1.登录注册页面 [element-plus 表单 & 表单校验]（3）文章分类添加编辑 [element-plus 弹层]（3）登录功能 (校验 + 登录 + 存token)（4）退出功能 [element-plus 确认框]（1）基本架子 - PageContainer 封装。3.文章分类页面 - [element-plus 表格]（2）文章分类渲染 & loading 处理。（1）注册登录 静态结构 & 基本切换。（1）基本架子拆解 (菜单组件的使用)（2）注册功能 (校验 + 注册)
2026-02-17 10:51:19
217
原创 Vue 2.11
什么是PiniaPinia 是 Vue 的最新状态管理工具，是 Vuex 的替代品（1）提供更加简单的API （去掉了 mutation ）（2）提供符合，组合式风格的API （和 Vue3 新语法统一）（3）去掉了modules的概念，每一个store都是一个独立的模块（4）配合 TypeScript 更加友好，提供可靠的类型推断手动添加Pinia到Vue项目（1）使用 Vite 创建一个空的 Vue3 项目（2）按照官方文档安装 pinia 到项目中。
2026-02-15 22:43:34
1012
原创 Vue 2.10
（2）defineProps 原理：就是编译阶段的一个标识，实际编译器解析时，遇到后会进行编译转换。需求：在不开启deep的前提下，侦听age的变化，只有age变化时才执行回调。（1）作用：接收简单类型或者对象类型的数据传入并返回一个响应式的对象。（1）计算属性基本思想和Vue2的完全一致，组合式API下的计算属性。（1）作用：接受对象类型数据的参数传入并返回一个响应式的对象。生命周期函数是可以执行多次的，多次执行时传入的回调会在。浅层侦听的，直接修改嵌套的对象属性不会触发回调执。
2026-02-11 20:50:54
933
原创 Vue 智慧商城项目
如遇到需要登录才能进行的操作，提示并跳转到登录 但是：对于支付页，订单页等，必须是登录的用户才能访问的，游客不能进入该页面，背景：有时候因为网络原因，一次请求的结果可能需要一段时间后才能回来， 此时，需要。目标：封装 storage 存储模块，利用本地存储，进行 vuex 持久化处理。目标：基于请求回来的 base64 图片，实现图形验证码功能。目标：实现搜索列表页静态结构，封装接口，完成搜索列表页的渲染。目标：实现商品详情静态结构，封装接口，完成商品详情页渲染。
2026-02-08 22:59:01
1296
原创 Vue 2.3
this.$store.commit( 'xxx', 参数 )`$store.dispatch('模块名/xxx ', 额外参数)$store.commit('模块名/xxx ', 额外参数)mapMutations('模块名', ['xxx'])，为 1-10 的数组，组件中，需要显示所有大于5的数据。尽管已经分模块了，但其实子模块的状态，还是会挂到根级别的。(当项目变得越来越大的时候，mapGetters('模块名', ['xxx'])mapActions('模块名', ['xxx'])
2026-02-05 00:29:25
880
原创 Vue 2.2
在组件切换过程中把切换出去的组件保留在内存中，防止重复渲染DOM，是Vue的内置组件，当它包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。原因：路由跳转后，组件被销毁了，返回回来组件又被重建了，所以数据重新被加载了。是一个抽象组件：它自身不会渲染成一个 DOM 元素，也不会出现在父组件链中。问题：从面经点到详情页，又点返回，数据重新加载了 → 希望回到原来的位置。： 组件名数组，任何匹配的组件都不会被缓存。： 组件名数组，只有匹配的组件会被缓存。的时候触发 → 进入这个页面的时候触发。
2026-02-03 21:41:12
411
原创 Vue 1.30
{ path: 匹配路径, redirect: 重定向到的路径 }语法：path: "*" (任意路径) – 前面不匹配就命中最后这个。（2）name 命名路由跳转 (适合 path 路径长的场景)②path 路径跳转传参 (动态路由传参)②name 命名路由跳转传参 (动态路由传参)10.编程式导航传参 ( 查询参数传参和动态路由传参)（2）①name 命名路由跳转传参 (query传参)声明式导航传参 ( 查询参数传参和动态路由传参 )（1）①path 路径跳转传参 (query传参)
2026-02-01 22:23:52
677
原创 Vue 1.28
作用：非父子组件之间，进行简易消息传递。作用：利用 ref 和 $refs 可以用于。本质上是一个语法糖。如应用在输入框上，就是。（3）场景：封装弹框类的基础组件，Vue异步更新、$nextTick。实现 子组件 和 父组件数据 的。，实现 子组件 和 父组件数据。（2）特点：prop属性名，可以。（2）作用：提供数据的双向绑定。用于在模板中，获取事件的形参。（2）父组件 v-model。true显示 false隐藏。作用：向子组件传递数据。非父子通信 (拓展)（1）作用：可以实现。非父子通信 (拓展)
2026-01-28 19:18:13
395
原创 Vue 1.27
工程化开发和脚手架我采用的是npm.cmd脚手架目录文件介绍和项目运行流程组件化开发和根组件普通组件的注册使用（1）局部注册：只能在注册的组件内使用使用：当成html标签使用<组件名></组件名>（2）全局注册：所有组件内都能使用使用：当成html标签使用<组件名></组件名>技巧：一般都用局部注册，如果发现确实是通用组件，再定义到全局。
2026-01-26 23:33:41
111
原创 Vue 1.26
适用场景：某个具体属性的动态设置。:class = "对象/数组"，执行一些 业务逻辑或异步操作。:style = "样式对象"生命周期 & 生命周期四个阶段。（2）完整写法 → 添加额外。
2026-01-25 14:50:47
371
原创 Vue 1.23
Vue 是一个用于构建用户界面的渐进式框架创建Vue 实例插值表达式（1）作用：利用表达式进行插值，渲染到页面中（2）语法（3）注意点：① 使用的数据要存在 （data）② 支持的是表达式，而非语句 if ... for③ 不能在标签属性里面使用响应式特性定义：数据改变，视图自动更新（1）访问数据："实例.属性名"（2）修改数据："实例.属性名" = "值"
2026-01-24 10:24:14
424
原创 轮播图案例
top: 12px;opacity: 0;opacity: 1;opacity: 1;margin: 0;padding: 0;width: 8px;opacity: 1;
2026-01-19 15:25:31
535
原创 省市区三级联动
请选择省份</option><option value="">请选择城市</option><option value="">请选择区县
2026-01-19 15:04:27
616
原创 贪吃蛇还原
/只需完善该函数实现功能，不允许修改别处代码。// 在数字前头添加一个元素，添加新计算的蛇头。// 删除数组后面的一个元素。// TODO：待补充代码。
2026-01-19 14:49:47
48
原创 放大镜效果
/ 大图移动距离 = 遮罩位置 X （大图尺寸 - 大图容器尺寸） / （小图尺寸 - 遮罩尺寸）let x = e.pageX - this.offsetLeft // 鼠标相当于文档的位置。// 移动大图（反向偏移，实现“跟随放大”）// 设置大图尺寸为小图的2.4倍。// 计算鼠标在小图容器内的相对位置。// 限制鼠标遮挡成不超过小图容器。// 技术按大图的反向移动距离。// 设置者当场位置。-- 小图容器 -->-- 大图容器 -->// 鼠标移动获取位置。// 初始化大图尺寸。
2026-01-19 14:44:11
557
原创 C语言期末考编程题
printf("请输入你的数组：");for (p = a;p < a + 10;p++)p < q;// p < q是p跟q的值交换到中间的时候就不交换了（这个时候两边的已经换好了）temp = *p;*p = *q;*q = temp;for (p = a;p < a + 10;int i, j;for (i = 0;i++) // 若flag=0（已判定不对称），直接终止循环for (j = 0;
2026-01-01 22:00:47
938
原创 滚动弹幕案例
page.classList.remove('hidden') // 移除隐藏类，显示输入区域。danmu.style.left = left + 'px' // 设置弹幕的水平位置。danmu.style.whiteSpace = 'nowrap' // 弹幕不换行。danmu.style.position = 'absolute' // 文本定位。danmu.style.left = '-200px' // 弹幕进入。up.textContent = '弹出' // 按钮文字改为弹出。
2025-12-29 21:13:47
688
原创 电子时钟案例
let date = new Date() // 创建Date对象，获取当前系统的时间。（2）得到当前时间；getNowTime() // 页面加载后立即执行，确保打开页面就显示当前时间。let m = date.getMinutes() // 得到当前分钟。setInterval(getNowTime, 1000) // 定时更新。let s = date.getSeconds() // 得到当前秒。let h = date.getHours() // 得到当前小时。// 定义时间更新函数。
2025-12-24 22:06:08
897
原创 动态表格案例
a href="javascript:" data-id = ${i}>删除</a>e.preventDefault() // 阻止默认行为（若按钮是表单按钮时有用）（2）渲染<td>；// 删除当前按钮对应的行：a的父节点是td， td的父节点是tr。td.innerHTML = `<a herf="#">删除<a>`2.漏写btn点击事件里的创建行和把行添加到tbody里（215，216行）td.innerHTML = `<a herf="#">删除<a>`subject: "计算机科学与技术",
2025-12-24 21:52:48
581
原创 Tab选项卡
标签3.绑定鼠标移入事件（1）取消导航栏当前激活的active；（2）给鼠标移入的a 添加active（3）内容区同上（1）（2）【添加第 i+1 个.item】<head><style>* {margin: 0;padding: 0;.tab {.tab-nav {</style></head><body><ul>">英雄联盟</a></li>">风暴英雄
2025-12-23 22:03:09
730
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人