- 博客(74)
- 收藏
- 关注
RSS订阅
原创 有关创建uni-app小程序项目的起步介绍
然后进行注册并验证相关信息，自己创建一个小程序，创建成功后就生成一个小程序详情。点击后获取到其id ，然后一定记得下载一个微信开发者工具，把启动路径在。这里记得选uni-app创建，然后根据需要勾选vue的版本，确定好目录以及位置就可以创建了，这里以微信小程序为例子。1.先进入微信公众平台注册账户(首先我们在创建小程序项目时这里推荐使用。可以更好快速的创建一个空的小程序项目。hbuilderx里配置好就欧克了。
2022-11-11 19:14:33
140
2
原创 解决安装用npm出现以下异常报错的解决方案
在你所要安装的命令行后加上‘--legacy-peer-deps’本人是在react中遇到，但同样可以解决Vue中遇到此种报错。这样就可以解决异常报错的问题。以安装axios为例。
2022-11-09 20:55:31
4205
2
原创 es6数组解构和对象解构
ES6 允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构（Destructuring），解构的本质属于“模式匹配”，只要等号两边的模式相同，左边的变量就会被赋予对应的值。如果解构不成功，变量的值就.ES6 允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构（Destructuring），解构的本质属于“模式匹配”，只要等号两边的模式相同，左边的变量就会被赋予对应的值。如果解构不成功，变量的值就.
2022-09-19 18:50:25
198
1
原创 npm安装依赖报错 npm code ERESOLVEnpm ERESOLVE unable to resolve dependency tree
在i vue-router （路由）时出现了这个错误。npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!翻译后大意是代码无法解析依赖关系树。
2023-02-13 19:37:50
867
3
原创 Vue中路由跳转传参方式详解
跳转到指定 url 路径，但是 history 栈中不会有记录，点击返回会跳转到上上个页面 (就是直接替换了当前页面) ==>> 栈的方式（先进后出）跳转到指定 url 路径，并向 history 栈中添加一个记录，点击后退会返回到上一个页面 ==>> 队列的方式（先进先出）类似 get，跳转之后页面 url 后面会拼接参数，类似?类似 post，跳转之后页面 url 后面不会拼接参数，但是刷新页面 id 会消失。点击路由链接，跳转到新的页面，可以返回到当前路由界面。编程式路由导航（js的方式）
2023-01-31 22:49:04
1764
原创 pinia的基本使用
getters是defineStore参数配置项里面的另一个属性，前面我们讲了state属性。getter属性值是一个对象，该对象里面是各种各样的方法。大家可以把getter想象成Vue中的计算属性，它的作用就是返回一个新的结果，既然它和Vue中的计算属性类似，那么它肯定也是会被缓存的，就和computed一样。代码示例(这里拿user.js举例，上方在说模块化引入有提到)import {// 第一个参数是应用程序中 store 的唯一 id// 其它配置项state() {
2022-12-09 20:46:18
478
原创 Vue3中router的基本配置以及使用
第四步 ： 创建两个子路由文件，并在src目录下创建文件夹views。第二步 ： 创建文件夹router，并创建一个index.js文件。第三步 ： 进行 index.js 的相关配置。第五步 ： 在main.js中进行相关配置。第一步 ： 安装router。编程式路由的基础写法。
2022-12-08 16:09:07
1967
原创 PC端配置定位服务步骤(依赖于腾讯位置服务)
上方代码涵盖ubi-app小程序端的地理位置配置。这里必须配置，不可以忘，否则会出现报错。第四步 ： 获取经纬度值，从而得到地址。（let url的地址由来）
2022-11-28 14:52:29
1130
原创 uni-app运行出现TypeError: (0 , _shop.default) is not a function报错的解决方式
import的格式写错了，导入方法的时候，方法应该用大括号括起来；导入组件时则不需要，例如。
2022-11-24 21:25:31
3443
原创 深拷贝中递归方法的解释
/ 此时再次调用函数进行判断 此时的 newobj[key] /newobj['hobby'] 是一个空数组 ，而value是 ['吃饭','睡觉','打豆豆'] ，此时的 obj[key] 中的key就是下标了，即 0，1，2，所以这时的value就是 '吃饭','睡觉','打豆豆'// 第二次 ： key是hobby ，即obj[key] === obj['hobby'] 所以值为 ['吃饭','睡觉','打豆豆'] 然后进行判断。判断类型是基本数据类型，直接赋值。
2022-11-19 11:19:32
100
原创 什么是深拷贝与浅拷贝(多种方法)
首先，先了解深浅拷贝的含义： 浅拷贝 就是通过赋值的方式进行拷贝，那为什么说这是浅拷贝呢？ 就是因为赋值的方式只会把对象的表层赋值给一个新的对象，如果里面有属性值为数组或深拷贝：深拷贝是指，拷贝对象的具体内容，二内存地址是自主分配的，拷贝结束之后俩个对象虽然存的值是一样的，但是内存地址不一样，俩个对象页互相不影响，互不干涉 深拷贝的几种方深拷贝：深拷贝是指，拷贝对象的具体内容，二内存地址是自主分配的，拷贝结束之后俩个对象虽然存的值是一样的，但是内存地址不一样，俩个对象页互相不影响，互不干涉 深拷贝的几种方
2022-11-18 23:48:29
207
7
原创 es6语法之箭头函数的this指向
箭头函数 1. 箭头函数语法 箭头函数是 ES6 新增的特性， 通过使用 => 定义函数的新语法 箭头函数表达式的语法比函数表达式更简洁，并且没有自己的this，arguments，super 或 箭头函数 1. 箭头函数语法 箭头函数是 ES6 新增的特性， 通过使用 => 定义函数的新语法 箭头函数表达式的语法比函数表达式更简洁，并且没有自己的this，arguments，super 或 箭头函数 1. 箭头函数语法 箭头函数是 ES6 新增的特性， 通过使用 => 定义函数的新语法 箭头函数表达式的语
2022-09-16 13:45:06
162
原创 javascript初级动态效果之使用原生js实现轮播图效果
JS实现的N多简单无缝滚动代码(包含图文效果)本文实例讲述了JS实现的N多简单无缝滚动代码。分享给大家供大家参考，具体如下：实现原理很简单，注册事件之后，立即将元素的innerHTML累加一次。接着滚动开始，当滚动条...JS实现的N多简单无缝滚动代码(包含图文效果)本文实例讲述了JS实现的N多简单无缝滚动代码。分享给大家供大家参考，具体如下：实现原理很简单，注册事件之后，立即将元素的innerHTML累加一次。接着滚动开始，当滚动条...JS实现的N多简单无缝滚动代码(包含图文效果)本文实例讲述了JS实现
2022-09-01 22:35:07
1129
12
原创 javascript 初阶内容之正则表达式的讲解以及案例
正则表达式概念 1. 用来验证字符串是否符合规则 2. 从字符串中获取一部分符合规则的内容 创建正则对象 通过new关键字来声明一个正则对象 第一个参数：正则的主体， 字符串 第二个参数 ：修饰符 字符串 i 不...正则表达式概念 1. 用来验证字符串是否符合规则 2. 从字符串中获取一部分符合规则的内容 创建正则对象 通过new关键字来声明一个正则对象 第一个参数：正则的主体， 字符串 第二个参数 ：修饰符 字符串 i 不...正则表达式概念 1. 用来验证字符串是否符合规则 2. 从字符串中获取一部分
2022-09-01 22:15:43
277
19
原创 javascript内置对象篇——Math对象基础讲解知识附案例
Math对象 1.引入 我们上一次课学习了Date对象，同时也带着大家写了一个有关于Date的应用实例:日历，那么接下来我们一起来学习一个新的对象：Math对象。 2.Math对象概述 Math 是一个内置对象，它拥有一些数学常数...Math对象 1.引入 我们上一次课学习了Date对象，同时也带着大家写了一个有关于Date的应用实例:日历，那么接下来我们一起来学习一个新的对象：Math对象。 2.Math对象概述 Math 是一个内置对象，它拥有一些数学常数...Math对象 1.引入 我们上一次课学习
2022-08-29 16:18:22
231
5
原创 JavaScript排他思想小例子之按钮的点击效果
排他思想(算法) 给一组相同的元素添加相同的事件，利用for循环来实现。 代码验证 按钮1 按钮2 按钮3 ...排他思想(算法) 给一组相同的元素添加相同的事件，利用for循环来实现。 代码验证 按钮1 按钮2 按钮3 ...排他思想(算法) 给一组相同的元素添加相同的事件
2022-08-22 19:08:14
1183
19
原创 javascript随机猜数字，每次结果不一样
本博文源于js基础，旨在讨论如何实现猜随机数的小游戏。题目重现 随机生成一个[0,100]区间的数字，不断重复用户输入，直到用户输入对为止。实现原理 先用Math.random生成一本博文源于js基础，旨在讨论如何实现猜随机数的小游戏。题目重现 随机生成一个[0,100]区间的数字，不断重复用户输入，直到用户输入对为止。实现原理 先用Math.random生成一本博文源于js基础，旨在讨论如何实现猜随机数的小游戏。题目重现 随机生成一个[0,100]区间的数字，不断重复用户输入，直到用户输入对为止。实现原理
2022-08-18 19:21:20
764
5
原创 JAVASCRIPT之函数-输入秒J数转换成时分秒的一个小效果
转换为时分秒的公式： 例如，用户输入的是2300秒，那么就创建一个变量接收用户输入的2300秒，然后用公式转换为所需的时分秒即可。// 用户输入任意秒数, 函数计算该毫秒数js 实现时分秒的转换 一、题目： 用代码实现： 输入一个数字作为秒数，在页面按小时、分钟、秒的格式输出（如输入600，页面显示：0小时10分0秒） 二、解题思路： 1.首先要清楚js 实现时分秒的转换 一、题目： 用代码实现： 输入一个数字作为秒数，在页面按小时、分钟、秒的格式输出（如输入600，页面显示：0小时10分0秒） 二、解题思
2022-08-16 00:45:00
1002
21
原创 JavaScriput中数组去重方法之indexof()
indexOf() 方法可返回数组中某个指定的元素位置。 该方法将从头到尾地检索数组，看它是否含有对应的元素。开始检索的位置在数组 start 处或数组的开头（没有指定 start 参数时）。如果找到一个 item，则返回 item ...indexOf() 方法可返回数组中某个指定的元素位置。 该方法将从头到尾地检索数组，看它是否含有对应的元素。开始检索的位置在数组 start 处或数组的开头（没有指定 start 参数时）。如果找到一个 item，则返回 item ...indexOf() 方法可返回数
2022-08-12 16:40:31
340
13
原创 在JavaScript中数字的冒泡排序的讲解
、什么是冒泡排序？ 冒泡排序的英文Bubble Sort，是一种最基础的交换排序。之所以叫做冒泡排序，因为每一个元素都可以像小气泡一样，根据自身大小一点一点向数组的一侧移动。 冒泡排序的原理： 每一趟只能确定将、什么是冒泡排序？ 冒泡排序的英文Bubble Sort，是一种最基础的交换排序。之所以叫做冒泡排序，因为每一个元素都可以像小气泡一样，根据自身大小一点一点向数组的一侧移动。 冒泡排序的原理： 每一趟只能确定将、什么是冒泡排序？ 冒泡排序的英文Bubble Sort，是一种最基础的交换排序。之所以叫做
2022-08-11 11:23:03
362
7
原创 JavaScript中for循环小练习之水仙花数
什么是水仙花数 水仙花数是指一个 3 位数，它的每个位上的数字的 3次幂之和等于它本身。（例如：1^3 + 5^3 + 3^3 = 153）。 算法分析 1.水仙花数是一个三位数,所以它的取值范围是100 ~ 999,所以我们需要循环遍历10水仙花数问题描述3位水仙花输出100-999之内的所有水仙花三位及以上水仙花 问题描述 水仙花数是指一个3位数，它的每个位上的数字的3次幂之和等于它本身，例如：13+53+3^3=153。 3位水仙花 代码 import java.util....5.2万+0...啊飒
2022-08-10 19:12:26
1630
19
原创 javaScript的for循环语句练习之解决鸡兔同笼问题（基础版）
JavaScript的for循环语句练习之鸡兔同笼上一篇文章我们说到了JavaScript中的for循环语句，今天我们来说一下for循环的有关练习，来加强一下对for循环的使用，因为for循环在后面整个的JavaScript中都很重要，比如说tab...JavaScript的for循环语句练习之鸡兔同笼上一篇文章我们说到了JavaScript中的for循环语句，今天我们来说一下for循环的有关练习，来加强一下对for循环的使用，因为for循环在后面整个的JavaScript中都很重要，比如说tab.....
2022-08-09 09:52:33
2572
9
原创 Javascriput中数组的创建以及最值的求法
var arr=[1,231,33,33,9999,9999,9339,1011]; 求数组中的最大值 总结总结了6个方法,排序的就选了个冒泡排序为代表 1 Array.prototype.getMax1=function(){ 2 return this.sort(function(a,b){ 3 return a-b 4 })[this...var arr=[1,231,33,33,9999,9999,9339,1011]; 求数组中的最大值 总结总结了6个方法,排序的就选了个冒泡排序为代表 1 Arr
2022-08-08 11:01:48
201
12
原创 javascript数组的入门之遍历数组
ava中数组有for循环和for each循环两种遍历方式，在js中 for < script > /*这是for循环*/ var names = ["yi", "ya"]; for (var i = 0; i < names. length; i ++) {console. log (names [i]);} foreach的循环体部分展示如下 for(var i in names){ console.log(names[i]); }ava中数组有for循环和for each循环两...
2022-08-05 20:14:08
229
3
原创 web移动开发之flex（弹性盒子---知识点篇第二章）
，你不如去接受它 ❤️ 前端基础知识第二章---移动WEB开发之flex布局 一、flex布局体验 （1）传统布局与flex布局 （2）flex布局初体验 二、flex布局原理 三、flex布局父项常见...，你不如去接受它 ❤️ 前端基础知识第二章---移动WEB开发之flex布局 一、flex布局体验 （1）传统布局与flex布局 （2）flex布局初体验 二、flex布局原理 三、flex布局父项常见...，你不如去接受它 ❤️ 前端基础知识第二章---移动WEB开发之flex布局 一、flex布局体
2022-08-04 17:10:20
102
原创 web移动开发之flex（弹性盒子---知识点篇）
本文讲解了移动web开发的flex布局,如果本文对你有所帮助请三连支持博主,你的支持是我更新的动力,先赞后看养成习惯。以下是本篇文章正文内容一、flex 布局体验1.1 传统布局与flex布局...flex布局原理 2、flex布局父项常见属性 3、align-content设置侧轴上的子元素的排列方式(多行) 1,flex是flexible Box的缩写,意为弹.....
2022-08-03 19:32:33
727
5
原创 在JavaScript中利用代码来实现ATM的效果，具有存钱，取钱，查看余额，退出功能
模拟简易的ATM机，模拟银行取钱存钱。 题目描述有四个功能： 存钱 取钱 显示余额 退出 注意： 默认里面本身有100块钱。 如果存钱，就用输入的钱数加上先前的钱，然后弹出余额。 如果取钱，就减去取的钱，然后.... 查询 2. 取钱 3. 存钱 4. 转账 5. 修改密码 6. 返回上一级')-0; switch(num) { case1: getMoney();//查询 break; case2: takeMoney();//取钱 break......
2022-08-02 03:15:00
1204
5
原创 在JavaScript中实现用户输入一个个位数字，自动帮其补两个0，2位补一个，三位不补
本章节介绍一下如何实现对数字保留两位小数效果，如果数字的原本小数位数不到两位，那么缺少的就自动补零，这个也是为了统一的效果，先看代码实例:function returnFloat(value){var value=Math.round(parseFloat...本章节介绍一下如何实现对数字保留两位小数效果，如果数字的原本小数位数不到两位，那么缺少的就自动补零，这个也是为了统一的效果，先看代码实例:function returnFloat(value){var value=Math.round(parseFl
2022-08-01 22:05:05
1289
6
原创 javascript中continue关键字和break关键字的区别
.continue 用于跳过循环中的一个迭代，并继续执行循环中的下一个迭代。. 2.continue 与 break 语句的区别是， break 是结束整个循环体，continue是结束单次循环。. 3.但.continue 用于跳过循环中的一个迭代，并继续执行循环中的下一个迭代。. 2.continue 与 break 语句的区别是， break 是结束整个循环体，continue是结束单次循环。. 3.但......
2022-07-31 20:34:57
477
3
原创 利用javascript编写用户输入两个数，计算两个数字之间所以数字的和
JavaScript求两个数字之间所有数字的和 这是在fcc上的中级算法中的第一题,拉出来的原因并不是因为有什么好说的,而是我刚看时以为是求两个数字的和, ..利用javascript编写用户输入两个数，计算两个数字之间所以数字的和，JavaScript求两个数字之间所有数字的和 0 2017-01-07 00:00:05 这是在fcc上的中级算法中的第一题,拉出来的原因并不是因为有什么好说的,而是我刚看时以为是求两个数字的和, ..利用javascript编写用户输入两个数，计算两个数字之间所以数字的和
2022-07-30 22:57:02
8352
13
原创 用javascript来实现计算用户输入用电量，自动计算出电费多少，分三档计费
某电价规定：月用电量在150千瓦时及以下部分按每千瓦时0.4463元收费，月用电量在151~400千瓦时的部分按每千瓦时0.4663元收费，月用电量在401千瓦时及以上部分按每千瓦时0.5663元收费。 请编写一个程序，根据输入的月用电量（单位以千瓦时计），按该电价规定计算某电价规定：月用电量在150千瓦时及以下部分按每千瓦时0.4463元收费，月用电量在151~400千瓦时的部分按每千瓦时0.4663元收费，月用电量在401千瓦时及以上部分按每千瓦时0.5663元收费。 请编写一个程序，根据输入的月用电量
2022-07-29 11:52:10
1385
16
原创 通过js来实现一元二次方程的效果，输入a,b,c系数后可计算出x1和x2的值
通过JSP求解一元二次方程的解 文章目录通过JSP求解一元二次方程的解一、问题描述二、具体实现1.代码2.程序结构图 一、问题描述 通过创建JSP表单和服务器来接收和计算传入 在线一元二次方程计算器实例求方程的根，用三个函数分别求当b^2-4ac大于0、等于0、和小于0时的根，并输出结果。从主函数输入a、b、c的值。一般式：ax²+bx+c=0（a≠0） 其中a是二次项系数，b是一求方程的根，用三个函数分别求当b^2-4ac大于0、等于0、和小于0时的根，并输出结果。从主函数输入a、b、c的值。一般式：ax
2022-07-28 20:26:41
2274
19
原创 Javascript中for循环基础练习题弹出输入框接收班级人数，根据人数接收分数，计算班级平均数与总分数
弹出输入框输入总的班级人数 (num)// 依次输入学生的成绩（ 保存起来 score）， 此时我们需要用到// for 循环， 弹出的次数跟班级总人数有关系 条件表达式 i
2022-07-27 19:22:34
932
原创 Javascript中简单数据类型的转换
js中的布尔类型转换 在js中经常会遇到其他类型的值转换为布尔类型的情况,总的来说js中的值可以分为以下两类 : (1) 可以被强制类型转换为 false 的值 (2) 其他(被强制类型转换为 true 的值) (1) 可以被强制类型转换为 false ...js中的布尔类型转换 在js中经常会遇到其他类型的值转换为布尔类型的情况,总的来说js中的值可以分为以下两类 : (1) 可以被强制类型转换为 false 的值 (2) 其他(被强制类型转换为 true 的值) (1) 可以被强制类型转换为 false
2022-07-26 18:02:05
549
7
原创 简单的介绍在html中form表单元素的特性
(起始标签和结束标签中的内容是默认值) rows 属性设置可以显示几行的高度 cols 属性设置每行可以显示几个字符宽度 -->
2022-07-25 20:30:41
168
2
原创 学习前端前期想做出轮播图效果之swiper插件的介绍
swiper是什么？ swiper是一款轻量级的轮播图插件，不仅支持pc端更是为移动端而生，用它可以快速地做出一个轮播图，或者扩展使其做出复杂的轮播效果。 基本用法 swiper使用需要两个文件，一个是swiper.css，里面..swiper是什么？ swiper是一款轻量级的轮播图插件，不仅支持pc端更是为移动端而生，用它可以快速地做出一个轮播图，或者扩展使其做出复杂的轮播效果。 基本用法 swiper使用需要两个文件，一个是swiper.css，里面..swiper是什么？ swiper是一款轻量级的
2022-07-23 16:38:12
969
10
原创 css中transform属性的详细介绍
css中的transform属性 定义 CSS中的transform属性允许你旋转，缩放，倾斜或平移给定元素。这是通过修改CSS视觉格式化模型的坐标空间来实现的 帮助文档 快捷键目录标题文本样式列表链接代码片表格注脚注释自定义列表在CSS3中transform主要包括以下几种：旋转rotate、扭曲skew、缩放scale和移动translate以及矩阵变形matrix。 一、旋转rotate rotate() ：通过指定的角度参数对原元素指定一个2D rotation（2D 旋转），需先有........
2022-07-22 15:27:34
2424
6
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人