- 博客(78)
- 收藏
- 关注
RSS订阅原创 nvm的安装教程
2.NVM 将被安装到 C:\Program Files\nodejs 目录下。2.删除C:\Users\用户名\AppData\Roaming目录下的。nvm install 10.15.0 //安装指定的版本的nodejs。删除C:\Users\用户名\AppData\Local\目录下的。nvm list available //显示可下载版本的部分列表。nvm use 10.15.0 //使用指定版本的nodejs。nvm list //查看目前已经安装的版本。一、删除node.js。
2024-07-17 23:00:40
269
原创 web蓝桥杯真题：新鲜的蔬菜
1.flex布局align-self控制子项自己在侧轴的排列方式（单个）2.:nth-child(n) 1 2div:nth-child(n) //返回div父元素(span)下第n个div元素， ！！而不是div的子元素
2024-04-10 16:56:36
445
原创 flex布局的学习笔记
0.父元素称为元容器，子元素称为项目1.给父盒子添加diasplay: flex;则子元素全部转为块元素，可写宽度，不需要 再添加/清除浮动，水平居中2.布局原理：通过给父盒子添加flex属性，来控制子盒子的位置和排列方式数值越小，越靠前，默认0。
2024-04-10 16:50:13
577
原创 web蓝桥杯真题：年度明星项目
1.元素移除element.remove() //删除一个子节点parent.removeChild(child) //删除一个子节点并返回删除的节点。2.元素添加element.append() //添加多个节点，没有返回值parent.appendChild(child) //追加单个节点，返回追加的 Node 节点3.子元素选择(.list > ul) //.list类名下的ul标签元素4.请求ajax.get({url: '...'}).then(res => { ...}
2024-04-09 21:13:20
527
原创 web蓝桥杯真题：外卖给好评
子组件可以使用 $emit,让父组件监听到自定义事件//父组件function(子组件传递来的参数) {}//子组件this.$emit('父组件定义函数', 需要传递的参数)
2024-04-09 16:18:13
314
原创 Promise学习笔记
promise是ES6引入的异步编程的新解决方案，语法promise是一个构造函数，用来封装异步操作并可以获取其成功或失败的结果解决回调地狱问题。
2024-04-07 23:22:30
431
原创 web蓝桥杯真题：收集帛书碎片
1.Set 集合（set）中的元素只会出现一次，即集合中的元素是唯一的。const set = new Set() //定义一个set对象set.add() //添加set.delate() //删除set.has() //是否存在，返回布尔值set.size //返回大小
2024-04-07 23:07:42
180
原创 web蓝桥杯真题：图片水印生成
1.创建元素document.createElement(element)const div= document.createElement("div")2.倾斜角度transform = 'rotate(' + deg + 'deg)'3.插入元素appendChild(element)
2024-04-07 21:57:54
337
原创 web蓝桥杯真题：健身大调查
属性选择器let div = document.querySeletor('[name="male"]:checked') 分割字符串array.join('') //数组变为字符串array.join('、') //数组的，分隔符变为、
2024-04-02 20:12:17
416
原创 web蓝桥杯真题：输入搜索联想
1.大小写转换str.toUpperCase() //转大写str.toLowerCase() //转小写2.过滤器let newArr = array.filter((item,index,arr) => { ...}) //数组过滤器，符合条件直接return，返回一个新数组3.一些元素查找方法includes()是否包含，返回布尔值，indexOf()找到就返回下标，否则返回-1find()返回符合条件的第一个元素，findIndex()返回符合条件的第一个
2024-04-02 17:27:28
396
原创 小程序在电脑中测试没问题，在浏览/真机测试时，却一直失败
在电脑中测试没问题，在浏览/真机测试时，却一直失败原因：没有添加域名解决：在request添加域名
2024-04-02 16:55:09
612
原创 微信小程序项目太大，打包不了了的问题
项目需要的一些图片，直接把图片链接装在一个数组里使用的，没想到那个图片，我引用的网址也是占内存的。最后解决方法就是：把图片链接的数组也放static文件夹里就好了
2024-03-30 20:23:12
221
原创 请求接口时params和body都需要数据时该怎么传？
params需要数据，body也需要数据时该怎么写？params的数据可拼在url上，body的数据在data里传过去
2024-03-30 20:19:21
412
原创 微信小程序uniapp+vue3+ts+pinia的环境搭建
一.创建uniapp项目通过vue-cli创建二.安装依赖：1.pnpm i2.运行项目：将package.json的3.导入微信小程序开发工具打开微信开发者工具, 导入 dist\dev\mp-weixin 运行三. TS 类型校验在tsconfig.json文件中"compilerOptions"配置项内添加"ignoreDeprecations": “5.0”在配置完成后，vue组件就会提示报错信息四. JSON 注释问题。
2024-03-29 23:28:53
4492
3
原创 web蓝桥杯真题：布局切换
1.动态添加类名2.控制显示v-if="条件" v-else3.请求数据axios.get('url').then(res => { ...})
2024-03-23 11:19:56
251
原创 web蓝桥杯2022省赛真题：冬奥大抽奖
知识点：1.一个周期的循环数值：对周期取余2.添加类名：element.classList.add('类名')3.删除类名：element.classList.remove('类名')
2024-03-22 22:45:46
333
原创 web蓝桥杯2022省赛真题：水果拼盘
flex弹性布局父元素：diasplay: flex;flex-direction属性决定主轴方向,属性row，从左往右（x轴）,属性column，从上到下（y轴）justify-content设置主轴上元素的排列方式flex-wrap设置子元素是否换行align-items设置侧轴的子元素排列方式（单行）align-content设置侧轴的子元素排列方式（多行）
2024-03-22 21:45:29
409
原创 web蓝桥杯真题：折叠手风琴
4.数组循环array.forEach((item, index, arr) => { })3.删除元素：element.classList.remove('类名')2.添加元素：element.classList.add('类名')1.排他思想口诀：先干到所有人，再复活自己。
2024-03-22 20:44:50
400
原创 web蓝桥杯真题：菜单树检索
array.forEach(callbackFn(currentValue, index, arr), thisValue)箭头函数 forEach((element, index, array) => { /* … */ })created是一个生命周期钩子函数，在Vue实例创建后立即调用，在函数中，我们可以进行一些初始化操作，如请求函数set去重const set = new Set() set.add(1) //在不重复的情况下添加 set.delete(1) //删除
2024-03-20 16:48:46
235
原创 web蓝桥杯真题：灯的颜色变化
1.延时器 setTimeout(function, time)指定毫秒数之后调用函数，只执行一次2.定时器 setInterval(function, time)指定毫秒数为周期不断调用函数，直到clearInterval()被调用或窗口关闭，setInterval()会返回一个id值可作为clearInterval()的参数
2024-03-20 15:04:45
396
原创 web蓝桥杯真题：商品销量和销售额实时展示看板
知识点：1.Object.keys()返回一个该对象的全部key的数组2.Object.values()返回一个该对象的全部value的数组
2024-03-19 17:00:25
296
原创 web蓝桥杯真题：粒粒皆辛苦
知识点：1.axios请求axios.get(url).then(res => console.log('获取url的数据：', res))2.push添加数组元素array.push('value')3.for...in遍历对象
2024-03-19 16:22:02
132
原创 web蓝桥杯真题：和手机相处的时光
1.'value'数值轴适用于连续数据。如果type设置成value，xAxis.data里面设置的数据无效，因为xAxis.data是为category服务的。2.'category'类目轴适用于离散的类目数据。为该类型时，类目数据可自动从 series.data 或 dataset.source 中获取，或者可通过 xAxis.data 设置类目数据获取
2024-03-18 13:10:44
408
原创 开发遇到的bug：设置好的请求头不起作用
问题：封装请求函数的文件有两个，相当于有两个拦截器，后一个的拦截器覆盖了前一个，所以导致前一个的请求头不起作用。，我已经在拦截器里设置添加了该请求头，但实际请求却一直是。解决：把后一个封装的请求函数删掉，(即拦截器只保留一个)前言：有个接口的请求头是。
2024-03-18 12:12:30
867
原创 js开发，使用region注释将代码折叠
前言：有时需要写多个函数来实现一个功能，按函数折叠代码看起来还是很多，为了开发时将已经开发完的功能折叠起来，可以用region注释
2024-03-16 15:59:07
1059
原创 web蓝桥杯真题：绝美宋词
1.v-html指令它可以设置元素的 innerHTML 属性，从而实现 html 结构的解析和渲染2.axios获取数据axios.get(url).then(res => console.log(res))3.for...in该循环将迭代对象本身的所有可枚举属性for (variable in object) statement
2024-03-16 15:01:28
740
原创 web蓝桥杯真题：搜一搜呀
如果匹配成功，则返回正则表达式在字符串中首次匹配的索引；对象中执行正则表达式的搜索，寻找匹配项。1.过滤器array.filter()
2024-03-16 11:20:32
464
原创 web蓝桥杯真题：分一分
1.数组排序函数：升序：(a, b) => a - b2.数组插入元素：array.push(value)3.分割数组slide()返回数组，不改变原数组splide()，返回数组，改变原数组，移除或者替换已存在的元素和/或添加新元素
2024-03-13 21:20:56
430
原创 web蓝桥杯真题：蓝桥校园一卡通
正则匹配：{n,m}：匹配前面的模式至少 n 次且不超过 m 次。^：匹配字符串的开头。$：匹配字符串的结尾。\d ：[0~9] || 匹配一个数字 /^18\d{8}$/\ ：后加特殊字符match()方法：返回一个数组，其中存放了与它找到的匹配文本有关的信息。test()方法：检查字符串是否与给出的正则表达式模式相匹配，返回Boolean。
2024-03-13 17:17:37
616
原创 web蓝桥杯真题：不能说的秘密
1.随机整数生成：min~max间的随机数：Math.floor(Math.random() * (max - min + 1) + min)2.字符串拼接：str += str2
2024-03-13 16:40:38
342
原创 web蓝桥杯真题：分阵营，比高低
1.数组排序：arr.sort(compareFn)基础升序函数和按数组内对象内某个属性排序2.过滤器：常用于筛选数组
2024-03-12 22:53:28
505
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人