- 博客(36)
- 收藏
- 关注
原创 实现一层或多层深拷贝(详细+总结)
如果一层深拷贝:对象:扩展运算符、for-in遍历 数组:除了扩展运算符、for-in遍历,还可以使用slice、concat等方法。如果多层深拷贝:第一种方法:可以使用JSON.stringify()和JSON.parse()对数据进行转换,但是这种方法有弊端,如果数据中有函数、undefined等不可以转换。第二种方法:自己手写递归函数、思路:判断数据是否是对象或者数组,但是排除null,如果是可以再判断数据的类型是数组还是对象,然后遍历数组,拿到数据在递归判断。
2023-10-10 15:33:37
281
原创 React基础知识总结
特点:(1)数据是响应式(当数据改变,视图跟着改变)(2)使用: this.state.变量名特点:(1)定义的数据不是响应式(2)使用:this.变量名跨层级传值,数据深层传递Context 提供了一个无需为每层组件手动添加 props,就能在组件树间进行数据传递的方法。在一个典型的React应用中,数据是通过props属性自上而下(由父及子)进行传递的,但这种做法对于某些类型的属性而言是及其繁琐的(例如:地区偏好,UI主题),这些属性是应用程序中许多组件都需要的。
2023-09-06 20:22:47
164
原创 小程序开发中 https://xxx.xxx.com 不在以下 request 合法域名列表中 解决方法
解决方法2.https请求的接口访问报错: 要么appid没有权限 要么不在以下request合法域名列表中,需要配置合法域名。解决方法1.前后端同时开发 后端接口http://192.168.xxx.xxx -需要配置详情- 不校验合法域名。检查你的id和小程序中的id是否一致,如果不相同,就需要复制自己的appid进行修改,如下。但是开发同时进行 如果给的时ip地址 需要点击详情-地址-让其不校验合法域名即可。小程序要发送的请求需要时https网络请求 ,且必须配置合法域名圈口。
2023-08-17 16:42:36
1385
原创 关于启动XAMPP中报错 “使用配置文件中定义的控制用户连接失败 phpMyAdmin 尝试连接到 MySQL 服务器,但服务器拒绝连接。您应该检查配置文件中的主机、用户名和密码,并确..“的解决方案
使用配置文件中定义的控制用户连接失败。phpMyAdmin 尝试连接到 MySQL 服务器,但服务器拒绝连接。您应该检查配置文件中的主机、用户名和密码,并确认这些信息与 MySQL 服务器管理员所给出的信息一致。
2023-07-06 14:26:57
1055
原创 仿写网易云音乐:移动端项目 (1)项目准备
技术栈:Vue + vue-router + axios + vant库。3.新建文件夹 plugins(插件) 创建 vant.js 配置。重新启动项目(只要babel.config.js重新配置)页面测试成功 就可以在库中添加需要的项目开始编译了。2.导入全局样式,清除多余页面和代码。# vue create 项目名。仿写网易云音乐:移动端项目。设置根元素大小 移动端适配。引用代码 测试按钮是否实现。4.所有文档应用插件。
2023-06-04 16:51:04
501
原创 VUE2基础知识(详细版)
组件是实现应用中局部功能代码和资源的集合。v-xx开头,实质是js代码的语法糖。虚拟DOM -- VDOM -- 是一个js对象有些属性需要动态来绑定,比如:动态绑定a元素的href属性;动态绑定img元素的src属性。v-bind可以给任何属性赋值,是从数据到页面的单向数据流(从data指向视图)
2023-05-28 18:48:42
2035
1
原创 js高级-面向对象
function 函数名(形参1,形参2,...,){this.key1 = 形参1;this.key1 = 形参2;//...this.方法1= function(){
2023-04-19 21:34:23
63
原创 关于原型的一些基本知识
1)原型对象上的属性和方法可以被实例对象共享2)只要修改原型对象,变动就立刻会体现在所有实例对象上3)如果实例对象自身就有某个属性或方法,他就不会再去原型对象寻找这个属性或方法每一个【原型对象】都有constructor属性,指向构造函数原型对象上的属性和方法可以被实例对象共享,所以实例对象也有constructor属性,指向创建实例的构造函数每一个【对象】和【函数】都有 __proto__属性,指向它的原型对象4.1 每一个【函数】都有prototype属性,指向他的【原型对象】
2023-04-19 21:26:59
116
原创 元素节点、弹窗和定时器的基本用法
window.setInterval(callback,毫秒数):间歇性定时器 window.setTimeout(callback,毫秒数):只执行一次 window.clearInterval(编号) window.clearTimeout(编号)
2023-04-08 16:49:25
412
原创 getElement系列和querySelector系列区别
方法接受一个作为参数,。方法与用法类似,区别是返回一个NodeList对象,方法返回一个类似数组的对象实例),包括了所有class名字符合指定条件的元素,元素的变化实时反映在返回结果中。方法id如果没有发现匹配的节点,则返回null。方法搜索 HTML 标签名,。它的返回值是一个类似数组对象实例),可以实时反映 HTML 文档的变化。如果没有任何匹配的元素,就返回一个空集。方法用于选择拥有name属性的 HTML 元素(比如<form><radio><img><frame>
2023-04-08 11:23:34
750
原创 Math Date call apply bind
提供了各种数学功能Math不是构造寒素,不能创建实例对象,所有的属性和方法都定义在Math对象上。js提供的一个时间库,以国际标准时间(utc)的1970-1-1 0:0:0为零点。
2023-04-02 18:13:02
74
原创 利用实例方法实现数组去重(六种方法) 面试常问
一:运用splice方法实现:数组去重(tip:直接修改原数组) 二: 运用indexOf方法实现:数组去重(tip:新建空数组,返回新数组) 三:运用includes方法实现数组去重 四:运用sort方法实现数组去重 五:运用对象的唯一key属性 六、利用ES6新增-Set结构
2023-03-27 21:15:29
635
原创 slice ( ) 和 splice () 基本用法
slice()`方法用于提取目标数组的一部分,返回一个新数组,原数组不变。splice()`方法用于删除原数组的一部分成员,并可以在删除的位置添加新的数组成员,返回值是被删除的元素。注意,该方法会改变原数组
2023-03-26 14:57:49
686
原创 js函数经典题型案例
定义函数判断num是否存在小数部分,存在返回true,否则返回false。2.定义函数,功能是判断是否为闰年,打印1900-2023之间所有的闰年。3. 定义函数求指定区间的整数的和。
2023-03-20 21:30:49
118
原创 用原生js写出一个程序-判断一个数是否是完数
它所有的真因子(即除了自身以外的约数)的和(即因子函数),恰好等于它本身。28 除了自身的约束 有1 2 14 4 7 哪呢1+2+14+4+7=28 28就是一个完数。②拿到需要进入循环的数字i 也就是除了他自身以外从1开始小于他本身的数 即i的范围在【1,num-1)之间。例如: 6 除了自身的约数有1 2 3 那么1+2+3=6 6就是一个完数。⑤判断是否是完数 即你输入的数字和求和的数字是否相等 相等则是完数 不同则不是。
2023-03-18 11:18:13
435
原创 JavaScript-水仙花数
水仙花数的特点:这个数本身==这个数的个位数的立方+十位数的立方+百位数的立方。③取余: 40%10 最终得到十位数0。②取整:~~(num/10)后得到40。测试结果如下:由于三位数的水仙花数只有四个,这里以407为例。题干:判断一个三位数是否是水仙花数:三位数用随机数生成。②取整~~(num/100) 得到4。个位:num%10 取余--40.7取7 得到个位。十位: ① num/10得到 40.7。百位:①num/100 得到4.07。2.将三位数的个位十位百位表示出来。如此三位数字都可得出。
2023-03-16 10:27:59
326
原创 位运算符/优先级/数据类型转换/分支结构/随机数
异或 相同为0 相异为1 对两个变量连续异或三次,可以交换两个变量的值 x ^= y; y ^= x; x ^= y; 交换两个变量的值:方法1:临时变量 方法2:连续异或三次 最高位左移,实质:乘以2的n次幂 x
2023-03-15 22:50:06
348
原创 数据类型/运算符
表达式区别:前++:先+1,再返回结果(前++返回的结果是+1以后的值);后++:先返回结果,再+1(后++返回的结果是+1之前的值)**:指数 ES6新增 x**y x为底数,y为指数 右结合 2 ** 3 ** 2 = 2 ** 9。赋值后才能确定数据类型。③- * / % : 隐式转换为number类型,如果不能转换为数字,返回NaN。--:自减 相当于自身-1 --i 或者 i-- 对于i来说都是自身-1。④ true转换为1,false转换为0,null转换为0。
2023-03-15 20:47:24
136
原创 css- 过渡 / 动画 / 浏览器兼容 / 媒体查询
动画的速度变化类型 默认ease 取值ease-in ease-out ease-in-out linear。
2023-03-06 20:51:15
415
原创 学习前端的第十天-css部分结束啦
box-shadow:水平方向偏移位置 垂直方向偏移的位置 模糊度 大小 颜色 位置;background-image:linear-gradient(方向,颜色1,颜色2....)text-shadow:水平方向偏移位置 垂直方向偏移位置 模糊度 颜色;当只取一个值,表示水平方向倾斜的弧度。当取两个值,表示水平和垂直倾斜的弧度。当取两个值时,表示水平和垂直方向。当只取一个值,表示水平方向。
2023-03-03 19:45:02
62
原创 前端学习的09天-cpu干烧了
①父元素设置padding(四周距离相同)4)display取值inline-block,table-cell、flex等。块级格式上下文,元素变为独立的一块,布局不受子元素的影响,反之也行。3)position取值fixed和absolute。3.4 子元素在父元素中水平和垂直居中(面试题常问之一)1)overflow的值不是visible。2)减少网络请求,减少服务端的压力。【推荐使用】 ③子元素设置margin。css精灵图 css sprite。3)减少UI人员的命名困扰。4)移动背景图片的位置。
2023-03-02 21:41:55
129
原创 阴阳师界面部分练习01
下拉菜单被遮挡 因此将导航对应的z-index属性设至最大即可 且改变后中间的空隙 只需将图片元素向上移即可。将其往右下移动父元素宽高的一半,再将其往左上移动自己宽高的一半,且需要将子元素要在父元素中水平居中.,1.分盒子:大盒子包裹一个居中的盒子 居中的盒子中有十五个部分。2.1导航样式:去下划线 去项目符号 改字体颜色 添加背景图。取值为负数,取值越大,层级越高,越往上。这里要注意:溢出部分要用overflow:hidden去隐藏。第三步:依旧利用相对定位完成阴影部分。如此便实现第一步:背景图片居中。
2023-03-02 21:03:46
262
原创 对前端不离不弃的6day -css属性
今天的内容主要是css一些重要的属性 ,如:背景图片/列表/内外边框.....私下结合了魅族官网的布局来练习新属性(等我优化了代码以后会发练习 ,虽然实现了但代码还是有点乱),可以实现中间的间隔分离!--背景图片是否平铺。
2023-02-27 21:13:51
79
2
原创 对前端不离不弃的5day-css开始啦
1.1概念cascading style sheets 层叠样式表 级联样式表 简称样式表1.2作用写网页样式 实现了内容与表现的分离提高了代码的重用性和维护性(重用性-重复利用)1.3 文件后缀 .css1.4css代码由浏览器从上往下 从左往右解析执行1.5 语法选择器{属性:属性值;【也称键值对】属性:属性值;属性:属性值;选择器:选中要写样式的元素 注意:最后一个键值对的分号可以省略1.6 css属性color:pink;1.7 css样式特点1)继承性。
2023-02-24 19:45:49
174
2
原创 坚持学前端的4day
poster:规定视频正在下载时显示的图像,直到用户点击播放按钮。您的浏览器不支持播放视频,请升级。您的浏览器不支持播放音频,请升级。autofocus: 自动获取焦点,推荐加在第一个表单元素上。controls: 显示控制面板。autoplay 自动播放。src :路径 必须属性。loop: 循环播放。
2023-02-23 15:27:34
106
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人