- 博客(69)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 vue3一些新属性
是一个新的组件选项，作为组件中使用组合API的起点，从组件生命周期来看，它的执行在实例创建之前（vue2的beforeCreate）;setup不能使用this，在模板中需要使用数据和函数，需要在setup中返回。从响应式数据对象中解构出来的属性数据不再是响应式数据，toRef转换响应式数据包装成对象，.value存放值。转换响应式对象中所有属性为单独响应式数据，对象称为普遍对象，值是关联的。用来转换响应式对象中某个属性为单独的响应式数据，并且值是关联的。缺点：需要有良好的代码组织能力和拆分逻辑能力。
2022-09-27 09:10:16
684
2
原创 vue常用指令简单介绍
vue是单面应用，只有一个HTML项目中内容都分别写在各组件中，切换组件来显示不同的内容。第一次加载会加载所有组件，比较慢。
2022-09-26 17:31:59
451
原创 全排列（力扣）
输出：[[1,2,3],[1,3,2],[2,1,3],[2,3,1],[3,1,2],[3,2,1]]给定一个不含重复数字的数组 nums ，返回其 所有可能的全排列。你可以 按任意顺序 返回答案。链接：https://leetcode.cn/problems/permutations。著作权归领扣网络所有。商业转载请联系官方授权，非商业转载请注明出处。输入：nums = [1,2,3]输出：[[0,1],[1,0]]输入：nums = [0,1]输入：nums = [1]
2022-09-16 09:02:01
183
原创 摩尔斯密码
例如，"cab" 可以写成 "-.-..--..." ，(即 "-.-." + ".-" + "-..." 字符串的结合)。链接：https://leetcode.cn/problems/unique-morse-code-words。输入: words = ["gin", "zen", "gig", "msg"]共有 2 种不同翻译, "--...-." 和 "--...--.".著作权归领扣网络所有。'c' 对应 "-.-." ，以此类推。'b' 对应 "-..." ，'a' 对应 ".-" ，
2022-09-14 08:22:40
972
原创 HTML5拖拽实现
document.ondrag 对象在拖拽的过程中。document.ondragend 对象拖动结束。document.ondragover 悬停在上面。document.ondrop 拖动结束，拖进去。document.ondragenter 拖入。document.ondragleave 离开。
2022-09-02 22:49:22
169
原创 React --Context
如果根组件需要向后代组件传递一个公共属性，那每个组件都需要通过props去传递，太繁琐为了解决这个问题，react有一个Context对象，Context对象可以在组件之间共享数据（全局数据，所有组件可以通过Context调用）ThemeContext.Provider的value属性是只读属性，可以传递一个state属性让其变为动态的数据。组件的插值放在children属性里。...
2022-07-23 09:17:40
100
原创 es6新增
一、let 和const变量声明1. let 声明块级作用域的变量: let 声明的变量不存在变量提升。 let 在同一代码块不能重复。 for(let i=0;i<10;i++){ } // console.log(i); let name = 1; name = "a"; { let name = 2; co...
2022-05-29 20:16:04
278
原创 javascript正则表达式
正则表达式:一种用于匹配特殊字符的逻辑表达式。var str = "hello__world中HELLO __ WORLD国 - width is 100 ok!";var result = str.match("o"); // 匹配给定的字符串，匹配到就会立刻停止。返回一个数组// result = str.search("o"); // 查询给的字符，匹配到就会返回字符所在的索引，没有就返回-1;// match(reg),search(reg),replace(reg,"")可以传递
2022-05-27 21:31:04
143
原创 js实现商城特效---鼠标移入图片放大
figure里放商品的图片，为背景图ul里存放商品的缩小图div.big里放放大的图片 <div class="scale"> <figure> <div class="scale-drag"></div> </figure> <ul> <li><img src="./images/test1.png"
2022-05-23 20:25:37
2586
原创 js实现拖拽盒子
用一个变量来表示鼠标按下不松开，并且没有离开element元素计算鼠标移动的距离加上元素原来的left,top的值，就是元素的位置offsetLeft ：box1元素原来的left距离offsetTop ：box1元素原来top的距离startX： 鼠标第一次点击的x坐标startY： 鼠标第一次点击的y坐标 var canDrag = false; var box1 = document.querySelector(".box1"); ...
2022-05-22 22:53:40
318
原创 防抖与节流
防抖：触发高频事件后，n秒内函数只会执行一次，如果n秒内高频事件再次被触发，则重新计算时间 var timeIndex = 0; window.onscroll = function(){ clearTimeout(timeIndex); timeIndex = setTimeout(function(){ console.log(document.documentElement.scrollT
2022-05-22 22:37:48
50
原创 轮播图实现
不点击会自动播放，点左按钮向左轮播，点右按钮向右轮播，点击小圆点轮播到指定图片。html中：一个图片列表用来存放要轮播的图片，再一个圆点列表存放和图片数量一样的小圆点两个按钮控制左右轮播 <div class="banner"> <ul class="banner-ul"> <li> <a href="#"> <img..
2022-05-22 22:27:27
145
原创 a + b + c = 0
给一个包含 n 个整数的数组 nums， 判断 nums 中是否存在三个元素 a，b，c ， 使得 a + b + c = 0 ？请你找出所有和为 0 且不重复的三元组。 function sumZero(nums){ nums = new Set(nums); nums = [...nums]; var sum =[]; if(nums.length < 3)return...
2022-05-19 20:35:33
225
原创 编写一个函数来查找字符串数组中的最长公共前缀。
如果不存在公共前缀，返回空字符串 ""。示例 1：输入：strs = ["flower","flow","flight"]输出："fl"示例 2：输入：strs = ["dog","racecar","car"]输出：""解释：输入不存在公共前缀。 function maxPrefix(strs){ var first = strs[0]; var max = ""; if(strs.length..
2022-05-19 20:34:28
1062
原创 JSON格式
JSON格式 一种用于数据传输交换的文本格式。JSON数据对象数组对值得类型和格式有严格规定 1.值只能是数组或对象或基本数据类型，不能为函数或其他js内置对象 2.字符串必须使用双引号，不能使用单引号 3.对象的键名必须放在双引号里 4.数组或对象最后一个成员后面不能加逗号 JSON数据是一个字符串,把JSON数据对象变成字符串就是一个JSON数据 var json1 = ["a","b","c"]; ...
2022-05-16 21:01:03
753
原创 Date时间库
Date()为构造函数，也可以直接调用Date()函数，返回时间的字符串 console.log(Date());//Mon May 16 2022 14:37:22 GMT+0800 (GMT+08:00)Date()获取的时间是当前操作系统的时间 var date = new Date();//显示date时，默认调用.toString()console.log(typeof date);//object get相关方法：返回Number类型 ...
2022-05-16 20:57:15
553
原创 Math对象
abs()返回参数的绝对值 console.log(Math.abs(-1));//1max()返回最大值console.log(Math.max(1,3,2,5,2));//5min()返回最小值 console.log(Math.min(1,3,2,5,2));//1floor()向下取整 var num1 = 3.14; console.log(Math.floor(num1));//3ceil()向上取整 console.log(Math.ceil(.
2022-05-16 20:54:04
72
原创 js原型和原型链、
原型每个函数都有prototype，指向一个对象，这个对象就是原型 function HeroClass(type,sex){ this.type = type; this.sex = sex; this.speak = function(){ console.log("说话"); } } HeroClass.prototype.move = function(){console...
2022-05-15 09:08:48
76
原创 JavaScript数组方法
1.排序sort()数组的排序,sort(),在原数组上进行操作排序 sort() 默认是字典排序(按字母排序); 如果数字排序，sort(callback) 接受一个回调函数callback(a,b),a代表第一个元素，b代表第2个元素。如果callback返回值大于0，则a，b交换位置。 var arr1 = ["a","c","b","e","d"]; var arr2 = [1,3,2,8,5,6]; va...
2022-05-14 08:40:24
129
原创 用js实现简单的图书管理系统
利用数组实现简单的图书管理系统用户输入1是添加图书用户输入2是查找图书在第几层用户输入3是显示所有的图书输入其他的就停止服务 var arr = []; var select = prompt("1.保存图书 2.搜索图书 3.显示所有图书 其他：退出"); while(select === "1" || select === "2" || select === "3"){ switch(select){.
2022-05-12 19:58:46
1806
原创 JS实现矩阵转置
用二维数组实现矩阵的转置 // 翻转输出二维数组: [[1,2,3],[4,5,6],[7,8,9]] function transpose(arr){ var newArr = []; for(var i = 0;i < arr.length;i ++){ newArr[i] = []; for(var j = 0;j < arr[i].len.
2022-05-12 19:42:11
782
1
原创 js垃圾，回调函数， 立即调用函数
js垃圾（程序不用了的变量）回收：就是从内存释放不用的空间 js解析引擎自带垃圾回收算法 1.计数法 2.标记清除 全局变量不会被自动回收 局部变量才会被垃圾回收 var name = "张三"; name = undefined;//手动释放空间 var per = {}; per = null;//手动释放引用数据类型 function prin...
2022-05-10 15:31:26
228
原创 js浅拷贝与深拷贝
浅拷贝：引用数据类型的拷贝是拷贝的内存地址var person = { name:"lisi", age: 12, }}person 在栈里面存的是一个内存地址(指向堆里面的对象数据)var p2 = person; // person相当于把内存地址赋值给了p2，这是p2和person就指向了堆内存的同一个对象数据。var p2 = person // 引用数据类型的拷贝都是拷贝的内存地址(浅拷贝)// console.log(p2 === pers...
2022-05-09 14:17:55
129
原创 javascript函数
函数(方法): 可复用的代码区域(代码块)。一、函数的创建:function 命令声明一个函数，function 后面一般给函数名,函数名后面是一对圆括号。 变量赋值的写法,把一个(匿名)函数赋值给一个变量。 构造函数 Function(js 内置的一个创建函数的函数)函数声明以后不会运行，必须要调用函数，调用函数就是用函数名加圆括号。function test(){ document.write('111');}test();var test2 ...
2022-05-09 14:12:19
299
原创 js实现各种三角的打印
正直角三角 var str1 = ""; for(var i = 0; i < 5;i ++){ for(var j = 0;j < i ;j ++){ str1 += "*" } str1 += "\n" } console.log(str1)倒直角三角 var line = 5;
2022-05-08 20:03:27
365
原创 js实现乘法表
双重for循环 for(var i = 1;i <= 9;i ++){ for(var j = 1;j <= i;j ++){ document.write(i + "*" + j + "=" + i * j + " "); } document.write("<br>"); }
2022-05-08 19:56:05
168
原创 js计算器
var num1=prompt("第一个数:"); var num2=prompt("第二个数:"); var s1=parseFloat(num1); var s2=parseFloat(num2); var s3=prompt("运算符:"); if(s3=="+"){ var s4=s1+s2; }else if(s3=="-"){ var ...
2022-05-07 10:08:47
75
原创 js实现交换变量
法1：引入第三个变量： var a=1; var b=2; var t t=a; a=b; b=t; console.log(a)//2 console.log(b)//1 法2：利用运算符 a=1;b=2; a=a+b; b=a-b; a=a-b; console.log(a)/
2022-05-06 15:41:38
127
原创 javascript变量、运算符
声明一个变量名为a的变量var a;变量的赋值a=1;age=60;//报错，没定义声明并赋值 var str="hello world" var a=2,b=2,c=3; let name1="小明"; let age=11; let age=13;//错误，不能重复定义 const PI=3.14;//常量 console.log(PI) // Number类型、 var ...
2022-05-06 15:39:45
452
原创 css立方体
用动画及3D实现<div class="rect"> <div class="front">前</div> <div class="backend">后</div> <div class="left">左</div> <div class="right">右</div> <div class="top">.
2022-04-28 19:46:14
154
原创 css 2D,3D转换
2D:2D平移： transform: translate(50%,100px);元素的位移 第一个参数为水平方向移动的距离（px,%(相对于自身))和relative一样的效果<div class="box"></div> div{ width: 100px; height: 100px; background-color: green; } .
2022-04-26 08:40:01
328
原创 css表格样式、颜色渐变、计数器
表格样式之合并单元格边框：方法一：table设置为border-collapse: collapse;效果不好，有的边框粗，有的边框细。<table class="table1"> <tr> <td>a</td> <td>b</td> <td>c</td> </tr> .
2022-04-25 08:26:16
221
原创 css动画、过渡及应用
动画 属性 值 描述 animation-name animation2 引用自定义的动画 animation-duration 2s 一次动画完成的时间 animation-timing-function linear 动画的速度曲线 animation-fill-mode forwards(保留动画完成后的样式) 动画停止后的样式 anim..
2022-04-24 10:46:49
67
原创 html5+css3实现商城首页
index.html:<body> <div> <header> <div class="logo"> <img src="./images/logo.png" alt=""> </div> <nav> <ul> ...
2022-04-19 14:42:18
1294
原创 css设置自定义字体、文本阴影、元素阴影
/*自定义字体*/@font-face {font-family: jyy; /*自定义字体名称*/src: url(./fonts/今年也要加油鸭.ttf);}文本阴影text-shadow: x方向偏移 y方向的偏移 模糊值 颜色;*/.p1{text-shadow: 0 0 2px red;}/*元素阴影box-shadow: x方向偏移 y方向的偏移距离 模糊值 阴影的宽 颜色 阴影的位置(inset内阴影)，不写就是外阴影;可以设置多个阴..
2022-04-19 14:35:31
221
原创 position、ul样式
定位 position:元素加了postion 为非static以后top,left,right,bottom 就可以生效。left 和 right 只能用一个。top 和 bottom 只能用一个。absolute: 绝对定位，相对于第一个非static定位的上(父)级元素，脱离文档流。如果没有找到这种元素，就是相对于窗口。位置会随滚动条滚动。 relative: 相对定位, 相对于元素自身的位置进行设定。也是脱离文档流，但是元素原来的位置还会留着。 fixed : 固定定位 相...
2022-04-19 14:25:00
116
原创 css三角
border边框的分界线是对角，利用这个特性可以用border绘制三角形。.box{width: 0;height: 0;border: 30px solid transparent; /* transparent 颜色透明*/border-left-color: aqua;}
2022-04-18 17:42:35
33
Java课设-超市管理系统.7z
2022-03-27
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人