- 博客(20)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 前端学习笔记
hash模式：URL 中带有，兼容性好，不需要服务器配置，适合简单项目。history模式：URL 美观，符合现代应用开发需求，但需要服务器配置支持。abstract模式：用于非浏览器环境，适合服务端渲染或测试。通常情况下，在浏览器应用中，hash模式适合无需服务器配置的项目，而history模式则适合希望有更加美观 URL 的现代应用。Vue 2 使用实现响应式，只能劫持已有的属性，不能检测新增或删除的属性。Vue 3 使用Proxy。
2024-10-07 10:17:30
1741
原创 9.25盒马鲜生一面
像素（px）是显示器或屏幕上最小的可控单位，表示图像或文本在屏幕上的大小。它是一个绝对单位，通常用来衡量界面元素的宽度、高度、边距、内边距、字体大小等。
2024-09-25 19:14:31
1547
原创 如何理解 JS 的异步？
JavaScript 是单线程的，所有代码都在一个线程中执行，避免了复杂的并发问题。浏览器是多线程的，它有多个辅助线程处理不同类型的任务（如定时器、网络请求等）。JavaScript 主线程将任务交给浏览器的辅助线程去处理，自己不阻塞，等这些任务完成后，结果会通过回调机制放回到主线程执行。整个异步机制是由事件循环和任务队列协调的。通过这种机制，JavaScript 可以在保持单线程的前提下高效地处理异步任务，而不影响页面的响应性。
2024-09-08 20:35:51
739
原创 二十个案例入门CSS3
知识点总结：1. 基础样式与选择器颜色与背景：通过 background-color 设置背景颜色，color 设置文本颜色。字体与文本：使用 font-family 设置字体，font-size 设置字体大小，text-align 控制文本对齐。内外边距：使用 padding 设置内边距，margin 设置外边距。2. CSS 盒模型了解元素的 width、height、border、padding、margin 以及盒模型的布局机制。3. 定位与布局浮动布局 (Float)：通
2024-08-27 20:30:38
1003
原创 上传项目到GitHub
2.将文件夹里面所有的文件添加到本地仓库，如果想添加单个文件，将.换成文件名就好。4.将本地仓库关联到github上，双引号里为自己的github仓库的链接。3.给文件备注，双引号里面是文件备注的内容。前期工作：创建GitHub仓库。1.使用git命令初始化文件夹。5.将代码上传到GitHub库。
2024-07-25 16:47:38
307
原创 基于 Vue 3 和 Element Plus 构建图书管理系统
本文将介绍如何使用 Vue 3 和 Element Plus 构建一个简单的图书管理系统。在模板部分，我们使用 Element Plus 的组件来创建一个对话框，用于添加新书，并显示图书列表和分页功能。成功添加后，刷新图书列表，并重置表单和对话框状态。发送 DELETE 请求，根据图书 ID 删除图书。来实现分页功能，根据当前页码和每页显示的数量来切割图书列表。发送 GET 请求，从服务器获取图书列表，并将其存储在。是我们主要的组件文件，它包含了图书管理的所有逻辑。文件中，我们将实现图书管理功能。
2024-07-17 23:25:12
1224
原创 JavaScript数组与字符串操作
方法测试数组内的所有元素是否都能通过某个指定函数的测试。方法用另一个字符串填充当前字符串（从左侧开始），直到达到给定长度。方法返回一个新字符串，其中某些模式（字符串或正则表达式）被替换。方法创建一个新数组，包含所有通过所提供函数实现的测试的元素。方法返回指定值在字符串中第一次出现的位置，未找到返回。方法将一个或多个字符串与原字符串连接，返回新字符串。方法返回字符串中从指定位置开始到指定字符数的字符。方法判断一个字符串是否包含另一个字符串，返回。方法提取字符串的一部分，并返回一个新的字符串。
2024-06-24 13:16:57
1042
原创 全网最易懂的防抖和节流
作为起始时间来延迟执行函数。使用示例：假设我们有一个输入框，用户输入时我们想要执行一个搜索操作，但不希望在每个字符输入时都进行搜索，而是希望用户停止输入后等待一段时间再执行搜索操作。
2024-06-21 21:52:33
163
原创 杭州炎魂网络前端实习生笔试题
如果更新频率不高，自动刷新或者简单的提示框可能已经足够；如果更新频率较高或者需要实时性，那么WebSocket或者Server-Sent Events可能更适合。这种情况下，确保用户A和用户B在同时编辑同一页面时不会发生冲突，是一个常见的。这种情况通常是由于网络延迟或异步请求导致的页面显示错位问题。
2024-06-19 19:38:48
941
原创 Vue3+ElementPlus+pinia 小案例
使用脚手架快速创建Vue3应用：https://cli.vuejs.org/zh/脚手架自动整合了vue-router路由、ts、前端工程化等库；安装脚手架工具检测安装是否成功vue -V安装依赖。
2024-06-17 12:47:52
342
原创 前端知识梳理
学习如何创建和使用自定义指令创建一些自定义指令，如自动聚焦输入框、滚动到底部等。创建自定义指令。在组件中使用自定义指令。在el.focus()在在<template></div><script></script>reflow 的本质就是重新计算 layout 树。当进行了会影响布局树的操作后，需要重新计算布局树，会引发 layout。为了避免连续的多次操作导致布局树反复计算，浏览器会合并这些操作，当 JS 代码全部完成后再进行统一计算。所以，改动属性造成的 reflow 是异步完成的。
2024-06-07 13:37:39
956
原创 javascript面试题
同源策略”（Same-Origin Policy）是一种浏览器安全策略，用于限制一个网页文档或脚本如何能与来自不同源的资源进行交互。"同源"指的是协议（protocol）、域名（domain）和端口号（port）都相同的两个URL。同源策略旨在保护用户隐私和安全，防止恶意网站通过JavaScript等手段窃取用户数据或者发起恶意攻击。Cookie、LocalStorage 和 IndexedDB 等存储性内容。
2024-04-28 19:31:20
686
原创 vue面试题
路由拦截可以通过 Vue Router 提供的导航守卫来实现，通过注册全局前置守卫、全局后置钩子、路由独享的守卫以及组件内的守卫来对路由导航进行拦截和控制，以满足不同的业务需求，例如权限验证、路由重定向、页面埋点等操作。选择合适的导航守卫可以有效地对路由进行管理和控制。
2024-04-27 15:21:45
1567
原创 前端面试题（vue篇）
和 是 Vue.js 中用于条件渲染的指令，它们的作用是根据表达式的值来控制元素的显示与隐藏。它们的区别在于：：示例：：指令用法： 是一个指令，它同样通过计算绑定的表达式的值来决定元素的显示与隐藏。渲染方式：如果表达式的值为 ，则显示元素（通过 CSS 的 属性控制）；如果为 ，则隐藏元素（通过 ）。性能特点：当 的条件为 时，元素并未从 DOM 中移除，而是通过 CSS 控制隐藏，不会触发销毁和重新渲染的过程。示例：选择使用：MVVM（Model-View-ViewMode
2024-04-26 22:38:32
1709
原创 前端面试题（TypeScript篇）
在TypeScript中，any类型表示任意类型。当一个变量被标记为any类型时，它可以存储任何类型的值，且不进行类型检查。换句话说，使用any类型可以绕过TypeScript的类型检查机制，允许变量在编译时具有任何类型。any逐步迁移：当在一个已有的JavaScript项目中引入TypeScript时，可以将类型逐步迁移。在迁移过程中，可以将原有的JavaScript代码标记为any类型，以便快速进行编译，并且逐步为这些变量添加更具体的类型注解。// 逐步迁移中的代码动态类型。
2024-04-25 23:39:48
757
3
原创 Day3—前端面试题（综合篇）
在事件循环中，所有的任务可以分为同步任务和异步任务，它们的执行方式有所不同。（1）同步任务会直接进入主线程执行，不会被阻塞。（2）异步任务会被放入事件表（Event Table），并注册相应的回调函数到事件队列（Event Queue）。当满足触发条件时，这些异步任务的回调函数会被移入执行队列（Execution Queue）中等待执行。主线程在执行同步任务的同时，会不断地检查执行队列，如果执行队列中有待执行的任务，主线程会将它们移入执行栈（Execution Stack）中执行。
2024-04-25 21:50:23
674
1
原创 前端面试题（综合篇）
闭包是指那些能够访问自由变量的函数。所谓“自由变量”，是指在函数中使用的，但既不是函数参数也不是函数局部变量的变量。一个函数在创建时会生成闭包，闭包包含该函数的函数体以及该函数可以访问的所有变量。
2024-04-24 21:26:28
1573
原创 前端面试题（js篇）
基本数据类型的值是存储在栈内存中的，而引用数据类型的值是存储在堆内存中的。基本数据类型的赋值是复制值，而引用数据类型的赋值是复制引用。基本数据类型的值是不可变的，而引用数据类型的值是可变的。
2024-04-23 22:10:54
1025
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人