前端
关注
分享
扫一扫
文章平均质量分 73
训猫高手
这个作者很懒，什么都没留下…
展开
-
【前端】深拷贝和浅拷贝详解--附Dior炸天方案
先说明一下为什么会有这个问题，数据类型分为原始类型（number、string等）和引用类型（比如数组）。这就意味着：当你把一个数组赋值给一个变量的时候，你是将数组的地址而非数组本身赋给了变量。先给出深拷贝和浅拷贝的定义：浅拷贝：创建一个新对象，这个对象有着原始对象属性值的一份精确拷贝。如果属性是基本类型，拷贝的就是基本类型；如果属性是引用类型，拷贝的就是引用类型，所以如果其中一个对象改变了这个地址，就会影响到另一个对象。深拷贝：将一个对象从内存中完整的拷贝出来一份，从堆内存中开辟一个新的区域存放新对原创 2020-10-22 23:39:55 · 433 阅读 · 0 评论 -
【前端】JS-定时器setTimeout和setInterval
写JS的时候经常会用到定时器，写这篇文章的目的是详细说明一下定时器的使用方法以及使用场景，以及一些注意事项。一、定时器的介绍Windows对象提供了两种定时器方法，分别是：window.setTimeout(code, millisec) # 第一种window.setInterval(code, millisec) # 第二种其中，第一种的作用是：让code等待millisec时间后运行，第二种的作用是：每隔millisec时间就运行一次code。里边的code可以是用引号括起来的一段代原创 2020-10-20 23:13:47 · 1534 阅读 · 0 评论 -
【前端】关于react+typescript遇到的“泛型约定组件状态”，报错：Property ‘***‘ does not exist on type ‘Readonly＜{}＞‘.ts(2339）
最近自己做东西的时候又遇到这么一个报错：Property ‘***’ does not exist on type ‘Readonly<{}>’.ts(2339），报错的意思可以参考typescript的官方错误信息列表：typescript官方错误信息列表，简单说就是我们使用的state中的数据，必须要在一开始用泛型去规定一下类型，防止错误类型的数据传进来。如果想深入了解，可以参考官方文档：typescript–泛型接下来我说一下我的解决方法，我的解决方法是参考了这篇文章：原文链接，以下是原创 2020-08-26 01:33:57 · 6875 阅读 · 2 评论 -
【前端】HTML复习巩固
最近在看之前写的HTML的笔记，发现有一些印象比较模糊了，现在做一个统一的整理，算是HTML中常用的一些标签、属性、特点之类的归类吧。用vscode多了，一开始就直接！加回车，慢慢的就忘了一些基础的东西了，比如：<!DOCTYPE html>用来告诉浏览器我们的文件类型。再比如：<html lang="zh-CN">用来指定html标签中用的是中文，en指的是用英文。再比如：<meta charset="UTF-8">用来指定html的保存编码方原创 2020-07-22 23:31:13 · 211 阅读 · 1 评论 -
【前端】JS-删除绑定事件
自己在练习输入密码框的时候突然想到之前用过的网站中基本都有这么一个功能：最开始密码输入框里有提示输入密码的文字，点击之后文字消失，可以输入密码（此时密码是不可见的，也就是type是password）。这个需求很快就实现了，可是我写的代码还有一点问题，就是当输入框失去焦点，重新点击输入框的时候，原先输入的密码也消失了。于是我开始分析问题，导致原先输入的密码消失的原因就是我的输入框绑定了一个点击事件，当我点击的时候，会把他的type设置为password，同时value设置为null。如果想解决问题，就原创 2020-07-20 07:08:20 · 1322 阅读 · 0 评论 -
【前端】CSS3--动画animation的基本使用，3分钟快速实现一个小动画
3分钟快速实现一个小动画。需求是：当我打开页面的时候，会有一个300*300的粉色的正方形从左边移动到右边。首先我们来看看CSS3是怎样使用动画的，可以大致分为两步：定义动画调用动画1. 如何定义动画定义动画需要用到 @keyframes 关键字，他的格式是下面这样的：@keyframes 动画名称 { 0% { // 初始状态 } 100% { // 结束状态 }}2. 如何调用动画调用动画要用到 animation-name 以及 animation-durat原创 2020-07-06 23:55:31 · 1389 阅读 · 0 评论 -
【前端】外边距合并问题 -- 嵌套盒子
css外边距重合指的是两个垂直相邻的块级元素，当上下两个margin相遇时，会产生重叠现象，且重叠后的margin为较大的那一个。具体是怎么一回事呢，我们来直观的看一下：首先把body的背景色设置为骚粉，方便观察，再新建三个俄罗斯套盒，分别是container – father – son，然后给他们的宽高分别设置为600600、400400、200200，背景色分别设置为蓝、红、绿。margin和padding都初始化为0。效果如下图所示：![在这里插入图片描述](https://img-blog原创 2020-06-22 01:26:15 · 705 阅读 · 1 评论 -
【前端】height 和 line-height的区别
其实很简单height指的是块级别元素的高度,line-height指的是元素内容的高度.当line-height的值和height的值相同的时候,元素会自动上下居中,一般常用于文字中.原创 2020-06-14 21:55:02 · 575 阅读 · 0 评论 -
【前端】前端的几大经典布局方案
第一种：圣杯布局具体效果是这样的： <!-- 圣杯布局 --> <div class="container"> <div class="center"></div> <div class="left"></div> <div class="right"></div> </div>这种布局方式是基于浮动的，首先，设置conta原创 2020-05-19 00:49:46 · 1137 阅读 · 0 评论 -
【前端】盒子水平垂直居中的五大方案
第一种方式：定位的方式让当前的盒子相对于其父级的容器来定位首先要把父级元素的定位方式改为 relative然后把当前盒子position设置为absolute，先把左上角固定在中间，然后向上和向下移动该盒子的一半position: absolute;top: 50%;left: 50%;margin-top: -25px;margin-left: -50px;方法的缺点：一定要知道当前盒子的宽和高，以此来计算调整位置后需要移动的距离第二种方式：拉住他**这种方式没什么好说的，原创 2020-05-18 19:57:36 · 1453 阅读 · 0 评论 -
清理float浮动的小技巧
可以在所有需要清理浮动的上边都加一个类class=“clearfix”，然后对这个类做如下操作.clearfix::before, .clearfix::after { content: ""; display: table} .clearfix::after { clear: both;}搞定原创 2020-05-17 23:51:54 · 168 阅读 · 0 评论 -
【前端小知识】如何把iconfont引入html
1.首先在Iconfont-阿里巴巴矢量图标库上面找到你需要的图标然后加入你的购物车；2.然后就是点击一下购物车，它会出现‘下载代码’的按钮，点击下载代码保存到本地；3.接着就是把下载好的文件解压出来，放到项目的css文件夹（方便之后在html中引用）；4.文件放到项目后，只需要引用iconfont.css这个文件即可；<link rel="stylesheet" href="css/iconfont.css">5.接下来就能以字体的方式愉快的使用啦<a href=""&g原创 2020-05-17 22:07:46 · 1083 阅读 · 0 评论 -
【jQuery01】jQuery选择器
** 本文将从“基本选择器”、“层次选择器”、“表单选择器”、“过滤选择器”四个方面来介绍jQuery选择器。**基本选择器*** 1. ("#id") 选择一个具有给定id属性的单个元素 ，例如：***<script type="text/javascript"> $(document).ready(function() { $("#demo").css({ "width": "100px",原创 2020-05-10 01:37:56 · 156 阅读 · 0 评论 -
【jQuery00】什么是jQuery，为什么要学jQuery，配置jQuery环境，解决冲突，大致使用流程
OK，首先来了解下什么是jQuery，我们可以简单的理解为jQuery是一个JavaScript函数库是一个轻量级的“写得少，做得多”的JavaScript库。特色有以下这些方面：·使用多浏览器开源选择器引擎 Sizzle（jQuery 项目的派生产品）进行 DOM 元素选择·基于 CSS 选择器的 DOM 操作，使用元素的名称和属性（如 id 和 class）作为选择 DOM 中节点的条件·事件·特效和动画·Ajax·Deferred 和 Promise 对象来控制异步处理·JSON 解原创 2020-05-09 02:29:07 · 233 阅读 · 0 评论 -
CSS Grid 网格布局教程
最近自己在看前端知识，在看到css grid布局的时候发现了阮老师的这篇博客，觉得讲得很好，转到这里方便以后查看，原文链接：http://www.ruanyifeng.com/blog/2019/03/grid-layout-tutorial.html...转载 2020-04-18 15:26:18 · 139 阅读 · 0 评论