自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(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

原创 初识Gitee 基本使用方法 常用操作

本地仓库首次推送到远程仓库 创建远程仓库 创建公钥方法 GitHub Gitee基本操作

2023-05-17 22:09:06 1516

原创 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

原创 document节点对象

整个文档的根节点,只要浏览器加载 ,会自动创建document节点对象。

2023-04-08 10:58:23 384

原创 javascript 面试经典面试题目

//高阶函数//高阶函数

2023-04-03 20:10:06 143

原创 初识DOM

document object model :文档对象类型Dom 提供了一个操作网页的接口。把网页转换为js对象,利用js操作网页。

2023-04-03 19:55:26 97

原创 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

原创 map()和 forEach ()基本用法

map() 和 forEach() 对数组的所有成员依次执行参数函数。

2023-03-26 16:28:11 679

原创 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

原创 前端8day-css 元素定位

伪类选择器,伪对象选择器,position元素定位的用法以及一些常用的属性

2023-03-01 19:35:58 465

原创 坚持学前端的07day

简单介绍伪类选择器,盒模型以及浮动

2023-02-28 21:21:35 94

原创 对前端不离不弃的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

原创 div布局的小练习~

两个简单的布局练习!

2023-02-24 09:47:55 369

原创 坚持学前端的4day

poster:规定视频正在下载时显示的图像,直到用户点击播放按钮。您的浏览器不支持播放视频,请升级。您的浏览器不支持播放音频,请升级。autofocus: 自动获取焦点,推荐加在第一个表单元素上。controls: 显示控制面板。autoplay 自动播放。src :路径 必须属性。loop: 循环播放。

2023-02-23 15:27:34 106

原创 坚持学前端的3day

记录了表格和表单的简单使用 (有待完善)

2023-02-22 20:49:15 85

原创 坚持学前端的2day

简要概述图片/超链接/格式化文本/列表的有关内容

2023-02-22 20:40:30 128

原创 坚持学前端的1day

.HTML基本介绍 按着自己的理解写了笔记

2023-02-22 20:32:33 192 1

网易云音乐移动端项目的 全局样式参考

仿写网易云音乐:移动端项目

2023-06-04

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除