- 博客(165)
- 资源 (4)
- 收藏
- 关注
RSS订阅原创 业务实现：vue2延迟监听
在实现一个业务功能的时候，当时有一个问题，就是我的保存原始数据的变量后面跟绑定的变量一直是一样的，也就是说他会随着原始数据的变化而变化。问题是，在初始渲染的时候会有三次监听到改变，也就是我们并没有操作表单，在初始渲染的时候就会有三次表单值的改变被监听到，那么按钮就会从禁用转变为可以使用，但是这种时候我们并没有操作表单。在这个过程中，我也尝试了监听的方法，如果使用监听我们不用序列化，也不用遍历比较每一个表单内容，只需要监听对象值是否改变，然后把更新按钮禁用或者使用就行。由此已经实现表单内容更新时候的比较。
2023-03-21 10:18:41
716
1
原创 跨域的部分理解
ajax 请求受同源策略影响，不允许进行跨域请求，而 script 标签 src 属性中的链 接却可以访问跨域的 js 脚本，利用这个特性，服务端不再返回 JSON 格式的数据，而是 返回一段调用某个函数的 js 代码，在 src 中进行了调用，这样实现了跨域。同源策略，是浏览器对 JavaScript 实施的安全限制，只要协议、域名、端口有任何一个不同，都被当作是不同的域。跨域，是指浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的。跨域原理，即是通过各种方式，避开浏览器的安全限制。
2022-12-14 21:17:37
542
原创 react 实习小记
而shouldComponentUpdate可以让我们退出某些组件的更新，因为每次都需要根据新的状态，对比dom树，看哪里需要更新，如果我们知道有些用户界面不会改变，那么就不用去对比弄清楚它是否应该重新渲染，我们可以通过shouldComponentUpdate方法返回去false，让组件保持当前状态不变。在Redux中使用Action的时候，Action文件里尽量保持Action文件的纯净，传入什么数据就返回什么数据，最妤把请求的数据和Action方法分离开，以保持Action的纯净。...
2022-07-15 14:44:07
438
原创 vue3.0 实现旋转木马
做的比较丑 最后图片本来打算用vue-carousel-3d这个组件的，但是这个组件一直报源码错误，修改了半天也没有解决使用了swiper组件html部分代码 <div class="swiper-container swiper1" style="height: 650px;width: 1500px"> <div class="swiper-wrapper"> <div class="swiper-slide">
2022-05-06 15:45:20
2240
原创 vue3.0 实现条件查询 and or
用and或者or连接起来的条件查询。比如，国别：中国 and 使用频段：255 点击查询或者 国别：中国 or 使用频段：255 点击查询类似于这种查询，首先在这我实现的是精准查询。利用的是set集合，思想是第一个条件先把数组转换成set集合，然后通过filter过滤，然后判断每次的连接词 是 and还是or，如果是or直接过滤 然后转换成set集合的数据，并且和之前的set集合进行合并。因为我们都知道set的特性，可以保证里面数据的唯一性，所以我们可以利用集合的交和并来实现and 和 or的查询。
2022-04-21 15:54:49
2066
原创 websocket连接url，获取进度条数据
当连接一个url的时候，我们就按照传统的方式写就可以了 initWebSocket: function () { if ("WebSocket" in window){ let url ='ws://'+ this.baseUrl.split('//')[1] +'/TotalEmergeProgressWebsocket' console.log(url) ///TableEmergeProgressWebsocket1 两个进度条
2022-04-11 15:05:18
2402
原创 gitee分支开发
根据上个错误的经验 我想按照正确的开发流程所以我把项目放到了新建仓库的master分支之下，然后打算从master拉取一个新的分支，在这个分支上进行开发，记录一下操作流程首先在本地自己建一个文件夹，执行下面操作从上面的git fetch我们可以清楚的看到下面有两个远程分支，分别是master和copy-master-modify...
2022-03-24 18:26:39
1113
1
原创 关于gitee的分支推送
我本来以为自己已经很熟练了 但是自己会的是拉取项目 把新项目推送到新建仓库的master分支上那么如果创建了一个基于master的分支 我们该怎么把项目推送到这个分支上去呢1.然后我按照顺序操作的时候出现了以下报错error: src refspec login-modify3 does not match anyerror: failed to push some refs to ‘https://gitee.com/li-yan-kessie/satellitemanagement-3-16.g
2022-03-24 17:16:51
1759
原创 vue 购物车案例
最近在写vue的相关项目 所以找一些小例子练习一下 把一个js的购物车改成vue了css部分是直接引入的插件效果图如下1.<template><div class="head"> <meta charset="UTF-8"> <title>我的购物车-品优购</title> <meta name="description" content="品优购JD.COM-专业的综合网上购物商城,销售家电、数码通讯、电脑
2022-03-15 15:35:42
2223
1
原创 过滤敏感词案例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do
2022-01-20 18:53:19
96
原创 验证用户名案例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do
2022-01-20 18:38:19
205
原创 手风琴案例
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>手风琴</title> <style> ul { list-style: none; } * { margin: 0; padding: 0; } div { width: 1200
2022-01-14 19:48:14
311
原创 电梯导航案例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Do
2022-01-14 17:37:04
816
原创 返回顶部案例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do
2022-01-13 10:04:12
98
原创 仿京东放大镜案例
运行结果<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>京东放大镜</title></head><body> <div
2022-01-12 21:09:23
145
原创 自动检测移动端并跳转
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do
2022-01-12 19:58:02
241
原创 验证码的定时器
运行效果<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>练习 - 网页时钟</title> <style> body { padding:
2022-01-12 19:33:07
188
原创 5秒之后跳转案例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Docu
2022-01-12 19:17:56
180
原创 倒计时案例
运行截图<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title&g
2022-01-12 18:26:34
81
原创 购物车案例
运行截图：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="X-UA-Compatible" content="ie=edge" /> <title&
2022-01-12 16:47:16
149
原创 跟随鼠标的小天使
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do
2022-01-12 09:48:06
122
原创 表单的动态增加和删除
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document&.
2022-01-12 00:19:46
518
原创 微博发布案例
需求1：检测用户输入字数1. 注册input事件2. 将文本的内容的长度赋值给对应的数值3. 表单的maxlength属性可以直接限制在200个数之间需求2： 输入不能为空点击button之后判断判断如果内容为空，则提示不能输入为空, 并且直接return 不能为空防止输入无意义空格, 使用字符串.trim()去掉首尾空格console.log(’ str’)console.log(’ str '.trim())并将表单的value值设置为空字符串同时下面红色为设置为0；需求3：
2022-01-11 21:54:09
499
1
原创 鼠标移动到那下拉菜单
位置自己调一下<body> <ul class="nav"> <li> <a href='#'>微博</a> <ul> <li> <a href="">私信</a> </li> <li> <a href=""&g
2022-01-11 18:26:31
97
原创 tab栏切换
运行结果<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8" /> <title></title> <style type="text/css"> * { margin: 0; padding: 0; } ul { list-style: none; } .w
2022-01-11 11:53:37
73
原创 表单全选取消案例
可运行。<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> * { margin: 0; padding: 0; } table { border-collapse: collapse; border-spaci
2022-01-11 10:16:29
124
原创 面试题 16.21. 交换和
10的5次方的复杂度，用了sort函数，达到了10的7次方的复杂度。这肯定不是最好的办法。解题思想就是交换两个数肯定不是相等的，必然一大一小，那么一定有一个数组是加一个数，一个数组是减去一个数，而这个数都是通过交换的这两个数加减所得到的，所以两个数组加上和减去的数的绝对值是相等的，那么我们需要寻找的就是两个数组的和相减，就是她们的差值，想让他们相等，只需要在数组里面寻找差值等于和的差值的一半的两个数，平均分给两个数组即可。还有就是需要注意的是即使排完序，也没有办法根据差值的大小确定谁往前走，因为一个数组
2022-01-04 11:36:04
415
原创 面试题 16.20. T9键盘
不是什么高效率的做法，就是写了一个映射，还是以练习java为主。class Solution { public static List<String> getValidT9Words(String num, String[] words) { HashMap<Character, Character> Sites = new HashMap<Character, Character>(); char ch='a';
2022-01-04 10:04:00
3721
原创 面试题 16.19. 水域大小
经典题目，用深搜即可class Solution { int[][] visited; int[] dx={1,-1,0,0,1,-1,1,-1}; int[] dy={0,0,1,-1,1,-1,-1,1}; public int[] pondSizes(int[][] land) { visited=land; List<Integer> list=new ArrayList<>(); int rows= land.l
2021-12-29 21:45:50
124
原创 面试题 16.17. 连续数列
class Solution { public static int maxSubArray(int[] nums) { int len=nums.length; int sum=0,ans=Integer.MIN_VALUE; for(int i=0;i<len;i++) { if(sum+nums[i]<0){ sum=0; ans=Math.max(ans,n
2021-12-29 19:32:49
197
原创 面试题 16.05. 阶乘尾数
就是计算有多少个5class Solution { public int trailingZeroes(int n) { int ans=0; while(n>=5){ n /= 5; ans+=n; } return ans; }}
2021-12-29 18:49:17
126
原创 面试题 05.06. 整数转换
class Solution { public static int convertInteger(int A, int B) { String sa=Integer.toBinaryString(A); String sb=Integer.toBinaryString(B); while (sa.length()<32) { StringBuffer stra = new StringBuffer(); s
2021-12-29 18:33:50
172
原创 面试题 05.01. 插入
class Solution { public static int binaryToInteger(char[] numbers) { int result = 0; for(int i=numbers.length - 1; i>=0; i--) if(numbers[i]=='1') result += Math.pow(2, (numbers.length-i - 1)); retu
2021-12-29 17:58:48
169
原创 面试题 05.03. 翻转数位
首先肯定是先转换成二进制字符数组。将一个0转换成1，求连续1的最大值，如果连续1中间恰好有一个0，则最大值就是两边连续1的个数加1，如果0的个数大于1，那就是连续1的个数加1，如果0的个数没有，那就是它本身。需要注意的是在转换的时候负数要是补码的形式，比如-1他的1的个数就是32个。class Solution { public static String intToBinary32(int i){ String binaryStr = Integer.toBinaryStrin
2021-12-29 10:05:54
106
原创 面试题 08.10. 颜色填充
一道深搜，求连通区域的最大面积，并且把连通区域里面的值置为新的newcolor。class Solution { public int[][] floodFill(int[][] image, int sr, int sc, int newColor) { int rows= image.length;; if(rows==0||image[sr][sc]==newColor)return image; int oldColor=image[sr][sc];
2021-12-28 17:09:36
344
原创 面试题 16.14. **直线
判断共线，可以根据两个点列出相应的方程式，把接下来的点代入判断。也可以根据不同的两个点组成的向量是否共线判断，向量的很多知识都忘记了，大致共线的判断条件是向量a=λ向量b，（a1,a2)=λ（b1,b2) a1=λb1 a2=λb2 所以a1/b1=a2/b2=λ 可以得到a1b2==a2b1所以我们根据这个条件判断不同的两个点组成的向量是否共线 如果共线就在同一条直线上，我们就可以更新点的数目.class Solution { public int[] bestLine(int
2021-12-17 08:47:30
219
原创 面试题 16.11. 跳水板
我用的list，然后最后说超时了。class Solution { public int[] divingBoard(int shorter, int longer, int k) { if (k == 0) return new int[0]; ArrayList<Integer> list = new ArrayList<Integer>(); for (int i = 0; i <= k; i++) {
2021-12-16 18:32:01
761
原创 面试题 16.10. 生存人数
这个方法就是笨方法，写的还是复杂度高了些。public class Solution { public int maxAliveYear(int[] birth, int[] death) { int[] nums = new int[102]; int length = birth.length; for (int i = 0; i < length; i++) { for (int j = birth[i]; j &
2021-12-16 17:36:36
87
原创 面试题 16.09. 运算
不用乘除减实现乘法的题在之前遇到过一道，我还记得那道题的解题思路是看一个数末尾跟进行与运算，如果是0的话表明可以被2整除，我么利用位移让它除以2，让另外一个数乘以2，如果是1的话，就直接用加法加上这个数。。。。但是这个题要求不用位运算，要实现减法，直接加一个相反数就好了。关键是取反。我们可以同样的把二进制存储入数组，分别代表用poss存储1，2，4.。。一直int的最大值，用negs存储-1，-2，-4.。。一直到int的最小值，取反的实现我们是先判断传进来的数是正数还是负数，如果是整数，那么要把它变为
2021-12-16 17:00:07
139
图像处理第二次.doc
2021-12-16
基于字典树的大学生交流 社区的设计与实现
2021-10-27
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人