- 博客(43)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 JavaScript对象
Object.assign()是ES6的一个方法，将后面的对象与第一个对象合并，相同属性后面的覆盖前面的，第一个对象不存在的属性会原封不动存到该对象。在对象中有些值是对象独有的，像属性（name，age，gender）每个对象都应该有自己值，但是有些值对于每个对象来说都是一样的，像部分方法和属性，对于一样的值没必要重复的创建。对象的每一个键名又称为“属性”（property），它的“键值”可以是任何数据类型，比如数组，对象，函数，字符串，布尔类型等。类的代码块是用来设置对象的属性的，不是什么代码都能写。
2024-01-11 15:10:09
783
原创 前端高频面试/笔试题——同步任务、微任务、宏任务执行顺序
只有上游的任务全部执行完才能执行下游的任务。async标记的函数会原地等待await表达式的结果，await表达式后面的内容就相当于then里面的内容，属于异步的微任务。解析：注意这题有微任务的嵌套，同一个async标记的函数中若有多个await，那么就存在微任务的嵌套（微任务套着微任务）。：按照变式二解析的思路去推导即可得出。首先执行同步任务，所以依次输出。，控制台输出async3，注意。后面的内容又是一个微任务，所以。先将任务按照顺序分好类。
2024-01-06 22:10:27
487
原创 数据结构（JS实现）
部分图引自https://www.cnblogs.com/AhuntSun-blog/p/12636718.html，侵权删
2024-01-05 10:04:54
970
原创 常见算法（JavaScript版）
部分图引自https://www.cnblogs.com/AhuntSun-blog/p/12636718.html，侵权删
2024-01-05 10:00:59
1014
原创 JavaScript之正则表达式
详见MDN正则表达式(RegExp)正则表达式不是JS独有的内容，大部分语言都支持正则表达式JS中正则表达式使用得不是那么多，我们可以尽量避免使用正则表达式在JS中，正则表达式就是RegExp对象，RegExp 对象用于将文本与一个模式匹配正则表达式(regular expressions, 规则表达式)正则表达式用来定义字符串匹配的规则通过这个规则计算机可以检查一个字符串是否符...
2023-10-11 15:26:00
313
原创 回文串相关的题
给你一个字符串 s，找到 s 中最长的回文子串。如果字符串的反序与原始字符串相同，则该字符串称为回文字符串。示例 1：输入：s = “babad”输出：“bab”解释：“aba” 同样是符合题意的答案。示例 2：输入：s = “cbbd”输出：“bb”提示：s 仅由数字和英文字母组成。
2023-08-08 16:19:15
52
原创 移动端布局
移动端浏览器我们主要对webkit内核进行兼容 我们现在开发的移动端主要针对手机端开发 现在移动端碎片化比较严重，分辨率和屏幕尺寸大小不一 学会用谷歌浏览器模拟手机界面以及调试视口就是浏览器显示页面内容的屏幕区域视口分为布局视口、视觉视口和理想视口我们移动端布局想要的是理想视口就是手机屏幕有多宽，我们的布局视口就有多宽想要理想视口，我们需要给我们的移动端页面添加 meta视口标签标准的viewport设置 视口宽度和设备保持一致 视口的默认缩放比例1.0。
2023-07-24 17:31:02
87
原创 CSS3媒体查询
什么是媒体查询？媒体查询(Media Query)是CSS3新语法。使用 @media 查询，可以针对不同的媒体类型定义不同的样式@media 可以针对不同的屏幕尺寸设置不同的样式当你重置浏览器大小的过程中，页面也会根据浏览器的宽度和高度重新渲染页面目前针对很多苹果手机、Android手机，平板等设备都用得到媒体查询语法规范@media mediatype and|not|on...
2023-07-23 22:22:00
329
原创 CSS3雪碧图 | 精灵图
雪碧/精灵图CSS Sprite也叫CSS精灵图、CSS雪碧图，是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去为什么需要精灵图如果一个网页有很多小的背景图像作为修饰，当网页中的图像过多时，服务器就会频繁地接收和发送请求图片，造成服务器请求压力过大，这将大大降低页面的加载速度。因此，为了有效地减少发送请求和服务器接收请求的次数，提高页面的加载速度...
2023-07-20 09:29:00
39
原创 Cookie、localStorage、sessionStorage
本文参考了以下视频cookie、localStorage 和 sessionStorage的区别及应用实例浏览器本地存储CookieCookie是一种存储机制HTTP Cookie(也叫 Web Cookie 或浏览器 Cookie)是服务器发送到用户浏览器并保存在本地的一小块数据(一般不超过4kb)。浏览器会存储 cookie 并在下次向同一服务器再发起请求时携带并发送到服务器上...
2023-06-06 20:03:00
15
原创 Promise及async和await（含相关面试题及Promise封装实战）
参考尚硅谷Promise教程写的笔记，视频链接https://www.bilibili.com/video/BV1GA411x7z1。
2023-05-16 14:37:12
173
原创 Vue3核心基础
这是根据尚硅谷Vue教程写的笔记，有些图片在本地，无法显示，但总体不影响阅读。视频链接https://www.bilibili.com/video/BV1Zy4y1K7SH
2023-05-16 14:11:17
144
原创 Vue核心知识点
这是根据尚硅谷Vue教程写的笔记，有些图片在本地，无法显示，但总体不影响阅读。视频链接https://www.bilibili.com/video/BV1Zy4y1K7SH
2023-05-16 13:49:06
1134
原创 CSS选择器（包含CSS3新增的伪类和属性选择器等）
选择器详见https://developer.mozilla.org/zh-CN/docs/Learn/CSS/Building_blocks/SelectorsCSS语法 规则由两个主要的部分构成：选择器，以及一条或多条声明(样式)全局选择器可以与任何元素匹配，优先级最低，一般做样式初始化*{ margin: 0; padding: 0; }元素选择器HTM...
2023-03-25 11:49:00
40
原创 CSS3动画
动画动画(animation)是CSS3中具有颠覆性的特征之一，可通过设置多个节点来精确控制一个或一组动画，常用来实现复杂的动画效果。相比较过渡，动画可以实现更多变化，更多控制，连续自动播放等效果。动画的基本使用，制作动画分为两步：1.先定义动画2.再使用(调用)动画1. @keyframes定义动画使用@keyframes规则，你可以创建动画，keyframes就是关键帧的意思...
2023-03-24 16:46:00
46
原创 CSS中的transform（二维变换）
案例来自pink老师教程，自己做了一些总结和优化，侵权删。原教程链接https://www.bilibili.com/video/BV14J4114768?p=357
2023-03-24 09:05:19
12744
原创 CSS3中的transform（二维变换）
二维变换有平移，旋转，缩放，反射，错切transform 是元素转换属性，其属性值为转换函数，使用该属性可以让元素向指定方向移动、缩放大小、旋转等变化。这里介绍以下三种常用的转换函数：旋转函数(rotate)移动函数(translate)缩放函数(scale)translate平移CSS中的二维坐标系如下(注意y轴正方向与数学中常见的二维坐标系中的y轴正向不一样)语法t...
2023-03-23 23:35:00
104
原创 json
什么是JSON概念：JSON 的英文全称是 JavaScript Object Notation(记号，标记)，即“JavaScript 对象表示法”。简单来讲，JSON 就是 Javascript 对象和数组的字符串表示法，它使用文本表示一个 JS 对象或数组的信息，因此，JSON 的本质是字符串。作用：JSON 是一种轻量级的文本数据交换格式，在作用上类似于 XML，专门用于存储和传输...
2023-03-20 08:21:00
16
原创 前端笔试/面试常见编程题
如果任一值在数组中出现 至少两次 ，返回 true；如果数组中每个元素互不相同，返回 false。链接：https://leetcode.cn/problems/contains-duplicate。若有重复元素，二者返回的下标必定不相等。所以可以通过比较返回下标判断数组是否有重复元素。indexOf()从前往后查找数组元素，返回数组下标，没找到返回-1。输入：nums = [1,1,1,3,3,4,3,2,4,2]输入：nums = [1,2,3,1]输入：nums = [1,2,3,4]
2023-02-26 17:58:36
288
原创 原生JavaScript实现贪吃蛇小游戏
代码是参考李立超老师教程后自己敲的，自己只是想记录下自己写的注释及心得体会，侵权删，教程链接为https://www.bilibili.com/video/BV1mG411h7aD?p=174&vd_source=efd4241fdf9061e2f928f58914d04b92
2023-02-22 19:19:58
80
原创 原生JavaScript实现轮播图
图片源自李立超老师的JS核心基础教程，代码是看了李立超老师视频后自己敲的。教程网址https://www.bilibili.com/video/BV1mG411h7aD?p=169&vd_source=efd4241fdf9061e2f928f58914d04b92
2023-02-21 11:54:46
127
原创 HTML、CSS、JavaScript实现表格行信息的删除添加
来自李立超老师的练习，这个是自己写的事件委托优化后的版本，原视频网址https://www.bilibili.com/video/BV1mG411h7aD?p=147&vd_source=efd4241fdf9061e2f928f58914d04b92
2023-02-12 16:47:59
503
原创 JavaScript笔记
结合各个教程及资料写的JavaScript笔记，后期还会更新。70%的内容是自己一个一个字敲的，自己也画了一些图帮助理解，运行截图也是自己运行的。部分图片引自网络，侵权删
2023-02-09 10:43:22
149
原创 JavaScript
theme: condensed-night-purpleJavaScript简介JavaScript历史1995年JavaScript问世，最初的主要用途是代替Perl等服务器端语言处理输入验证。网景公司在其Navigator浏览器中加入JavaScript以实现此功能。ECMAScript是JavaScript的标准，在日常场合，这两个词是可以互换的。JavaScript 是一种轻...
2022-10-27 22:07:00
92
原创 vscode常用快捷键
个人认为，visual studio code是一款好用且轻量的代码编辑器，本文总结了一些关于vscode的快捷键，可以帮助我们提高工作效率
2022-10-09 17:11:40
184
原创 码分复用CDM(Code Division Multiplexing)；码分多址CDMA（Code Division Multiple Access）
计算机网络码分复用技术
2022-10-09 15:51:55
1056
原创 CSS
单位换算在浏览器中默认的文字大小是16px,因为1em和当前字体大小相等，所以默认1em=16px=100%em是相对单位，是相对当前文本大小的倍数。比如当前文本大小为16px，则2em=32px。如果当前文本未设置大小，则逐层向上寻找有设置的大小为参照，比如该晨未设置大小，而父级设置了18px，则该层的2em=36pxEmmet语法Emmet语法的前身是Zen coding,使用Emm...
2022-10-02 16:04:00
64
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人