自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(59)
  • 问答 (10)
  • 收藏
  • 关注

原创 uniapp在自定义tabbar上动态修改svg图标颜色和字体颜色

效果图如下:-- 选中的svg --></view>-- 未选中的svg --></view>currentIndex:是父组件传递过来的需要选中的下标fixed:是否固定底部themeColor:主题色tabbarChange:切换tabbar的事件// 将对应的svg导入进来props: {// 当前索引default: 0},},data() {return {// 主题色// tabbar数据"text": "首页"},"text": "分类"

2024-06-06 17:37:17 1902 1

原创 解决uniapp里的onNavigationBarSearchInputClicked不生效

有的浏览器支持,但是有的浏览器不生效,原因是浏览器设置 disabled 的 input 元素不支持点击事件。1、在page.json里配置。

2024-06-01 12:17:14 513 1

原创 vue3对象数组格式的动态表单校验

如你有一个表单,表单内容是对象,但是对象内还有可动态循环的数组进行动态表单校验。表单对象单独写一个rules,里面的数组表单可直接索引动态绑定prop来设置。

2024-05-10 23:01:02 811 1

原创 vue3实现动态表格

vue3结合element-plus实现动态表格,可添加、删除、对单行数据判断。

2024-05-10 21:59:36 552

原创 vue使用screenfull实现全屏模式

vue实现全屏模式可以通过第三方依赖

2024-05-09 21:25:39 398

原创 vue3实现电子签名的方法

vue3实现电子签名且对电子签名可进行修改画笔粗细、画笔颜色、撤销、清屏、保存等功能。

2024-05-08 18:43:13 955 1

原创 如何使用Vite创建vue项目中配置别名和扩展名

在vite.config.js中,通过resolve模块解析规则,设置别名、扩展名等。

2024-04-25 20:59:15 869 2

原创 使用Vite创建vue项目运行后Network地址不是网络IP?

如果你使用 Vite 创建 Vue 项目并运行时,看到提示 Network: use --host to expose,这表示 Vite 开发服务器默认仅监听本地地址(localhost 或 127.0.0.1),如果你想让其他设备能够通过网络IP访问该项目,你需要配置 Vite 使其监听所有可用网络,而不是仅限本地。

2024-04-25 20:28:41 624

原创 Vue实现动态引入组件

已封装好的子组件:childCompoent.vue。这样一个动态引入组件就实现了。

2024-04-20 21:30:59 332

原创 Vue3实现图片懒加载

通过第三方插件VueUse完成图片懒加载

2024-04-04 18:37:17 564 1

原创 Vue3框架下的顶尖UI组件库大盘点

推荐几款适合vue3框架的ui组件库,包括适用后台管理及移动端。

2024-04-03 19:35:49 4006

原创 vue3+vite项目使用本地图片打包后不显示

vue3+vite项目使用本地图片打包后不显示。

2024-01-06 17:46:38 2755 1

原创 css 编写圆角矩形只有左侧一半的样式

实现该样式:尺寸大小可自由调整修改。

2024-01-04 15:31:09 846

原创 本地项目运行后使用手机访问network域名显示无网络

不管是vue项目还是react项目,运行后都会有一个本地访问域名和network访问域名。打开控制面板-》找到防火墙和网络保护-》将使用中的这个网络关闭即可访问。如果想用手机查看本地项目的效果,需要使用network域名。

2023-12-29 13:35:20 669 1

原创 【React】在移动端使用iconfont图标库

如果有项目可以直接选择需要添加的项目,没有的需要新建项目存放到项目中。5、在react项目中,打开public/index.html。4、确定之后进入我的项目中,选择Symbol,点击复制代码。2、点击右上角的购物车,将购物里的图标添加到项目中。3、点击添加项目就会有选择的项目,选择后保存。1、首先将需要的图标加入购物车。6、使用iconfont图标。

2023-12-12 21:32:08 739

原创 【React】react-router-dom路由导航的跳转及传参

1、声明式导航:解析成a标签跳转。2、编程式导航:通过调用方法跳转。

2023-12-07 22:36:30 1507

原创 【React】路由的基础使用

【代码】【React】路由的基础使用。

2023-12-07 20:33:53 809

原创 【React】使用react hooks实现评论示例

2、样式----[./css/index.css]6、点击发布按钮发布评论。3、渲染导航栏和高亮。4、评论列表排序功能。

2023-12-05 20:01:45 821 2

原创 React结合antd5实现整个表格编辑

