- 博客(22)
- 收藏
- 关注
RSS订阅转载 前端真的完蛋了！！！
前端开发是创建WEB页面或APP等前端界面呈现给用户的过程，通过HTMLCSS及JavaScript以及衍生出来的各种技术、框架、解决方案，来实现互联网产品的用户界面交互。前端开发从网页制作演变而来，名称上有很明显的时代特征。在互联网的演化进程中，网页制作是Web1.0时代的产物，早期网站主要内容都是静态，以图片和文字为主，用户使用网站的行为也以浏览为主。随着互联网技术的发展和HTML5CSS3的应用，现代网页更加美观，交互效果显著，功能更加强大。前端开发跟随移动互联网发展带来了大量高性能的移动。
2024-11-04 16:33:51
97
原创 那些你不知道的 CSS 属性
在今天这篇文章中，我们揭示了 15 个隐藏的 CSS 属性，这些属性可能没有引起您的注意，但在增强您的网页设计能力方面具有巨大的潜力。剪切路径允许您定义剪切区域以有选择地显示元素的一部分，从而实现简单矩形之外的复杂且富有创意的形状。文本溢出允许您控制溢出其容器的文本的显示方式，提供省略号或自定义溢出指示器的选项。此属性控制元素的内容与其背景混合的方式，提供与图形设计软件中类似的各种混合模式。该属性定义了溢出元素的滚动行为，只需简单的声明即可实现平滑的滚动动画。
2024-07-26 16:25:04
347
原创 浅析一下：JavaScript 中的匿名函数和箭头函数
JavaScript 提供了多种定义和使用函数的方法。两种常用的函数类型是匿名函数和箭头函数。在这篇博客中，我们浅聊一下这两个函数。
2024-04-12 10:14:26
530
1
原创 28个惊到众人的JavaScript单行代码
JavaScript作为一种强大而灵活的脚本语言，充满了许多令人惊艳的特性。本文将带你探索28个令人惊艳的JavaScript单行代码，展示它们的神奇魅力。
2024-03-22 18:04:43
487
1
原创 告别复制粘贴的黑暗时代！教你们一个新崛起的API
在前端开发的世界里，复制粘贴功能就像是那个总是被忽视，却在关键时刻能救你一命的老朋友。我们习惯了用那些古老的魔法咒语（document.execCommand('copy')）来实现这一功能，但时代在进步，技术在更新，是时候告别那些让人头疼的兼容性问题，迎接新时代的剪贴板API了。
2024-03-22 17:51:21
572
1
原创 神奇的面试题：虚拟DOM 一定比真实DOM快吗？你是怎么得出结论的呢？依据又是什么呢？
框架一定是在基础 API 之上的封装。如果我们把基础 API 的性能消耗比作为 1，那么框架的性能消耗一定是 **1+N** 的。这也就意味着 执行同样的操作时，框架的性能消耗一定 > 基础 API 的性能消耗。所以说，虚拟DOM渲染所消耗的性能 > 真实DOM渲染所消耗的性能就不足为奇了。那么为什么还要使用到虚拟 DOM 呢？其实是因为当 DOM 更新时 ，虚拟DOM 可以帮助我们进行计算，从而减少 DOM 更新的频率，从而提升性能。
2024-03-22 16:49:58
1250
1
原创 【JavaScript】设计可取消函数
你的函数负责将 promise 对象解析的值传回生成器。如果 promise 被拒绝，你的函数应将该错误抛回给生成器。如果错误被捕获，则返回的 promise 应该解析为下一个生成或返回的值。当生成器完成时，您的函数返回的 promise 应该解析为生成器返回的值。但是，如果生成器抛出错误，则返回的 promise 应该拒绝并抛出该错误。cancel函数的惯用法。如果在生成器完成之前调用了取消回调函数，则你的函数应该将错误抛回给生成器。的函数，它接收一个生成器对象，并返回一个包含两个值的数组：一个。
2024-03-15 16:34:16
899
1
原创 前端面试题--合并两个有序数组
初始化 nums1 和 nums2 的元素数量分别为 m 和 n。你可以假设 nums1 有足够的空间（空间大小大于或等于 m + n ）来保存 nums2 中的元素。指向合并后的数组末尾。在合并过程中，我们从两个数组的末尾开始比较，逐步向前填充合并后的数组，确保合并后的数组仍然有序。数组有足够的空间，我们可以从数组的末尾开始比较两个数组的元素，逐步将较大的元素写入。关键在于将两个有序数组合并为一个有序数组。是因为写入成功后，下标自动减一，继续往前比较。的大小，将最大值写入。即可，写入后合并完成。
2024-03-14 09:53:57
632
1
原创 【JS算法】电话号码的字母组合详解
/ 给定一个仅包含数字 2-9 的字符串，返回所有它能表示的字母组合。答案可以按 任意顺序 返回。输出：["ad","ae","af","bd","be","bf","cd","ce","cf"]// 给出数字到字母的映射如下（与电话按键相同）。注意 1 不对应任何字母。输入：digits = "23"输入：digits = "2"输出：["a","b","c"]输入：digits = ""
2024-03-13 16:57:34
644
原创 【JS算法】最接近的三数之和
给你一个长度为 n 的整数数组 nums 和 一个目标值 target。请你从 nums 中选出三个整数，使它们的和与 target 最接近返回这三个数的和。假定每组输入只存在恰好一个解。// 若在遍历过程中，三数之和等于target，直接返回当前的和即可。// 遍历数组，定义双指针，如果当前和更接近，更新最小值。// 根据当前三数之和和target的关系，移动指针。// 数组先升序排序，初始化一个最小和。
2024-03-11 14:10:53
539
1
原创 【JS算法】三数之和
给你一个整数数组 nums ，判断是否存在三元组 [nums[i], nums[j], nums[k]] 满足 i!= k ，同时还满足 nums[i] + nums[j] + nums[k] == 0。请你返回所有和为 0 且不重复的三元组。注意：答案中不可以包含重复的三元组。
2024-03-11 14:08:58
399
1
原创 前端面试题：简述WebPack的核心原理
通过这些原理，它可以将大型项目中的模块组织成单体文件，提高代码的可维护性和性能。4. 依赖关系：WebPack会自动检测每个模块之间的依赖关系，并将其组织成适当的顺序，以便在浏览器中按需加载。WebPack是一个模块加载器，它将多个模块组合成一个单体文件，用于在浏览器中运行。3. 代码优化：WebPack会自动对生成的代码进行优化，例如代码压缩、内联变量等，以减小最终的文件大小。8. 兼容性：WebPack支持多种浏览器，并且可以针对不同的浏览器生成不同的代码，以提高项目的兼容性。
2024-03-08 16:32:13
460
1
原创 ES6 模块化、CommonJS 模块化的区别经典面试题
总体来说，ES6 模块化更加现代且具有一些优势，尤其在静态分析和编译优化方面。然而，CommonJS 仍然在许多服务器端和早期的前端项目中广泛使用。在前端开发中，随着浏览器对 ES6 模块的支持变得更加普遍，ES6 模块化正逐渐成为主流。是静态的，意味着模块在解析阶段就会被加载，而不是在运行时。是动态的，模块在运行时加载，这使得一些优化手段无法在编译时进行。主要导出的是对象，可以将多个变量放在一个对象中导出。允许在运行时动态导入模块，也可以在条件语句中使用。对循环依赖的处理相对复杂，可能需要在运行时解析。
2024-01-31 10:17:33
383
原创 分享几个很棒的 Vue 开发技巧
可能想到的方式是在创建生命周期中调用它一次，但这不是一种优雅的编写方式，所以也许我们可以使用这样的东西。在组件中使用 $route 会导致与其相应路由的高度耦合，通过将其限制为某些 URL 来限制组件的灵活性。$event 是事件对象的一个特殊变量，它在某些场景下为我们提供了更多的可用参数来实现复杂的功能。其实有一种简单的方法就是使用@hook 来监听组件的生命周期，而不需要在组件内部做任何改动。监听一个对象时，当对象内部的属性发生变化时，watch是不会被触发的，所以我们可以为它设置深度监听。
2023-11-03 17:02:31
104
1
原创 移动端+PC端图片预览+手势缩放等功能合集
window.onload = function() { //点击图片进入预览 var $Dom = document.querySelector(".preview"); $Dom.onclick = function() { var temp = this.src; var objE = document.createElement("div"); objE.innerHTML = '' +
2023-09-12 17:05:07
427
原创 2023小程序面试题集
首先在app.json中 配置“tabBar”，对象然后创建list数组，写实际的路径，最少两个，最多五个。或者说：首先配置信息，添加tabBar代码，然后编写tabBar代码 创建list 最少两个最多五个复制代码小程序的组件<swiper></swiper>复制代码小程序如何实现循环默认下标=index 默认内容=item *this代表每个内容可以当（作为）下标使用如果要修改默认值可以 wx:for-index="i" 将默认下标修改为i wx：key="i"即可复制代码事件。
2023-06-15 18:04:42
3968
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人