- 博客(25)
- 收藏
- 关注
RSS订阅原创 JS题目12
{ url: './图片/1.jpg', title: '第一张' },{ url: './图片/2.jpg', title: '第二张' },{ url: './图片/3.jpg', title: '第三张' },{ url: './图片/4.jpg', title: '第四张' },{ url: './图片/5.jpg', title: '第五张' },{ url: './图片/6.jpg', title: '第六张' },{ url: './图片/7.jpg', title: '第七张' },
2025-02-16 07:54:25
238
原创 JS题目11
通过三个下拉菜单的联动来实现，第一级下拉菜单为省级，第二级 下拉菜单为市级，第三级下拉菜单为区级。"江苏省": ["无锡市", "扬州市", "南京市", ],"浙江省": ["杭州市", "宁波市", "嘉兴市",]"无锡市": ["宜兴区", "江阴区"],"扬州市": ["邗江区", "广陵区"],"南京市": ["玄武区", "秦淮区"],"杭州市": ["西湖区", "萧山区"],"宁波市": ["江北区", "镇海区"],"嘉兴市": ["南湖区", "秀洲区"],题十一：省市区三级联动。
2025-02-16 07:46:10
301
原创 JS题目10
div class="content">游戏结束，得分${snake.snakeBody.length - 3}</div>this.position = { left: 3 * size, top: 0 * size };// 初始化蛋的位置。// 蛇尾部倒数第二个。// 蛇尾部倒数第一个。// 初始化蛇的方向。// 初始化蛇的大小。// 初始化蛋的大小。// 重新渲染蛇身体。// 初始化蛇的身体，将传入的坐标乘以大小。// 监听键盘事件，控制蛇的方向。
2025-02-16 07:37:19
217
原创 JS题目9
1.鼠标移至图片上方，鼠标周围出现黄色的的正方形框，黄色矩形 框会随着鼠标的移动而移动；<img src="./图片/1.jpg" id="img-small"><img src="./图片/2.jpg" id="img-big">容的长和宽均放大2.4倍，并在图片右边进 行显示。2.将黄色正方形框里的内。
2025-02-16 07:33:46
286
原创 JS题目8
button type="button" class="btn" id="btn">发送</button>1.页面上漂浮字体大小不一、颜色不一，从左向右滚动的弹幕；2.底部中间有一个发送功能，可以发送新的弹幕；3.底部的发送部分可以向下收起和弹出。
2025-02-16 07:25:39
350
原创 JS题目5
二级学院：<input type="text" class="salary" name="salary" />班级：<input type="text" class="city" name="city" />专业：<input type="text" class="class1" name="cl" />辅导员：<input type="text" class="per1" name="per" />学号：<input type="text" class="age" name="age" />
2025-02-16 07:12:09
346
原创 JS 题目4
<a class="active" href="#">英雄联盟</a></li><li><a href="#">300英雄</a></li><li><a href="#">风暴英雄</a>
2025-02-16 07:06:49
380
原创 JS题目二
<img src="./图片/2.jpg" alt=""></div><div><img src="./图片/2.jpg" alt=""></div><div><img src="./图片/2.jpg" alt=""></div><div><img src="./图片/2.jpg" alt=""></div><div><img src="./图片/2.jpg" alt="">
2025-02-16 06:52:34
301
原创 VUE 8
优化：由 stores/index.js 统一导出，导入路径统一 `./stores`，而且仓库维护在 stores/modules 中。- 优化：由 stores 统一维护，在 stores/index.js 中完成 pinia 初始化，交付 main.js 使用。官方文档： https://element-plus.org/zh-CN/guide/quickstart.html。- 现在：初始化代码在 main.js 中，仓库代码在 stores 中，代码分散职能不单一。
2025-02-14 19:50:33
610
原创 VUE 7
说明：当打包构建应用时，JavaScript 包会变得非常大，影响页面加载。结果：在项目的根目录会自动创建一个文件夹`dist`, dist中的文件就是打包后的文件，只需要放到服务器中即可。配置：默认情况下，需要放到服务器根目录打开，如果希望双击运行，需要配置publicPath 配成相对路径。1. vite.config.js - 项目的配置文件 基于vite的配置。顶层组件可以向底层组件传递方法，底层组件调用方法修改顶层组件中的数据。的代码块，然后当路由被访问的时候才加载对应组件，这样就更加高效了。
2025-02-14 19:35:46
429
原创 VUE 6
使用 axios 来请求后端接口, 一般都会对 axios 进行 一些配置 (比如: 配置基础地址，请求响应拦截器等)2. 用户将来输入图形验证码，用于强制人机交互，可以抵御机器自动化攻击 (例如：避免批量请求获取短信)2. 不存在：提示 用户未登录，引导到登录页，登录完回跳。2. 登录前的校验 (手机号，图形验证码，短信验证码)2. 数字框的数字，应该是外部传递进来的 (父传子)1. 请求拦截器中，每次请求，打开 loading。2. 响应拦截器中，每次响应，关闭 loading。
2025-02-14 19:10:14
775
原创 VUE 5
State 提供唯一的公共数据源，所有共享的数据都要统一放到 Store 中的 State 中存储。mapState是辅助函数，帮助我们把 store中的数据 自动 映射到 组件的计算属性中。子模块的映射 mapGetters('模块名', ['xxx']) - 需要开启命名空间。vuex 是一个插件，可以帮我们管理 vue 通用的数据 (多组件共享的数据)① 直接通过模块名访问 $store.getters['模块名/xxx ']默认根级别的映射 mapGetters([ 'xxx' ])
2025-02-14 07:10:52
1698
原创 VUE 4
keep-alive 是 Vue 的内置组件，当它包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。keep-alive 是一个抽象组件：它自身不会渲染成一个 DOM 元素，也不会出现在父组件链中。<router-link to="/路径值" ></router-link>问题：网页打开， url 默认是 / 路径，未匹配到组件时，会出现空白。to="/my" 可以匹配 /my /my/a /my/b ....② exclude ： 组件名数组，任何匹配的组件都不会被缓存。
2025-02-08 22:42:54
784
原创 VUE 3
【集成了 webpack 配置】② style 样式 (可以支持less，需要装包 less 和 less-loader )单向数据流：父级 prop 的数据更新，会向下流动，影响子组件。收集数据 v-model → 监听事件 → 子传父传递任务 → 父组件 unshift。最终效果: 必须是当前组件的元素, 才会有这个自定义属性, 才会被这个样式作用到。每次创建新的组件实例，都会新执行一次 data 函数，得到一个新对象。提供数据(公共父组件) → 父传子传递 list → v-for 渲染。
2025-02-07 23:10:29
536
原创 VUE 2
② 数组 → 数组中所有的类，都会添加到盒子上，本质就是一个 class 列表。概念：基于现有的数据，计算出来的新属性。依赖的数据变化，自动重新计算。v-model v-model修饰符(.trim .number)② 作为方法，需要调用 → this.方法名( ) {计算属性会对计算出来的结果缓存，再次使用直接读取缓存，② 作为属性，直接使用 → this.计算属性 {作用：封装了一段对于数据的处理，求得一个结果。依赖项变化了，会自动重新计算 → 并再次缓存。{ 方法名() }} @事件名="方法名"
2025-02-07 19:49:01
361
原创 JavaScript
元素的尺寸与位置获取宽高：offsetWidth和offsetHeight，包含padding和边框，获取出来的是数值，如果盒子隐藏，获取的结果为0获取位置：获取元素距离自己定位父级元素的左、上距离不受父亲的影响offsetLeft和offsetTop 注意只是读属性方法返回元素的大小及其相对于视口的位置，语法：element.getBoundingClientRect()color:red;
2025-01-27 21:26:33
658
原创 JavaScript
使用方法：元素.addEventListener(‘click’, function(e) {}),其中e可换为ev,event。如：鼠标点击事件中，事件对象就存了鼠标点在哪个位置等信息。console.log(div.clientHeight)//知道盒子多高（不包含边框）console.log(div.clientWidth)//知道盒子多宽（不包含边框）//1.console.log(e.target)//就是我们点击 的对象。console.log(str.trim())//去除左右的空格。
2025-01-27 21:08:01
1746
原创 JavaScript
let arr = ['赵云' , '黄忠', '关于', 'zhangfei', '么超', '刘备', 'caocao']参数：包含一个或多个的有效的css选择器字符串！DOM对象（重要）：浏览器根据标签生成的JS对象，所有的标签属性都能在这里找到，修改对象的属性会自动映射到标签身上。获取DOM元素：选择匹配的第一个元素 ， 语法：document.querySelector(’ css选择器’)表单里面的单标签用value获取里面的内容，像button这样的双标签用innerHTML获取里面的内容！
2025-01-27 20:46:02
1486
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人