通过react hooks 结合antd的table实现整个表格新增编辑

2023-11-21 18:52:01 956

原创 【antdv】input实现搜索框获取清空输入值

使用Ant Design of Vue 1版本,实现搜索框。

2023-10-15 18:56:47 1722 1

原创 vue3.0实现简易版计算器

通过两个数字计算对应的结果,两个输入框必须都输入,输入后点击对应的按钮计算对应的结果,将结果展示页面上,点击clear将输入的数字和结果清空。

2023-04-12 10:19:16 1623 1

原创 uniapp使用uni.chooseLocation()打开地图选择位置

使用uni.chooseLocation()打开地图选择位置

2023-02-22 14:38:14 10784 1

原创 uniApp使用uni.chooseAddress()获取微信收货地址

使用uniapp或者原生微信小程序获取微信的收货地址。

2023-02-22 11:23:01 6906 4

原创 【JS】查找值在数组中的位置

给定一个排序数组和一个目标值,在数组中找到目标值,并返回其索引。如果目标值不存在于数组中,返回它将会被按顺序插入的位置。var searchInsert = function(nums, target) { let arr=nums arr.splice(0,0,target) return nums.indexOf(target)>0?nums.indexOf(target):arr.sort((a,b)=>a-b).indexOf(target)};console.log(se

2022-05-27 16:36:29 1431

原创 【JS】查询部分字符在字符串中首次出现的位置

**给你两个字符串 haystack 和 needle ,请你在 haystack 字符串中找出 needle 字符串出现的第一个位置(下标从 0 开始)。如果不存在,则返回 -1 ,当 needle 是空字符串时我们应当返回 0 **var strStr = function(haystack, needle) { return needle==""?0:haystack.indexOf(needle)};console.log(strStr("aaaaa",'')); //0co

2022-05-27 13:58:22 1616

原创 【JS】数组去重

1、使用es6的方法去重。function unique1(arr) { return [...new Set(arr)]}console.log(unique1([1,false,false,true,'1','22',23,9,'9',9]));//[1, false, true, '1', '22', 23, 9, '9']2、使用过滤器+对象去重function unique2(arr) { var obj = {}; return arr.filter(ele => {

2021-09-21 11:58:54 115

原创 【MySql】删除重复的电子邮箱

196.编写一个 SQL 查询,来删除 Person 表中所有重复的电子邮箱,重复的邮箱里只保留 Id 最小 的那个。person表中数据:+------+---------+| Id | Email |+------+---------+| 1 | a@b.com || 2 | c@d.com || 3 | a@b.com |+------+---------+删除重复的数据保留最小的id数据: delete p1 from person p1,person

2021-04-03 14:20:51 240

原创 【MySql】查找重复的电子邮箱

## 182.编写一个 SQL 查询,查找 Person 表中所有重复的电子邮箱。person表中数据:+------+---------+| Id | Email |+------+---------+| 1 | a@b.com || 2 | c@d.com || 3 | a@b.com |+------+---------+只查询重复的值:select Email from person group by Email having count(Email)

2021-04-03 14:16:41 533

原创 【JS】有序数组的平方

给你一个按非递减顺序排序的整数数组 nums,返回每个数字的平方组成的新数组,要求也按非递减顺序排序。示例1:输入:nums = [-4,-1,0,3,10]输出:[0,1,9,16,100]解释:平方后,数组变为 [16,1,0,9,100]排序后,数组变为 [0,1,9,16,100]示例2:输入:nums = [-7,-3,2,3,11]输出:[4,9,9,49,121]解析:var sortedSquares = function(nums) { //先将数组的每项更新

2021-02-13 22:04:42 515

原创 【JS】翻转字符串里的单词

给定一个字符串,逐个翻转字符串中的每个单词。说明:无空格字符构成一个 单词 。输入字符串可以在前面或者后面包含多余的空格,但是反转后的字符不能包括。如果两个单词间有多余的空格,将反转后单词间的空格减少到只含一个。示例1:输入:s = " Bob Loves Alice "输出:“Alice Loves Bob”示例2:输入:s = “Alice does not even like bob”输出:“bob like even not does Alice”解析

2021-02-12 22:58:16 730 2

原创 【JS】Number to digit tiers

创建一个接受数字的函数,并返回一个字符串数组,其中包含在每个数字处截取的数字。示例420 结果为 [“4”, “42”, “420”]2017 结果为 [“2”, “20”, “201”, “2017”]2010 结果为 [“2”, “20”, “201”, “2010”]解析 function createArrayOfTiers(num) { let s=num+''; //将数字转为字符串 let arr=[]; //空数组放截取的字符 fo

2021-02-06 21:59:47 670

原创 【JS】Longest vowel chain

最长元音链这个词codewarriors中的元音子串是o,e,a,io。其中最长的一个为2。给定一个仅包含字母字符(元音和辅音)且没有空格的小写字符串,请返回最长的元音子字符串的长度。元音是任意的aeiou。解析:function solve(s){ //首先将字符串包含元音的字符串替换成* s=s.replace(/[aeiou]/g,"*"); //其次用字母切割成数组,再将数组的每项按长度从大到小排序,找到第一项获取长度 return s.split(/\w+/).sor

2021-01-24 12:52:43 223 2

原创 【JS】实现 strStr()

给定一个 haystack 字符串和一个 needle 字符串,在 haystack 字符串中找出 needle 字符串出现的第一个位置 (从0开始)。如果不存在,则返回 -1。当 needle 是空字符串时我们应当返回 0 。示例一:输入: haystack = “hello”, needle = “ll”输出: 2示例二:输入: haystack = “aaaaa”, needle = “bba”输出: -1题意:1、如果needle是空字符串应返回0.2、如果needle字

2021-01-23 22:24:38 717

原创 【JS】删除排序数组中的重复项

给定一个排序数组,需要在原地删除重复出现的元素,使得每个元素只出现一次,返回移除后数组的新长度。示例1:给定数组 nums = [1,1,2],函数应该返回新的长度 2, 并且原数组 nums 的前两个元素被修改为 1, 2。你不需要考虑数组中超出新长度后面的元素。示例2:给定数组 nums = [0,0,1,1,1,2,2,3,3,4],函数应该返回新的长度 5, 并且原数组 nums 的前五个元素被修改为 0, 1, 2, 3, 4。你不需要考虑数组中超出新长度后面首先,需要理

2021-01-23 18:18:30 623

原创 通过JS编写4位随机验证码

通过随机数编写一个不分大小写且含数字的4位随机数。CSS样式p{ width: 60px; height: 20px; display: inline-block; letter-spacing: 3px; border: 1px solid red;}#div{ height: 20px; margin-bottom: 10px;}#btn,p:hover{ cursor: default;}button{ display: block;}主体部分<div

2020-10-17 16:35:24 1040 2

原创 轻松带你了解存储过程及使用方式

什么是存储过程?存储过程(Stored Procedure)是一种在数据库中存储复杂程序,以便外部程序调用的一种数据库对象。存储过程是为了完成特定功能的SQL语句集,经编译创建并保存在数据库中,用户可以通过指定存储过程的名字并给定参数(需要时)来调用。存储过程思想上很简单,就是数据库SQL语言层面的代码封装重用。存储过程的优点:存储过程可封装,并隐藏复杂的商业逻辑。存储过程可以回传值,...

2020-05-08 09:57:10 657

原创 带你解决什么是AJAX及AJAX跨域

AJAX的工作原理AJAX=异步JavaScript和XML,简单的说,就是在不重载整个网页的情况下,AJAX通过后台加载数据,并在网页上进行显示。Ajax的工作原理图:通过Ajax的原理图可以发现,在浏览器种输入url地址请求服务器时,是通过Ajax发送http请求给服务器,服务的响应结果也是先返回给Ajax,先Ajax处理之后在返回给浏览器显示在页面。如果没有Ajax,就在图中表示为上...

2020-05-08 09:52:03 327

原创 【JS】实现九九乘法表

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>乘法表</title> <style type="text/css"> table{ width: 800px; height: 500px; text...

2020-04-25 17:35:53 239

原创 【Vue.js】生命周期的执行顺序

挂载(初始化相关属性):beforeCreate、created、beforeMount、mounted更新(元素或组件的变更操作):beforeUpdate、updated销毁(销毁相关属性):beforeDestroy、destroyed<!DOCTYPE html><html> <head> <meta charset="UTF-8"&...

2020-04-20 21:49:19 522

原创 【Vue.js】watch侦听器与computed计算属性的区别

watch:当数据变化时执行异步或开销较大的操作(当数据一旦发生改变就会通知侦听器所绑定的方法)。computed:必须要有返回值,基于他们的依赖进行缓存的,可以使模板内容更加简洁。<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>watch与comput...

2020-04-19 14:38:32 286

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除