- 博客(30)
- 收藏
- 关注
RSS订阅原创 Vue的学习（7）
Vue的组件库并不是唯一的，vant-ui 也仅仅只是组件库的一种。② utils 工具模块：自己封装的一些工具方法模块。① api 接口模块：发送ajax请求的接口模块。Mint UI (饿了么) Cube UI (滴滴)3. 新增 两个目录 api / utils。2. 修改 路由配置 和 App.vue。vant 全部导入 和 按需导入。，整合到一起就是一个组件库。② main.js 中注册。1. 删除 多余的文件。① 安装 vant-ui。中所有的组件都导入了。其他 Vue 组件库。
2025-02-17 18:56:42
278
原创 js第九题
1.鼠标移至图片上方，鼠标周围出现黄色的的正方形框，黄色矩形 框会随着鼠标的移动而移动；2.将黄色正方形框里的内容的长和宽均放大2.4倍，并在图片右边进 行显示。
2025-02-17 18:55:38
138
原创 js第八题
1.页面上漂浮字体大小不一、颜色不一，从左向右滚动的弹幕；2.底部中间有一个发送功能，可以发送新的弹幕；3.底部的发送部分可以向下收起和弹出。
2025-02-17 18:53:03
171
原创 js第十二题
1.鼠标不在图片上方时，进行自动轮播，并且左右箭头不会显示；当鼠标放在图片上方时，停止轮播，并且左右箭头会显示；2.图片切换之后，图片中下方的小圆点会同时进行切换，并且点击相应的小圆点可以切换到相应的图片上；4.图片上需有介绍的文字，会随图片切换一起进行切换。3.点击左右箭头可以进行左右图片的切换；
2025-02-17 18:50:07
234
原创 js第十一题
通过三个下拉菜单的联动来实现，第一级下拉菜单为省级，第二级 下拉菜单为市级，第三级下拉菜单为区级。当点击第一级下拉菜 单，第二级菜单的内容会自动匹配；选择第二级菜单时，第三级菜单会自动生成。当我取消上一级菜单的选项时，次一级选项会自动消失。题十一：省市区三级联动。
2025-02-17 17:50:24
234
原创 就是第七题
4.在表单提交是，需要进行验证验证填写内容是否合理：昵称不超 过10个字、姓名不超过4个字、QQ号为长度小于等于10大于5位的数字、手机号为长度11位的数字、密码由字母和数字组成且大于8位小于16位、密码和确认密码需相同。5.发送验证码按钮点击后，会被禁用；发送验证码按钮被点击后，按钮里面的内容会变化成1分钟的倒计时；待发送验证码按钮被触发后才可以点击提交按钮，需在验证码框里填写 0505,用弹窗提示成功。1.表单需包含昵称、姓名、QQ、手机号、邮箱、密码、确认密码以 发送验证码及提交和重置按钮；
2025-02-17 17:35:03
181
原创 js考核第五题
1.表格由专业班级学号1-10号同学的信息组成，包括：学号、姓 名、性别、二级学院、班级、专业、辅导员；4.表格的右上方有一个添加按钮，点击后跳出一个表单弹窗，可以填加新的学生的信息。2.表格的奇数行字体为黑色，底色为白色；偶数行字体为白色，底 色为黑色；
2025-02-17 16:36:50
159
原创 js考核第四题
要求： 1.选项卡由英雄联盟、DOTA、风暴英雄、300英雄四块组成；2.未选择时，默认选中第一个标签页；3.选择某一选项后，下方跳出对应游戏的相关介绍内容。
2025-02-16 23:27:44
152
原创 js考核第二题
要求： 多个等宽的图片进行穿插排序成六列，并且在目前显示的最后一张 图片显示之后，再进行下拉时能够在进行加载其他图片，每次下拉 显示20-30张图片。
2025-02-16 23:27:05
207
原创 js考核的第三题
要求： 多个等宽的图片进行穿插排序成六列，并且在目前显示的最后一张 图片显示之后，再进行下拉时能够在进行加载其他图片，每次下拉 显示20-30张图片。
2025-02-16 23:23:01
217
原创 js考核第三题
要求： 分为上下两个部分，上方为显示区域，下方为控制区域。显示区域显示五十位群成员的学号和姓名，控制区域由开始和结束两个按钮 组成。点击开始按钮，显示区域里的内容开始滚动，点击结束按钮，内容滚动停止，随机显示一位成员的学号和姓名。
2025-02-14 11:24:02
442
原创 Vue的学习（6）
目标：掌握 mutations 的操作流程，来修改 state 数据。State 提供唯一的公共数据源，所有共享的数据都要统一放到 Store 中的 State 中存储。尽管已经分模块了，但其实子模块的状态，还是会挂到根级别的 state 中，属性名就是模块名。例如：state中定义了list，为 1-10 的数组，组件中，需要显示所有大于5的数据。注意：默认模块中的 mutation 和 actions 会被挂载到全局，注意：默认模块中的 mutation 和 actions 会被挂载到全局，
2025-02-13 15:01:58
612
原创 Vue的学习（5）
1. 项目案例实现的基本步骤分哪两大步?① 配路由 ② 实现页面功能2. 嵌套路由的关键配置项是什么？children3. 路由传参两种方式？① 查询参数传参，$route.query.参数名(适合多个参数)② 动态路由传参，$route.params.参数名(更简洁直观)4. 缓存组件可以用哪个内置组件？keep-alive三个属性：两个钩子：自定义创建项目ESlint 代码规范目标：认识代码规范代码规范：一套写代码的约定规则。
2025-02-12 21:50:21
866
1
原创 Vue的学习（3）
组件三大组成部分的注意点：1. 结构：有且只能一个根元素2. 样式：默认全局样式，加上scoped局部样式3. 逻辑：data是一个函数，保证数据独立。组件通信什么是组件通信组件通信, 就是指组件与组件之间的数据传递。组件的数据是独立的，无法直接访问其他组件的数据。想用其他组件的数据 → 组件通信不同的组件关系 和 组件通信方案分类组件关系分类：1.父子关系2.非父子关系组件通信解决方案：父子通信流程图：1. 父组件通过props。
2025-02-08 18:49:04
633
原创 Vue的学习（2）
业务技术点总结：1. 渲染功能：2. 删除功能:点击传参 filter过滤覆盖原数组3. 修改个数：点击传参find找对象4. 全选反选：计算属性computed完整写法get/set5. 统计选中的总价和总数量: 计算属性条件求和6. 持久化到本地：watch监视，JSON.parse。
2025-02-06 23:37:02
848
原创 vue的学习（1）
Vue 是一个用于构建用户界面的渐进式 框架1. 构建用户界面：基于数据动态渲染页面2. 渐进式：循序渐进的学习3. 框架：一套完整的项目解决方案，提升开发效率↑(理解记忆规则规则 → 官网1. 什么是响应式呢？数据改变，视图自动更新使用 Vue 开发 → 专注于业务核心逻辑即可2. 如何访问或修改数据呢？data中的数据, 最终会被添加到实例上① 访问数据："实例.属性名"② 修改数据："实例.属性名" = "值"1. 什么是 Vue 指令呢？
2025-02-06 10:24:20
943
原创 js的学习（3）
1. for循环和while循环有什么区别呢：当如果明确了循环的次数的时候推荐使用for循环当不明确循环的次数的时候推荐使用while循环1.3 for 循环嵌套for 循环嵌套一个循环里再套一个循环，一般用在for循环里1. 想要数组末尾增加数据元素利用那个方法？arr.push()可以添加一个或者多个数组元素返回的是数组长度2. 想要数组开头增加数据元素利用那个方法？可以添加一个或者多个数组元素返回的是数组长度3.重点记住那个？arr.push()
2025-02-03 16:51:26
1026
原创 js的学习（4）
1. 什么是事件监听？就是让程序检测是否有事件产生，一旦有事件触发，就立即调用一个函数做出响应，也称为 注册事件2. 事件监听三要素是什么？事件源 (谁被触发了)事件类型 (用什么方式触发，点击还是鼠标经过等)事件处理程序 （要做什么事情）元素对象.addEventListener('事件类型'，要执行的函数)1.2 事件监听版本DOM L0事件源.on事件 = function() { }DOM L2事件源.addEventListener(事件， 事件处理函数)
2025-02-03 00:16:17
739
原创 js考核第二题
要求： 多个等宽的图片进行穿插排序成六列，并且在目前显示的最后一张 图片显示之后，再进行下拉时能够在进行加载其他图片，每次下拉 显示20-30张图片。
2025-02-02 22:10:43
100
原创 js的学习（1）
1. JavaScript是什么？JavaScript 是一种运行在客户端（浏览器）的编程语言2. JavaScript组成是什么？ECMAScript( 基础语法 )、web APIs （DOM、BOM）1.2 JavaScript 书写位置1. 内部 JavaScript直接写在html文件里，用script标签包住规范：script标签写在</body>上面拓展： alert(‘你好，js学习’) 页面弹出警告对话框2. 外部 JavaScript代码写在以.js结尾的文件里。
2025-02-02 22:07:14
843
原创 js的学习（3）
对象（object）:javaScript里的一种数据类型可以理解为是一种无序数组是有序的数据集合）用来描述某个事物，例如一个人人有姓名，年龄。。。。等信息，还有吃饭睡觉等功能（用多个变量保存比较零散，用对象统一些）还有描述 班主任 的信息：静态特征（姓名，年龄，身高，性别，爱好）=》可用数字，字符串，数组，布尔类型表示动态行为（点名，唱，跳，rap,篮球）=》使用函数表示1. 以后声明变量我们优先使用哪个？const。
2025-01-31 14:51:20
978
原创 Flex和Grid的学习
（1）. flex 布局含义 : flex 布局 , 也被称之为弹性盒子布局 , 是 CSS3 里面新增的一种布局方式 , 通过使用 flex 布局 , 我们可以让布局更加便捷高效。（2）如何触发弹性盒子 :给父元素添加 display 属性 , 并且将取值设置成 :flex3. 触发弹性盒子有哪些特点?1 子元素默认横向显示。2子元素会默认变成块级元素 , 能设置宽度高度。3 如果只有一个子元素的话 , 则给子元素添加 margin:auto 的时候。
2025-01-26 18:15:02
1024
原创 第四周的学习
无需解决，布局的时候上下的兄弟元素，只给一个设置上下外边距就可以了。个边框相关的属性，其他元素也可以用，这是我们第一次遇见它们。，一行中不能容纳下的行内元素，会在下一行继续从左到右排。，一行中不能容纳下的行内元素，会在下一行继续从左到右排。的 左右内边距是没问题的，上下内边距不能完美的设置。，如果按照这种分类方式，行内块元素应该算作行内元素。，不会与任何元素共用一行，是从上到下排列的。以元素左上角，为坐标原点，设置图片左上角的。不会影响盒子的大小，但会影响盒子的位置。会合并，取一个最大的值，而不是相加。
2024-11-17 15:28:24
1343
原创 第二周的学习
CSS 的 全称 称 为 ： 云层叠 样式表(·css 也是一种标记语言，用于给HTML 结构设置样式，例如：文字大小、颜色、元素宽高等等。简单理解：CSS可以美化HTML，让它更漂亮。核心思想：HTML搭建框架，CSS添加样式，实现：结构·和样式的分离。基本选择器特点用法通配选择器选中所有标签，一般用于清除样式。元素选择器选中所有同种标签，但是不能差异化选择。h1类选择器选中所有特定类名(class值)的元素——使用频率很高。ID选择器选中特定。
2024-11-03 11:53:15
1660
原创 一.CSS简介
结构设置样式，例如：文字大小、颜色、元素宽高等等。简单理解：CSS可以美化HTML，让它更漂亮。核心思想：HTML搭建框架，CSS添加样式，实现：结构·和样式的分离。也是一种标记语言，用于给。
2024-11-03 10:00:55
373
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人