- 博客(48)
- 问答 (10)
- 收藏
- 关注
原创 本地项目运行后使用手机访问network域名显示无网络
不管是vue项目还是react项目,运行后都会有一个本地访问域名和network访问域名。打开控制面板-》找到防火墙和网络保护-》将使用中的这个网络关闭即可访问。如果想用手机查看本地项目的效果,需要使用network域名。
2023-12-29 13:35:20 408
原创 【React】在移动端使用iconfont图标库
如果有项目可以直接选择需要添加的项目,没有的需要新建项目存放到项目中。5、在react项目中,打开public/index.html。4、确定之后进入我的项目中,选择Symbol,点击复制代码。2、点击右上角的购物车,将购物里的图标添加到项目中。3、点击添加项目就会有选择的项目,选择后保存。1、首先将需要的图标加入购物车。6、使用iconfont图标。
2023-12-12 21:32:08 532
原创 【React】使用react hooks实现评论示例
2、样式----[./css/index.css]6、点击发布按钮发布评论。3、渲染导航栏和高亮。4、评论列表排序功能。
2023-12-05 20:01:45 697
原创 vue3.0实现简易版计算器
通过两个数字计算对应的结果,两个输入框必须都输入,输入后点击对应的按钮计算对应的结果,将结果展示页面上,点击clear将输入的数字和结果清空。
2023-04-12 10:19:16 774 1
原创 【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 1266
原创 【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 1499
原创 【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 80
原创 【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 200
原创 【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 472
原创 【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 438
原创 【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 615 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 616
原创 【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 167 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 580
原创 【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 525
原创 通过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 972 2
原创 轻松带你了解存储过程及使用方式
什么是存储过程?存储过程(Stored Procedure)是一种在数据库中存储复杂程序,以便外部程序调用的一种数据库对象。存储过程是为了完成特定功能的SQL语句集,经编译创建并保存在数据库中,用户可以通过指定存储过程的名字并给定参数(需要时)来调用。存储过程思想上很简单,就是数据库SQL语言层面的代码封装重用。存储过程的优点:存储过程可封装,并隐藏复杂的商业逻辑。存储过程可以回传值,...
2020-05-08 09:57:10 594
原创 带你解决什么是AJAX及AJAX跨域
AJAX的工作原理AJAX=异步JavaScript和XML,简单的说,就是在不重载整个网页的情况下,AJAX通过后台加载数据,并在网页上进行显示。Ajax的工作原理图:通过Ajax的原理图可以发现,在浏览器种输入url地址请求服务器时,是通过Ajax发送http请求给服务器,服务的响应结果也是先返回给Ajax,先Ajax处理之后在返回给浏览器显示在页面。如果没有Ajax,就在图中表示为上...
2020-05-08 09:52:03 280
原创 【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 181
原创 【Vue.js】生命周期的执行顺序
挂载(初始化相关属性):beforeCreate、created、beforeMount、mounted更新(元素或组件的变更操作):beforeUpdate、updated销毁(销毁相关属性):beforeDestroy、destroyed<!DOCTYPE html><html> <head> <meta charset="UTF-8"&...
2020-04-20 21:49:19 480
原创 【Vue.js】watch侦听器与computed计算属性的区别
watch:当数据变化时执行异步或开销较大的操作(当数据一旦发生改变就会通知侦听器所绑定的方法)。computed:必须要有返回值,基于他们的依赖进行缓存的,可以使模板内容更加简洁。<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>watch与comput...
2020-04-19 14:38:32 241
原创 【Vue.js】全局与局部自定义指令的区别
示例中介绍了全局自定义指令与局部自定义指令的区别全局自定义指令:可以在任何实例中应用。局部自定义指令:只能在本身的vue实例中应用。<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>全局自定义指令与局部自定义指令的区别</title> &...
2020-04-18 21:58:48 1028
原创 【Vue.js】自定义指令的用法
下面列出了自定义指令的用法及带参数自定义指令的用法。<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>自定义指令</title> <script src="../js/vue.js" type="text/javascript" cha...
2020-04-18 21:31:41 183
原创 【JS】制作注册页面
使用js制作注册页面,使用正则表达式验证该数据是否符合要求<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>注册页面</title> </head> <body> <div class="box" id="b...
2020-04-17 22:29:39 5301 1
原创 【JS】猜数字小游戏
使用了 Math 对象的 floor() 方法和 random() 来返回一个0-100之间的随机数<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>猜数字小游戏</title> </head> <body> 请输...
2020-04-15 21:32:54 350
原创 【js】iframe页面实现异步通信
异步方式就是在点击发送数据的时候并没有刷新整个页面,而是借助于iframe标签实现了页面的异步刷新。当然,我们也可以点击发送的时候向服务器发送数据,并借助iframe实现异步刷新。【js页面】将输入框里的值赋给iframe的src属性,实现异步。<!DOCTYPE html><html> <head> <meta charset="UTF-8"...
2020-04-11 14:22:08 780
原创 【Vue.js】使用v-for指令遍历图片
vue.js通过v-for指令遍历图片数组,首先给一个数组,数组内放入图片的路径,使用v-for指令遍历数组,通过v-bind指令绑定src属性,v-bind的简写是:属性名。<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>v-for指令遍历图片</...
2020-04-07 11:45:19 3738
原创 【jQuery】使用animate()制作自定义动画
初始化有一个类别名为test的div标签,设置了div的样式,当div元素被单击后,在2秒内向右移动300px,而且div放大到原来的两倍。必须引入jQuery文件<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>自定义动画</title> ...
2020-04-06 21:20:09 343
原创 使用setTimeout()定时器获取当前系统时间
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>定时器</title> </head> <body> <p id="time"></p> <script type="text/ja...
2020-04-04 18:38:56 1214
原创 使用VUE.js实现弹框显示
通过事件绑定实现弹框显示。事件绑定的写法有两种:1、v-on指令的用法:v-on:事件名2、v-on简写的形式:@事件名<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>使用vue.js实现弹框显示</title> </head>...
2020-04-01 11:17:30 2803
原创 JS通过点击删除将单元格进行删除
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>通过点击删除将单元格进行删除</title> </head> <body> <table id="mytable" align="center" width="...
2020-03-31 19:36:15 646
原创 通过JavaScript制作table表格隔行变色
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>隔行变色</title> </head> <body> <table id="mytable" align="center" width="80%" borde...
2020-03-30 21:27:21 305
空空如也
css 设置圆角边框只保留左侧样式
2023-12-31
vue 刚进入页面整个页面刷新,但只刷新一次
2022-01-22
vue 页面跳转切换问题
2022-01-15
【后台】使用vue 已进入请求数据,但却先渲染再请求,不知道为什么
2022-01-14
vue 如何在某个元素下追加元素
2022-01-06
hbuilder x 启动小程序报错
2021-12-22
微信小程序 onload获取不到分享后的参数
2021-12-15
小程序:前端获取后端返回结果是base64,需要转为base64,正常展示图片不显示?
2021-12-15
【微信小程序】 前端获取当前用户的小程序码并展示在页面上
2021-12-14
vue 点击获取数据,渲染图片,修改图片数据不实施更新
2021-12-08
chrome在控制台的Sources中修改js代码,怎么执行修改后的代码
2021-12-02
TA创建的收藏夹 TA关注的收藏夹
TA关注的人