
笔记
橘猫敲代码
这个人很勤快 什么都留下了
展开
-
vue项目,详情页在新的tab页面展示
我们都知道vue是单页面应用,但是有的时候会有不同的需求,比如你点开一个商品的详情,那么它的详情信息需要在新的页面展示才方便,如果还在当前页面的话,对于用户来说体验感不好,查看一个商品的详情,想要再查看另一个商品就需要返回商品列表页,然后再点击其他商品。多了一个返回的步骤。原创 2022-11-24 13:49:20 · 1380 阅读 · 0 评论 -
鼠标经过图片在边框内放大动效
样式:图片由一个盒子包着,盒子加上overflow:hidden的样式,即可以保证图片在边框内放大。鼠标经过时候,看图,应该可以看出变化吧!然后给图片加上动画效果就可以了。原创 2022-11-24 13:01:08 · 378 阅读 · 0 评论 -
vue提交数据清空表单与弹窗数据
父组件清空数据方法,在子组件需要的时候直接通过this.$parent.父组件方法名()调用即可。表单填完几项基本数据点击提交,出弹窗,然后填写手机号验证码后,点击弹窗的确认,提示信息。”......“,点击我知道了,此时弹窗关闭之时,表单数据清空,弹窗数据清空。原创 2022-11-24 12:28:53 · 4627 阅读 · 0 评论 -
深拷贝 浅拷贝 赋值的区别以及如何实现
将一个对象从内存中完成的拷贝一份出来,从堆内存中重新开辟一个新的区域存放数据。那么新拷贝出来的对象,不管是基本数据类型还是引用用数据类型,都不会对原对象有任何影响。所以说,如果改变的是基本数据类型的值,那么新对象不受影响,如果改变的是引用数据类型的值,因为他们的地址值是一样的,所以新旧对象都会跟着变化.相当于又创建了一个新对象,这个对象有着原始对象属性值的一份精确拷贝。也就是说,如果原始对象是基本数据类型,那么拷贝到就是。,如果原对象是引用数据类型的话,那么拷贝的就是引用数据类型的。原创 2022-09-19 23:19:40 · 161 阅读 · 0 评论 -
选项卡切换 内容也跟着变 微信小程序
如果点击的id值和当前的id值一样,那么给它加上对应的样式并且切换.②.点击切换样式,这个就判断一下两个id值是否一样,一样的话说明选中了,给它加上对应的样式,否则为空。三元运算符这里不过多解释了。③.对应的内容,用到的是swiper-item,给swiper绑定change事件,当前的内容即为选中的id内容。WXSS (container detail是我上边盒子的名字,不影响使用,如果不对的话可以自己适当写样式.)swiper起初效果是,滑动可以切换内容,但是顶部的标题并不会跟着变化。原创 2022-09-11 10:25:19 · 533 阅读 · 0 评论 -
vue父子组件通信方式
点击子组件向父组件传值,父组件接收。父组件向子组件传值,子组件接收。子组件:LogOut。原创 2022-08-28 17:43:10 · 806 阅读 · 0 评论 -
css超出的文字省略号显示(单行和双行)
【代码】css超出的文字省略号显示(单行和双行)原创 2022-08-25 18:38:18 · 252 阅读 · 0 评论 -
vue修饰符
vue中的事件修饰符常用:1.prevent:阻止默认事件2,stop:阻止事件冒泡3.once:事件只触发一次4.capture:使用事件的捕获模式5.self:只有event.target是当前操作的元素时才触发事件6.passive:事件的默认行为立即执行,无需等待事件回调执行完毕CSS代码: vue实例代码:.........原创 2022-07-10 00:46:17 · 233 阅读 · 0 评论 -
清除浮动的几种方式
先来了解一下什么是高度塌陷:当所有子元素浮动的时候,且父元素没有设置高度,这时候父元素就会产生高度塌陷举个栗子:这是没有清除浮动的样子:这是清除浮动后的样子: 方法一:给父元素单独定义高度注:(以下只贴改动的代码)优点:快速简单,代码少缺点:无法进行响应式布局 方法二:父级定义overflow:hidden;zoom:1;(针对ie6的兼容),只定义overflow:hidden也是可以实现效果的优点:快速简单,代码少,兼容性较高缺点:超出部分被隐藏 方法三:在浮动元素后边加一个空标签,并原创 2022-07-01 13:08:14 · 207 阅读 · 0 评论 -
Get和Post的区别
1.Get是从服务器上获取数据,Post是向服务器传送数据2、url可见性:get,在客户端,get通过url提交数据,参数url可见;post,数据放在html header种提交,url参数不可见3、数据传输上:get,通过拼接url进行传递参数;post,通过request,body体传输参数4、缓存性:get请求是可以缓存的post请求不可以缓存5、后退页面的反应get请求页面后退时,不产生影响post请求页面后退时,会重新提交请求6、安全性get较不安全(提交数据最多只能有1024字节)post较原创 2022-06-30 16:50:41 · 126 阅读 · 0 评论 -
hasOwnProperty用来干嘛的
hasOwnProperty:是用来判断一个对象是否有你给出的名称的属性或对象。有则返回true,没有返回false,不过需要注意的是,此方法无法检查该对象的原型链中是否具有该属性,该属性必须是对象本身的一个成员。前面提到此方法无法检测该对象的原型链中是否有该属性,举个例子: 示例二:string对象的原型上本来就有这个属性,自然返回true 部分参考: https://blog.youkuaiyun.com/liulanba/article/details/112479803?原创 2022-06-12 15:23:56 · 10344 阅读 · 0 评论 -
数组的方法有哪些
1.map:遍历数组,返回回调返回值组成的新数组2.filter过滤 3. some(一真则真)/every(一假则假)4.join 通过指定连接符生成字符串5.sort/reverse 排序和反转数组 这两个皆改变原数组6.push/pop:数组末尾推入和弹出 改变原数组,7.unshift/shift 数组头部推入和弹出,推入返回长度,弹出返回操作项8.concat连接数组,两个或多个 9.slice(start,end) 返回截断后的新数组原创 2022-06-10 16:14:38 · 1475 阅读 · 0 评论 -
如何获取一个对象的原型对象
函数的prototype属性1、每个函数都有一个protopype属性,它默认指向一个Object空对象(即称为:原型对象)原型对象中有一个constructor,它指向函数对象console.log(Cat.prototype.constructor === Cat)2、给原型对象添加属性(一般是方法)===>实例对象可以访问========显式原型与隐式原型1.每个函数function都有一个prototype,即显式原型(属性)2.每个实例对象都有一个__prot.原创 2022-05-12 14:43:09 · 1591 阅读 · 1 评论 -
ES6-ES11
(function(){ //匿名函数自调用 var a = 3 console.log(a+3) //6})()var a = 4console.log(a) //4(function(){ var a = 1 function test(){ console.log(++a)}window.$ = function(){ return{ test:test }}})()$().test() //2判断:typeof:可以区别:数值、字符串、布尔值、und原创 2022-02-05 11:48:02 · 637 阅读 · 0 评论 -
js基础知识总结
一、数据类型Number Boolean Null Undefined1.强制转换类型:①.转换为Number②.其他进制的数字十六进制 :a = 0X10八进制:a = 070像这种070 当我们用parseInt进行转换的时候,有的浏览器会把它当作八进制数字,转换出来就是56而有的浏览器,就是把它当作普通的070,也就是十进制,那他转换出来是70那么我们为了指定它,需要加上10或者8↓a = "070"a = parseInt(a,10)====70a = par..原创 2022-01-30 11:13:15 · 512 阅读 · 0 评论 -
Git命令行基本操作
Git和代码托管中心代码托管中心任务:维护远程库局域网环境下GitLab服务器外网环境下GitHub码云初始化git仓库 最直接的效果就是创建了一个.git目录以.开头的都是隐藏目录设置签名用户名:tomEmail地址: goodMorning@atguigu.com作用:区分不同开发人员的身份辨析:这里设置的签名和登录远程库(代码托管中心)的账号、密码没有任何关系命令项目级别/仓库级别:仅在当前本地库范围内有效git confi...原创 2021-12-28 21:01:13 · 898 阅读 · 1 评论 -
删除节点的倒数第n个节点
19.删除节点的倒数第N个节点给你一个链表,删除链表的倒数第n个结点,并且返回链表的头结点。示例1:输入:head = [1,2,3,4,5], n = 2输出:[1,2,3,5]示例2:输入:head = [1], n = 1输出:[]示例3:输入:head = [1,2], n = 1输出:[1]提示:链表中结点的数目为sz 1 <= sz <= 30 0 <= Node.val <= 100 1 ...原创 2021-12-12 15:47:49 · 228 阅读 · 0 评论 -
To install it, you can run: npm install --save
报错信息如下: ERROR Failed to compile with 1 errors 下午11:14:39This dependency was not found:* !!vue-style-loader!css-loader?{"sourceMap":true}!../../../node_modules/vue-loader/lib/style.原创 2021-11-22 11:11:16 · 43501 阅读 · 1 评论 -
新下载好的idea双击没反应 打不开
2021.2idea下载安装完成 双击没反应.细节不多说 挂大神链接https://blog.youkuaiyun.com/hnzmdpan/article/details/119845850?utm_source=app&app_version=4.16.0&code=app_1562916241&uLinkId=usr1mkqgl919blen原创 2021-11-03 08:23:32 · 1531 阅读 · 3 评论 -
Error running ‘XXX‘: Address localhost:1099 is already in use
进程被占用,关闭进程就好了win+R进入cmd ,找到1099 的PID 每个人都不一样,比如我这里是389601.netstat -ano继续执行命令tasklist 找到刚才你那个PID 看看是哪个进程占用了打开任务管理器 详细信息 找到占用端口的任务 结束任务就好了...原创 2021-10-31 15:56:54 · 177 阅读 · 0 评论 -
localStorage SessionStorage cookie session之间有什么区别
localStorage SessionStorage cookie session之间有什么区别?localStorage 生命周期:关闭浏览器后数据仍然保留,除非手动清除,否则一直在 作用域:相同浏览器的不用标签在同源情况下可以共存localStorage sessionStorage 生命周期:关闭浏览器或标签后即生效 作用域:只在当前标签可用,当前标签的iframe中且同源可以共享 cookie 是保存在客户端的,一般由后端设置值,可以设置过期时间 储存大小只有.原创 2021-10-29 18:54:48 · 344 阅读 · 0 评论 -
拦截登录状态 vue生命周期
已经登陆成功了,如果我们不想点击返回就还能退回到登陆页面,此时就需要用到拦截。拦截登陆状态的几种方式不加拦截状态,如果我们在登录成功之后 改变地址到localhost:8050/ 还会跳回到登录页面,不安全。1.最简单的一种,在vue生命周期created阶段(后面会补充一下vue生命周期,各阶段特点)created() { var manager =JSON.parse(sessionStorage.getItem("manager")) if(原创 2021-10-29 17:49:48 · 722 阅读 · 0 评论 -
Avoid mutating a prop directly since the value will be overwritten whenever the parent component...
Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value. Prop being mutated: "addMemberVisible"found in原创 2021-10-29 16:44:29 · 337 阅读 · 0 评论 -
Vue中 path和name的区别是什么
path 顾名思义跳转路径,从哪里跳转 两处名字要一致原创 2021-10-29 16:23:43 · 5146 阅读 · 0 评论 -
对于(i%2)的理解
if(i%2){执行语句}else{执行语句}我们都知道if语句的用法,如果判断条件为True,且bool值为真,那么会执行if里面的语句。i%2会得到一个属,由布尔值我们可以知道,只有结果为0时,bool值才为false。所以i%2不为零的时候 执行i里面的语句,否则执行else里面的语句。i%2一般用来判断奇偶数 i%2==0 为偶数 i%2==1说明为奇数...原创 2021-10-16 14:01:30 · 5453 阅读 · 0 评论 -
Linux常用的基本命令 必须掌握
目录管理绝对路径:路径的全称例如:C:\ProgramData\360safe\xxx.xx相对路径:比如360safe目录下,这个xxx.xx文件,对应我们的相对路径就为/xxx.xx切换目录命令 cd返回上一级目录:cd…返回当前目录:cd./...原创 2021-10-16 01:27:39 · 111 阅读 · 0 评论 -
js 实现红绿灯
<html> <head> <meta charset="utf-8"> <title></title> </head> </style> --> <style> .box{ width:250px; height:52px; padding:15px 30px; border:2px solid #ccc; .原创 2021-10-12 15:30:43 · 873 阅读 · 0 评论 -
js编写程序 移除数组中与2相等的元素 并生成一个新数组
移除数组arr([1,2,3,4,2,5,6,2,7,2])中与2相等的元素 并生成一个新数组,不改变原数组<script> var arr = [1,2,3,4,2,5,6,2,7,2]; var newArr = []; //遍历数组 for(var i = 0;i<arr.length;i++){ //找出不等于2的元素 if(arr[i]!==2){ newArr(newArr.length) = arr[i] } } //输出生成的新数组原创 2021-10-12 15:26:33 · 3558 阅读 · 1 评论 -
167.两数字和II 输入 有序数组 javascript
给定一个已按照 非递减顺序排列的整数数组numbers ,请你从数组中找出两个数满足相加之和等于目标数target 。函数应该以长度为 2 的整数数组的形式返回这两个数的下标值。numbers 的下标 从 1 开始计数 ,所以答案数组应当满足 1 <= answer[0] < answer[1] <= numbers.length 。你可以假设每个输入 只对应唯一的答案 ,而且你 不可以 重复使用相同的元素。示例 1输入:numbers = [2,7,11,15]...原创 2021-10-10 16:51:38 · 68 阅读 · 0 评论 -
876.链表的中间结点
给定一个头结点为head的非空单链表,返回链表的中间结点。如果有两个中间结点,则返回第二个中间结点。示例 1:输入:[1,2,3,4,5]输出:此列表中的结点 3 (序列化形式:[3,4,5])返回的结点值为 3 。 (测评系统对该结点序列化表述是 [3,4,5])。注意,我们返回了一个 ListNode 类型的对象 ans,这样:ans.val = 3, ans.next.val = 4, ans.next.next.val = 5, 以及 ans.next.next.next ..原创 2021-10-08 15:44:09 · 85 阅读 · 0 评论 -
搭建Vue脚手架 并创建一个项目
1.安装node.js环境官网下载:http://nodejs.Nodejshttp://nodejs.org/en/download/傻瓜式安装 一直点下一步2.安装完进入cmd①node -v②npm -v如果显示出node和npm的版本号说明安装成功,建议选择高版本nodejs 低版本容易出错Vue.js官方脚手架工具就使用了webpack模板webpack全局安装npm install webpack -g(-g为全局安装)同样,可以查看版...原创 2021-10-05 21:02:44 · 98 阅读 · 0 评论 -
用javascript求两数之和
给定一个整数数组 nums和一个整数目标值 target,请你在该数组中找出 和为目标值 target的那两个整数,并返回它们的数组下标。你可以假设每种输入只会对应一个答案。但是,数组中同一个元素在答案里不能重复出现。你可以按任意顺序返回答案。示例 1:输入:nums = [2,7,11,15], target = 9输出:[0,1]解释:因为 nums[0] + nums[1] == 9 ,返回 [0, 1] 。示例 2:输入:nums = [3,2,4], t...原创 2021-10-03 17:55:51 · 1436 阅读 · 0 评论 -
找出数组中重复的数字
在一个长度为 n 的数组 nums 里的所有数字都在 0~n-1 的范围内。数组中某些数字是重复的,但不知道有几个数字重复了,也不知道每个数字重复了几次。请找出数组中任意一个重复的数字。示例 1:输入:[2, 3, 1, 0, 2, 5, 3]输出:2 或 3 限制:2 <= n <= 100000//双层for循环简单粗暴var findRepeatNumber = function(nums) { for(var i = 0;i<..原创 2021-10-03 17:46:06 · 89 阅读 · 0 评论 -
用js求 1-100以内的质数
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>求1-100以内的所有素数</title> </head> <body> <script type="text/javascript"> //i从2开始循环,1不是质数 for(var i = 2;i<=100;i++){ //假设i是质.原创 2021-10-01 09:35:31 · 1855 阅读 · 0 评论 -
javascript插入排序
插入排序是冒泡排序的优化,是一种直观的简单排序方法。它的实现原理是,通过构建有序数组元素的存储,对未排序的数组元素,在已排序的数组中从最后一个元素向第一个元素遍历,找到相应位置并插入。其中,待排序数组的第一个元素会被看作是一个无序数组。<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>插入排序</title> </head>..原创 2021-09-26 09:17:32 · 121 阅读 · 0 评论 -
javascript冒泡排序
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>插入排序</title> </head> <body> <script type="text/javascript"> var arr = [12,3,56,34,234]; console.log('排序前的元素:' + arr); f.原创 2021-09-26 08:53:31 · 90 阅读 · 0 评论