- 博客(241)
- 资源 (11)
- 收藏
- 关注
RSS订阅
原创 用了那么久的Vue，你了解Vue的报错机制吗？
相信大家对Vue的不陌生。在使用Vue的时候也会遇到报错，也会使用浏览器的F12 来查看报错信息。但是你知道Vue是如何进行异常抛出的吗？vue 是如何处理异常的呢？接下来和大家介绍介绍，Vue是如何处理者几种常见的报错的。先很大家说说常见的报错，再和大家介绍如何处理。
2022-09-18 10:58:25
2632
4
原创 全网最详细的v-model讲解
v-model的基本使用表单提交是开发中非常常见的功能，也是和用户交互的重要手段：比如用户在登录、注册时需要提交账号密码；比如用户在检索、创建、更新信息时，需要提交一些数据；这些都要求我们可以在代码逻辑中获取到用户提交的数据，我们通常会使用v-model指令来完成：v-model指令可以在表单 input、textarea以及select元素上创建双向数据绑定；它会根据控件类型自动选取正确的方法来更新元素；尽管有些神奇，但 v-model 本质上不过是语法糖，它负责监听用户的输入事件来更新数据
2021-11-29 20:42:47
164011
5
原创 VUE的axios的详细介绍和用法
Vue中发送网络请求有非常多的方式, 那么, 在开发中, 如何选择呢?选择一: 传统的Ajax是基于XMLHttpRequest(XHR)为什么不用它呢?非常好解释, 配置和调用方式等非常混乱.编码起来看起来就非常蛋疼.所以真实开发中很少直接使用, 而是使用jQuery-Ajax选择二: 在前面的学习中, 我们经常会使用jQuery-Ajax相对于传统的Ajax非常好用.为什么不选择它呢?首先, 我们先明确一点: 在Vue的整个开发中都是不需要使用jQuery了.那么, 就意味着为了方便
2021-11-16 15:01:14
42879
6
原创 JavaScript的对象详解
对象是JavaScript中一个非常重要的概念，这是因为对象可以将多个相关联的数据封装到一起，更好的描述一个事物比如我们可以描述一辆车：Car，具有颜色（color）、速度（speed）、品牌（brand）、价格（price），行驶（travel）等等；又比如我们可以描述一个人：Person，具有姓名（name）、年龄（age）、身高（height），吃东西（eat）、跑步（run）等等；
2024-08-31 11:43:07
1038
原创 手把手教会你用Promise
Promise 是 JS 中进行异步编程的新解决方案，在语法上来说: Promise 是一个构造函数，从功能上来说: promise 对象是用来封装一个异步操作并可以获取其成功/失败的结果值。
2024-08-31 11:42:57
730
原创 你真的了解什么是跨域吗？
定义：跨域，就是指浏览器不能执行其他网站的脚本。那为什么会产生跨域这个问题呢？为什么不能再浏览器上执行其他网站的脚本呢？这里就涉及到我们的浏览器的同源策略了，那你可能又要问什么是同源策略？浏览器为什么要使用这个同源策略。不使用这个同源策略不就不会产生跨域这个问题了吗？不就没有那么多事情了吗？我们接下来就老好好解开这个疑问？定义：同源策略是一个重要的安全策略，它可以限制一个来源，或者它的脚本的另一个来源，可以与另一个资源进行有效的合作。可以帮助阻止间接文档，减少可能被攻击的文档。
2024-08-29 22:26:10
866
原创 深圳六度人和面试总结----前端
会根据你的简历技术进行提问，因为公司项目主要用的是React，所以vue问的不多，前端三件套和计算机网络，数据结构问的比较多（这里吐槽一下我觉得数据结构的掌握程度，根本不能代表一个前端的水平。比如，对于字符串 “hello_world”，该正则表达式可以匹配到 _w，然后将其替换成大写字母 W，得到新的字符串 “helloWorld”。解释：正则表达式 /_([a-z])/g 的含义是：匹配所有字符串中 _ 和后面的一个小写字母，并且全局匹配（即匹配所有符合条件的子串）。面试的过程也是围绕着简历来问。
2024-08-29 22:25:49
404
原创 HTML && CSS 面试集
会强制类型转换并比较转换后的结果（如果等号两边存在表达式，会先执行，把表达式都变为数值再进行隐私转换），当两个操作数都是对象时，JavaScript会比较其内部引用，当且仅当他们的引用指向内存中的相同对象（区域）时才相等，即他们在栈内存中的引用地址相同。： 绝对定位的元素的位置相对于最近的已定位父元素，如果元素没有已定位的父元素，那 么它的位置相对于。： 绝对定位的元素的位置相对于最近的已定位父元素，如果元素没有已定位的父元素，那 么它的位置相对于。即使定位在中心，元素的左上角仍然在中心点的左上方。
2024-08-28 20:37:42
752
原创 前端算法题----任意子数组和的绝对值的最大值
该代码通过不断累加连续子数组元素并动态更新计算当前位置的最大和与最小和，同时将负数前缀之重置为零。然后返回全局最大和与最小和的绝对值中较大者作为结果。
2024-08-28 20:37:34
229
原创 TypeScript教程（一）之我们为什么要学TypeScript
TypeScript（中文名：类型脚本）是一种由微软开发的开源编程语言。它是 JavaScript 的一个超集。它给 JS 添加了一套静态类型系统,意味着所有合法的 JavaScript 代码都是合法的 TypeScript 代码，但 TypeScript 还在此基础上添加了额外的特性和静态类型系统。
2024-08-25 16:11:04
857
原创 你不知道的console方法
JavaScript为我们提供了一个内置的调试工具，即控制台(console)，使开发人员能够测试、调试和与他们的网页进行交互。JavaScript的控制台对象中有几种可用的方法，每种方法都有不同的用途。本文将讨论这些方法，并提供它们的使用示例。
2024-08-23 21:48:38
594
原创 什么是认证和授权
简单来说，认证是关于证明你是谁，而授权是关于你在系统中能做什么。这样想一下：认证就像用钥匙解锁并进入你的房子。授权就像知道一旦你进入房子，你被允许进入哪些房间。认证和授权对于网络安全都非常重要。如果一个系统不能很好地管理这些，就好像你把前门大敞开一样，这样会产生很大的安全隐患。如何使用这些过程取决于我们的应用需求、所使用的工具以及我们希望它有多安全。如果我们希望让第三方在不暴露用户凭据的情况下获得访问权限。
2024-08-23 21:48:20
710
原创 什么是微服务？
微服务（Microservices）是一种软件架构风格，它将一个大型的应用程序拆分成一组小而自治的服务，这些服务可以独立开发、部署、扩展和管理。每个微服务都专注于执行特定的业务功能，并通过轻量级通信机制（通常是 HTTP 或消息队列）进行交互。微服务架构旨在解决传统单体应用程序的一些挑战，如复杂性、可维护性和扩展性。
2024-08-23 00:03:10
1019
原创 手把手教你使用scss
SCSS（Sassy CSS）是一种CSS预处理器，它扩展了标准CSS的功能并引入了许多有用的特性，使得编写和维护样式表更加高效和灵活。SCSS允许你在样式表中使用变量、嵌套规则、混合（mixins）、函数、继承等功能，从而提供了更好的组织性、模块化和可读性。SCSS最早是在2006年由Hampton Catlin开发的，后来在2009年由Natalie Weizenbaum维护。这种语言的设计是为了解决编写复杂和可维护CSS时的一些限制和挑战。
2024-08-23 00:03:08
759
原创 适合前端小白的-NPM包管理命令合集
NPM代表Node Package Manager（Node包管理器），它是一个用于管理和共享JavaScript代码模块的工具。JavaScript是一种在网页开发中广泛使用的编程语言，而NPM使开发人员能够更轻松地共享、重用和维护他们编写的代码。NPM最初是作为Node.js的软件包管理工具而创建的，用于管理Node.js应用程序的依赖关系和模块。随着时间的推移，NPM变得非常流行，并且逐渐成为广泛用于前端和后端JavaScript开发的工具。
2024-08-21 22:32:30
468
原创 Real DOM, Virtual DOM, Shadow DOM,之间有什么区别
它允许你在 HTML 元素内部创建一个独立的 DOM 子树，这个子树的样式和行为都被隔离在一个封闭的环境中，不会与外部的页面发生冲突。Shadow DOM 的概念旨在提供一种更强大的封装性，使开发人员能够构建独立的、可重用的 Web 组件，而不必担心样式和脚本冲突。当 Real DOM 发生变化时，浏览器会重新计算网页的布局和样式，并且必要时重新绘制整个页面，以确保页面呈现与实际 DOM 的状态一致。虚拟 DOM 的概念旨在减少直接操作真实 DOM 带来的性能开销，从而提高网页的响应性能和渲染效率。
2024-08-21 22:32:15
630
原创 TypeScript教程（三）TypeScript的基础类型
之前我们讲解了TypeScript的安装过程，接下来，就让我们开始正式的学习TypeScript的基础类型。
2024-08-18 14:52:18
578
原创 TypeScript教程（二）安装TypeScript
现在你可以使用 ts-node 命令来直接运行 TypeScript 文件。TypeScript 需要依赖于 Node.js 运行时环境。当然，如果刚入门 TypeScript 的小伙伴，不行安装TypeScript，但又想体验一下TypeScript。如果输出显示出对应的 TypeScript 版本号，则说明已经成功地安装了 TypeScript。如果输出显示出对应的 ts-node 版本号，则说明已经成功地安装了 ts-node。运行以下命令来检查我们的Node.js 和 npm是否已经成功地安装了。
2024-08-18 14:52:13
616
1
原创 目前最流行的前端构建工具，你知道几个？
现在的市面上有很多不同的前端构建工具，我们很难对它们一一进行关注。在本文中，我们将重点介绍最受欢迎的几种，并探讨开发人员喜欢或不喜欢它们的原因。
2024-08-15 22:00:30
961
原创 TypeScript教程（五）
上一章我们讲解了Typescript的、type、interface、类型断言、非空断言。接下来我们就来看看字面量类型、类型缩小、函数的类型、函数签名、函数的重载、this类型。
2024-08-14 22:11:59
448
原创 放飞孔明灯
我们都知道在很多地方都有元宵节放孔明灯的习惯，但是近年来，一些地方因为环境和安全考虑，开始限制或禁止放孔明灯，以避免火灾和环境污染等问题。于是我就是手写了一个孔明灯放飞的动画，来弥补大家的遗憾。
2024-08-14 22:11:32
679
原创 “想提高网站排名？前端代码优化就是关键！“（SEO）
SEO确实是一个充满神秘感的领域，既有一定的规则可循，又充满了复杂性，有时甚至会显得有些玄学。在这个不断变化的数字世界里，积累经验似乎是最可靠的方法，而AB实验则是我们的有力工具。本文分享了一部分我个人的SEO优化心得，但要了解SEO的全貌，我们还有很长的路要走。SEO不再局限于Web端，它已经涉足到APP内部，呈现出更多的可能性，我们需要更深入地探索它的奥秘。然而，无论怎样，要做好SEO的最基本前提仍然是网站内容的丰富和有价值。没有优质的内容，SEO也难以施展其魔力。
2024-08-13 22:58:23
983
原创 前后端分离时代的SEO实践经验
🔸构建大型网站，如商城类，可以直接选择SSR服务端渲染。🔸如果只是个人博客、公司官网这类，其余三种都可以。比如Nuxt静态化就挺好的。🔸如果对已用SPA开发完成的项目进行SEO优化，而且支持node服务器，可以使用Phantomjs。
2024-08-13 22:58:10
1148
原创 前端监控究竟有多重要？
这些优化措施不仅可以提高转化率，因为快速加载的网站通常具有更高的转化率，还可以确保我们的网站在多种设备和浏览器上都表现一致，以满足不同用户的需求。最终达到，改善用户体验，提供更快的页面加载时间和更高的性能，增强用户满意度，降低跳出率的目的。它能够帮助组织及时发现和解决问题，减少停机时间，提高系统的可靠性和性能，从而支持业务运营。异常报警通常有不同的级别和策略，根据问题的紧急性和重要性来确定通知的方式和频率。通过捕获和报告异常，开发团队可以快速响应问题，提供更好的用户体验，减少客户端问题对业务的不利影响。
2024-08-12 22:55:11
837
原创 如何及时发现网页的隐形错误
在上一篇文章大家了解了前端监控系统的重要性以及前端监控的组成部分、常见的监控指标、埋点方式。接下来这篇文章我们就来详细学习一下前端监控系统中的，。想要进行异常监控之前，肯定先要了解有哪些异常才能进行监控。
2024-08-10 23:05:06
602
原创 Intersection Observer API 帮你搞定前端滚动问题
当我们在做需求时，可能经常会遇到很多跟页面的滚动有关的需求。例如图片的懒加载：我们希望只加载用户当前视图窗口的图片，而未进入到视图窗口的图片，只有在进入到视图窗口时才进行加载，以提高页面响应速度，从而改善用户体验。无限滚动：我们希望在一个页面在不断下拉的过程中，不断的加载新的内容，而无需进行页面跳转，类似于Vue、React等框架中的虚拟DOM的思想，以提升用户体验。根据元素位置需求渲染元素：根据元素在视图窗口中的不同位置去进行一些或动画效果或者样式的改变。
2024-08-09 20:43:05
934
原创 我的JavaScript异常监控策略：保护前端应用免受错误的困扰！
在上一篇文章中我们讲了，前端有哪些常见的异常，以及如今监控获取这些异常的方法，今天我们就来讲讲我是如何来监控我的JavaScript异常的。
2024-08-09 20:42:51
840
原创 JavaScript骚操作媒体查询攻略
我们了解到，借助该方法，我们在 CSS 中经常使用的媒体查询现在也可以在 JavaScript 中使用。并且使用可以为我们提供更好的性能，而不是在window上添加事件侦听器resize。与依赖于window做一些事情的旧方法相比，我们可以使用媒体查询执行更多检查。
2024-08-08 22:52:12
747
原创 “Mutation Observer：让DOM变化尽在掌握
MutationObserver固然好用，但是其也存在缺点。首先是性能损耗虽然在MutationEvent的基础上优化了许多，但是监听body的操作对性能影响还是非常大的，一切用户操作可能都会使函数频繁的回调。解决方案：尽量限制监听范围，只监听必要的节点，或限制监听的变化类型，以减小回调的频率。其次是操作冲突由于回调函数非唯一性，如果两个观察者监听变化后的操作有依赖关系可能会造成错误或者冲突解决方案：我们可以采用锁的机制，确保在满足特定条件时才能执行相关操作，以避免冲突和错误。
2024-08-08 22:51:45
921
原创 递归深度问题和尾调用的关系
当我们在编写计算阶乘的函数，一般我们都会会选择使用迭代或递归的方法来实现。下面就让我们看看，同一个函数的两种实现方法。接着我们再使用递归的方式来实现同样的函数虽然上面这个递归函数和迭代函数的结果是相同的，但浏览器的运行过程中，迭代函数的性能要比递归函数好的多。并且如果我们在递归函数当去计算非常大的数的阶乘时，可能会遇到错误。这是因为递归函数中的递归调用会在调用栈中积累，当递归深度过深时，调用栈会耗尽系统的内存资源，从而导致错误。这样说你可能会很懵，那我们就画图来好好理解一下递归是如何工作的。
2024-08-07 22:46:45
1487
1
原创 我定制了一个属于自己的录屏软件
相信很多朋友都用过不同软件的录屏功能，但是这些软件多少还让存在一些缺点，让我们在录屏的时候不能得心应手。今天我就来手把手教大家自己来制作一个私人订制的浏览器录屏器，
2024-08-07 22:46:39
310
原创 Resize Observer监测DOM元素尺寸改变的神器
是一种JavaScript API，用于监测元素的大小和位置变化。它可以帮助我们在元素的大小或位置发生变化时触发回调函数，以适应不同视口大小或布局变化。
2024-08-06 22:50:57
1474
原创 Web性能监测的利器Performance Observer！！
是一种JavaScript API，用于监测页面性能指标，如资源加载时间、页面渲染时间等。它可以触发回调函数，以便你收集和分析页面性能数据。有了Performance Observer API，后，我们可以更精确地监测和分析网页的性能表现，它可以帮助我们发现和解决潜在的性能问题。但是我们在使用的时候还是需要小心地选择要监测的内容，避免引入额外的性能开销，特别是在处理大量数据时。
2024-08-06 22:50:40
938
原创 如何让你的网站拥有更好的体验
在HTML中，属性是用于提供关于HTML元素的额外信息。接下来我们将讲解13个可以让用户拥有更好体验的HTML属性。
2024-08-05 22:39:52
808
原创 解锁 JavaScript 设计模式：掌握 Singleton 获得终极代码效率
在JavaScript的世界里，设计模式是帮助我们编写性能好、结构清晰、和易维护代码的秘密武器。在这些模式中，单例模式以其多才多艺的特性脱颖而出，单例模式下一个类只有一个实例，并提供对该实例的全局访问的特点。保证了我们无论请求这个类的实例多少次，我们都始终获得同一个实例。当我们需要管理共享资源或控制对单一点的访问时（例如配置管理器、数据库连接，或者在我们的案例中是日志系统），单例模式特别有用。
2024-08-05 22:39:23
764
原创 学会这七种方式，轻松应对笔试中的字符串反转
该split()方法通过将字符串分隔为子字符串，使用指定的分隔符字符串来确定每次拆分的位置，从而将 String 对象拆分为字符串数组。该reverse()方法就地反转数组。第一个数组元素成为最后一个元素，最后一个数组元素成为第一个元素。该join()方法通过连接数组（或类似数组的对象）中的所有元素（用逗号或指定的分隔符字符串分隔）来创建并返回一个新字符串。如果数组只有一项，则将返回该项而不使用分隔符。请注意，我们在 的空引号之间不留空格.join(‘ ‘)。
2024-08-04 13:17:34
1155
原创 一些不被人熟知，但又很好用的HTML属性
HTML（超文本标记语言）具有多种属性，可用于增强我们的网页的结构和功能。下面我就给大家介绍一下，一些很好用的HTML属性，但是不被人熟知的HTML属性。
2024-08-04 13:17:19
1012
手机自动跳广告，给大家安利这款开屏跳过APP广告很强大它是基于应用跳过规则订阅的方式实现跳开屏你可以理解为跳过开屏界的TVb
2024-08-31
商超、百货、便利店、收银系统
2024-08-11
网店快速合同报价生成工具
2024-08-11
图加水印工具-V1.0.rar
2024-08-11
一款PDF转换和编辑工具
2024-05-15
一键关闭 Win11烦人广告 ，删除 Win11 各处广告的 GUI 工具
2024-05-15
鼠标自动化软件-可以录制鼠标操作事假自动执行
2024-05-15
上班摸鱼-全局老板键工具
2024-05-15
超级好用可视化爬虫软件
2024-05-15
一键定时自动化任务软件
2024-05-15
一键自动化文件更名管理器
2023-09-10
c语言+从键盘输入10个无序的整数，存放在数组中，找出数组中最大值与最小值的所在的位置，并输出数组元素所在的位置与数组元素的值
2023-07-13
编写微信界面（UI界面设计-移动平台开发技术-gddrxy
2023-03-30
Activity&Intent的使用-移动平台开发技术-gddrxy
2023-03-30
MallocLab实验-计算机系统基础-gddrxy
2023-03-30
ShellLab实验-计算机系统基础-gddrxy
2023-03-30
ProxyLab实验-计算机系统基础-gddrxy
2023-03-30
CacheLab实验-计算机系统基础-gddrxy
2023-03-30
AttackLab实验-计算机系统基础-gddrxy
2023-03-30
BinaryBomb实验-计算机系统基础-gddrxy
2023-03-30
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人