- 博客(161)
- 资源 (6346)
- 收藏
- 关注
RSS订阅原创 你知道这20个数组方法是怎么实现的吗？
join() 方法通过连接数组（或类似数组的对象）中的所有元素创建并返回一个新字符串，用逗号或指定的分隔符字符串分隔。lastIndexOf() 方法返回可以在数组中找到给定元素的最后一个索引，如果不存在，则返回 -1。fill() 方法将数组中的所有元素更改为静态值，从开始索引（默认 0）到结束索引（默认 array.length），它返回修改后的数组。
2023-02-14 18:53:29
607
1
原创 uni-app关闭系统侧边滑动返回的方法总汇
无论安卓还是IOS，系统都自带左侧滑动返回上一页的功能，在实际开发中，我们可能需要关闭系统侧边滑动返回的功能，在uni-app中如何实现呢？下面给出几种解决方案。打开manifest源码视图，app-plus下配 "popGesture": "none"iOS上是否支持屏幕左边滑动关闭当前页面。设为none则不响应左滑动画。在pages.json该页面加入"popGesture": "none"
2023-01-06 11:17:25
2456
1
原创 JavaScript语法 ES6、ES7、ES8、ES9、ES10、ES11、ES12新特性汇总
如果已经可以让对象中返回一个promise 成功（所有的promise 都失败/），失败的承诺。本文汇总了 ES6 至 ES11 使用十分常用的特性，包括正在规划的 ES12，仅涵盖了全部的 ES 特性。使用WeakRefs的Class类创建对对象的弱引用（对对象的弱引用是指当该对象应该被GC回收时不会阻止GC的回收行为）返回在所有给定的承诺中，已被拒绝或被拒绝后的亲，并以一个对象的承诺，每个对象表示。SharedArray 对象使用表示一个通用的长度的密封缓冲区，密封，浏览器：window。
2022-12-28 19:20:51
1451
1
原创 flex这些问题应该被理解，帮助我们更好的理解布局利器
若flex-basis为100px，那么如果该元素内容区宽度超过100px（比如内嵌的图片，font-size大小等），那么与设置width结果相反，会撑大该元素，最后计算的宽度会大于100px。元素flex-basis为auto时，width设为100px，那么当缩小弹性盒时，元素始终为100px，不会变化。唉，折腾到明早也有可能，没办法，谁让她最重要呢？如果flex-basis不为auto（如：0，200px等），那么元素就会忽略width（即使你设置了width），采用flex-basis的值。
2022-12-28 19:19:01
199
原创 34个不可错过的JavaScript代码优化技巧
如果我们要基于不同的类型调用不同的方法，可以使用多个 else if 语句或 switch，但有没有比这更好的简化技巧呢？在查找数组的某个值时，我们可以使用 indexOf() 方法。这也是 ES8 中引入的一个新特性，它的功能类似于 Object.entries()，只是没有键。为了重复操作相同的字符，我们可以使用 for 循环，但其实还有一种简便的方法。当我们想要声明两个具有相同的值或相同类型的变量时，可以使用这种简写。这是我们都在使用的一种常用的简便技巧，在这里仍然值得再提一下。
2022-12-27 14:48:47
321
原创 14 个你必须知道的JavaScript 函数
换句话说，当一个函数不是一次接受所有参数时，而是接受第一个参数并返回一个新函数，该函数接受第二个参数并返回一个新函数，该函数接受第三个参数，依此类推，直到所有参数都已履行。我们要缓存函数操作的结果， 稍后调用时，如果参数相同，则不再执行该函数，而是直接返回缓存中的结果。
2022-12-27 14:47:39
67
原创 15 个你应该知道的JavaScript 对象基础知识
对象有两种属性，拥有的属性是在对象本身上定义的。此时，当前对象和原型都有一个同名的属性，使用当前对象中的那个。JavaScript 中的对象类似于其他语言中称为映射或哈希表的对象，密钥的访问时间为 O(1)。在今天的文章中，我们将一起来了解 JavaScript 中有关对象的一些最重要的知识概念。
2022-12-25 18:20:28
60
原创 15 个常见的 jQuery 特性与原生JavaScript函数
其中一些是 click(function(event) {})、mouseenter(function(event) {})、keyup(function(event) {})。与JavaScript 中的 addEventListener(“click”, (event) ⇒ {}), addEventListener(“mouseenter”, (event) ⇒ {}), addEventListener(“keyup”, (event) ⇒ {}) 函数类似。
2022-12-25 18:20:22
574
原创 JavaScript 中“this”可以指向的 8 个不同的地方
如果箭头函数包含在非箭头函数中，则 this 绑定到最近的非箭头函数的 this 上，否则 this 的值设置为全局对象。函数中的 this 在调用时是绑定的，完全取决于函数的调用位置（即函数的调用方式）。具体来说，箭头函数会继承外层函数并调用 this 绑定（不管 this 绑定什么），如果没有外层函数，则绑定到全局对象（浏览器中的窗口）。new call：绑定新创建的对象，注意：显示返回函数或对象，返回值不是新创建的对象，而是显式返回的函数或对象。但是，经常会出现将对象中的函数分配给变量的情况。
2022-12-24 11:04:22
56
原创 JavaScript 如何执行上下文
这里变量 a 和 b 没有在函数 second() 中定义，它只能访问在其自己的范围（本地范围）中定义的变量 c，但是由于词法范围，它可以访问它所在的函数以及它的父母。在 GEC 中，使用 var 关键字声明的每个变量都会向指向该变量的变量对象添加一个属性，并将其值设置为未定义，使用 let 或 const 声明的变量获取未初始化的值，而在函数声明中，一个属性被添加到指向该函数的变量对象中，所有的函数声明都将被存储并可以在 VO 中访问，甚至在代码开始运行之前。它已经死了，消失了，很久了走了。
2022-12-24 11:03:06
102
原创 20个实用的 TypeScript 单行代码汇总
在今天的文章中，我将与你分享20有用的 TypeScript 单行代码，这些单行代码可以快速的帮助我们提升开发效率，希望对你有用。将字符串转换为带“-”的连字字符串。切换布尔值，变假为真，变真为假。基于两个参数生成一个随机整数。根据当前时间生成一个随机整数。根据当前时间生成随机数字符串。随机生成一组任何类型的数组。
2022-12-23 11:12:57
152
原创 20个超级有用的 JavaScript 技巧
如果我们想删除一个数组的元素，可以使用delete来完成，但是删除后元素会变成undefined，不会消失，而且执行会消耗很多时间，所以大部分情况下不会满足我们的需求。当我们使用参数列表给函数传递参数的时候，参数少一点没问题，但如果参数多，问题就更大了，因为我们必须按照参数列表的顺序传递参数。如果返回数组的长度为 0，则该对象必须为空。
2022-12-23 11:11:39
1022
原创 11条非常实用的Git 和 Git 命令，值得你收藏
它是上下文敏感的，因此所有拉取的提交都将合并到您当前活动的分支中。我们可以创建分支并处理在它们上隔离的代码，我们需要一种方法将所有代码返回到一个分支。以上就是我今天跟你分享的关于Git的知识，希望你能从中学到新内容，如果你还有更多好的技能，也请在留言区给我分享，让我知道它们。BugFix：有时我们的项目有一些紧急的bug，相关的commit放在一个单独的分支，然后合并到master分支。从暂存区中删除所有文件。
2022-12-22 11:51:53
657
原创 11 个有用的现代 JavaScript 技巧
如果值不真实（0，''，null，undefined，false，NaN），当您想要有条件地分配其他值时使用 OR 运算符。在我们日常开发工作中，我们经常使用到字符串的转换、检查它是否存在的对象中的键、有条件地操作对象数据、过滤数组中的假值等。在这里，我整理了一些很棒的JavaScript的技巧，这些技巧是我个人最喜欢的，因为它使我的代码更短更干净且非常有用。
2022-12-22 11:50:49
572
原创 24 个关于设备视窗口的 CSS 单位
于是，CSS 提供了 20 个更大的视窗口单位，以适应时代技术的发展需要，因此，总共为24个视窗单位，看起来感觉很多，但是，它们可能被分解为 6 个主要的视口设备，并带有 3 个精确的辅助单位，从而实现了 24 种组合。如果你的整个软件从水平写入路径切换到垂直写入路径，那么顶部/底部或宽度/高度的概念并不总是意味着相同的元素，因为如果你希望在你的上方和下方添加填充文本内容这将被表示为在垂直书写机器中向左和向右的填充，而不是填充顶点和底部。进行此修改的最重要原因是降低对你的代码执行非凡的编写指南的难度。
2022-12-21 10:38:18
163
原创 19 个解决常见 JavaScript 问题的实用 ES6 代码段
在本文中，我尝试编写一些有用的代码片段，这些代码片段可以在处理 URL、DOM、事件、日期、用户偏好等时为你提供帮助。所有的片段都是我从 30 秒的代码中精心挑选出来的，这是一个很棒的资源网站，我强烈建议你去看看学习更多的东西。整理学习这些的主要标准就是它的实用性，希望你能从中找到一些有价值的东西，可以应用到你未来的代码库中。
2022-12-21 10:37:37
341
原创 10个写出漂亮JavaScript 代码的样式规则
因为，它在 this 的上下文中创建了箭头函数的一个版本，这通常是你想要的，并且是一种更简洁的语法。正如我所提到的，在 JavaScript 中，有很多方法可以获得相同的结果，但其中一些方法比其他方法更复杂。但是，正如它所定义的，它必须是内联的和短的。写计算机可以理解的代码一点也不难，然而，写人类容易理解的代码是具有挑战性的。正如我在介绍中提到的，大小写样式是使代码看起来不错的最重要的概念之一，如果它是一致的。
2022-12-20 13:38:12
128
原创 10 个重构代码时的最佳实践
他们将为我们创造一个安全的环境，让我们专注于重构的目标。在重构代码时，使用源代码控制系统非常重要，这样如果出现问题，我们可以轻松恢复到以前的版本。另外，请记住，掌握这项技能需要时间，我们只能通过这样做来学习，不要犹豫——编写测试、识别问题并重构以解决它们。这些工具可以帮助自动化一些重构过程，并且可以在必要时更容易地恢复我们的更改。在本文中，我们将探讨重构代码的一些最佳实践方式，希望对你有用。
2022-12-20 13:36:28
486
原创 13 个JavaScript 数组小技巧，让你更像技术专家
它是名为反应式编程的编程范式的一部分，并将随时间推移的事件流视为集合，它提供了我们刚刚看到的许多 Array 工具。嗯，这不完全是一个问题，而是一个优化空间的设计决策，而且是可以理解的。在这个示例中，我们还使用了一个返回函数的函数。一个函数，它的第一个参数 previousValue 是到目前为止累积的值，第二个参数 currentValue 是我们在这个数组中检查的当前值。如果您在函数内部对临时数组进行操作，这没什么大不了的，尽管它可能会使其他开发代码的开发人员感到困惑，并使复杂函数的调试变得困难。
2022-12-19 10:23:03
306
原创 12个最常用的正则表达式，帮助你解决50%的问题
后来我明白了一个道理：我真的不需要完全理解正则表达式的所有原理，把一些常用的正则表达式理解通透，因为我们真正使用的正则表达式数量有限，我只需将它们添加到我的笔记本中（甚至不需要记住）。在这个正则表达式中，密码的第一个字符必须是字母，它必须包含至少 8 个字符且不超过 20 个字符，并且不能使用除字母、数字和下划线以外的字符。今天，我收集整理了一些web项目中经常用到的正则表达式，我觉得可以解决50%以上的正则表达式问题。坦率地说，我从来没有理解过正则表达式，我花了很多时间学习它，但我仍然不明白。
2022-12-19 10:21:04
683
原创 10 个顶级web设计趋势，让你的应用程序脱颖而出
你还记得那些来自 Instagram 的引人入胜的过滤器，让我们可以通过应用程序和移动相机将不同的角色放置在我们想要的任何地方吗？舒适视觉设计趋势的概念是为应用程序使用自然的色彩、舒缓的图像和简单的布局。它们包括自然的真实照片，具有平静的色彩和结构简单的轻元素，很少有深色主题设计。要找到更多创意，请尝试 Awwwards——由来自世界各地的创作者展示的数千种设计的集合或 Mobbin — 一个包含 50,000 多个应用程序屏幕截图的库。我们了解，跟踪行业中的所有趋势和趋势并不总是可能的。
2022-12-18 12:31:53
180
原创 10 个关于Reduce必须知道的 JavaScript 技巧
作为一个前端开发者，你一定会大量使用reduce函数，它是一个强大而有用的数组API，但是，今天我想给大家分享10个关于它的进阶技巧。虽然我们已经实现了扁平化深度嵌套数组的功能，但是如何才能完全实现扁平化的功能呢？是的，只需一行代码，我们就可以实现与 Math 的 API 相同的效果。我们不得不承认，使用 Math 的 API 是最简单的方法。
2022-12-18 12:30:40
80
原创 17 个高频好用的JavaScript 代码块
在今天，JavaScript 的运行从移动设备到服务器端，无论您是计划在 2022 年学习或使用 JavaScript ，还是目前正在使用JavaScript进行开发，还是已经熟练掌握了JavaScript技能，我在这里与您分享的这17个高频使用的JavaScript代码段，对您一定会有一些帮助。以上内容就是我与您分享的全部内容了，当然，我这个列表内容不是全面的，如果您还知道一些其他高频好用的JavaScript代码段，请在留言区与我分享，我会非常感激您。
2022-12-17 12:05:30
141
原创 15 个提高 Javascript 开发的 技巧
这些技巧或者你可能已经掌握了，不过没有关系，这个技巧也不可能适用所有人，我分享的目的是把这些有趣好玩又便捷的技巧让更多人知道，以及在需要的时候，可以想到它们。Filter 期望一个函数的参数是当前迭代的对象（如在 foreach 中），它应该返回一个布尔值，指示该对象是否将成为返回数组的一部分（true 表示它通过了测试 并将成为其中的一部分）。是的，即使是变量的声明也有其怪癖。
2022-12-17 12:05:05
138
原创 20 个基础实用的 JavaScript 技巧
函数式编程 compose 另一个重要的功能，并且要能够进行函数组合，函数的组合只接受一个参数，所以如果你必须接受多个函数的需求并且需要使用 compose 函数组合，就需要使用 compose 的部分 curry 准备复合函数，让它总是只接受一个参数。同时传入一个回调，保存实例来观察所有元素的某种状态，比如每个元素的边界，当前元素对应的DOM节点，当前元素进入查看区域的比例。Currization 是函数式编程中的一项重要技术，该技术将一个接受多个参数的函数转换为一系列接受一个参数的函数。
2022-12-16 16:33:49
404
原创 19个让你看起来像专业人士的 JavaScript 单行代码
在今天的文章中，我想跟大家分享19个单行的JS技巧，这些技巧可以帮助我们提升工作效率，同时，还能让我们看起来更加专业。以上就是我今天跟你分享的19个关于JS的单行代码知识，希望对你有所帮助，也希望你能从中学习到一些新东西。使用 Math.pow() 方法，可以将一个数字截断为我们在函数中提供的某个小数点。我们可以使用 reduce 方法来获取我们在此函数中提供的参数的平均值。如果我们想知道某个日期是一年中的哪一天，我们只需要一行代码即可实现。现在，我们就进入今天的内容，每天花点时间，学点JS知识。
2022-12-16 16:33:25
75
原创 11 个你应该知道的JavaScript 字符串的基础知识
length 属性被称为返回字符串中的字符数，但它实际上返回的是 UTF-16 单元的数量，仅当每个字符都适合 16 位时，它才返回字符数，否则返回一个大数字。字符串中的字符可以像在数组中一样使用括号内的索引进行访问，这可能会给人一种印象，即我们可以更改该索引处的字符。这是一个错误的假设，字符串中的字符不能更改。replace 方法在字符串中搜索指定的子字符串，并返回替换给定子字符串的新字符串。确实，一旦声明的字符串不能更改，所有字符串方法都不能更改源字符串，他们总是创造一个新的文本。
2022-12-15 10:05:56
77
原创 11 个 ES2022（ES13)中惊人的 JavaScript 新特性
但是，这种方法存在一定的问题，一方面，Object.prototype.hasOwnProperty() 方法不受保护 - 它可以通过为类定义自定义 hasOwnProperty() 方法来覆盖，该方法可能具有与 Object.prototype.hasOwnProperty() 完全不同的行为。否则，它返回 false。在 JavaScript 中，我们已经可以使用 Array find() 方法在数组中查找通过指定测试条件的元素，同样，我们可以使用 findIndex() 来查找此类元素的索引。
2022-12-15 10:05:10
477
原创 24 个解决JavaScript实际问题的 ES6 代码片段
我从 30 seconds of code 网站中挑选了一些我认为有用的短代码片段，这是一个很棒的学习资源，有兴趣的话，可以多上去看看。以上就是我在工作与学习中收集整理下来的24个代码片段，对我来讲，还是非常有用的，因此，我将它分享出来，也希望对您有所帮助。
2022-12-14 11:34:56
287
原创 23个常见的 JavaScript 函数
JavaScript 提供了 setTimeout 函数，但是，它没有返回 Promise 对象，所以我们不能在这个函数上使用 async，但是，我们可以封装等待函数。如果值不真实（0，''，null，undefined，false，NaN），当您想要有条件地分配其他值时使用 OR 运算符。首先，将对象转换为字符串，然后将其转换为对象。就像滚动到顶部一样，滚动到底部只是将块设置为结束。
2022-12-14 11:33:56
375
原创 52个程序员的“谎言”汇总，看看你中了几个？
在IT行业中，上身格子衬衫、双肩包，下身牛仔裤、运动鞋，生活低调、工作热情、代码风骚、内心狂热的程序员经常被贴上“少言寡语”、“老实人”等标签，那么，这个“老实人”群体真的“老实”吗？03、在我电脑上都是好的，在你这里就不行。(在我本地是可以的)31、这不是bug，是你操作的问题，用户也不会像你这样操作的!33、我考虑了一下，这个版本的**和**功能先不做了吧！37、这是硬件问题，跟软件无关，你清理下缓存，再刷新下。35、明明写的没问题，竟然不可以运行，为什么呢？14、肯定是你的环境不对，你重启一下试试。
2022-12-13 09:54:49
192
原创 58个面向 Web 开发人员的JavaScript技巧汇总
可确定的类型：undefined、null、string、number、boolean、array、object、symbol、date、regexp、function、asyncfunction、arguments、set、map、weakset、weakmap。因此，整理了一些近三年，我使用过的JavaScript开发技巧，希望能让大家写出耳目一新、通俗易懂、舒适自然的代码。好的代码可以让人耳目一新、通俗易懂、舒适自然，同时又充满成就感。仅对 null、“”、false、数字字符串有效。
2022-12-13 09:53:46
325
原创 vue3.x+ts+vite2环境变量配置
默认 dev 环境下使用 .env.development 环境变量配置， build 环境下使用 .env.production ，所以不需要在 package.json 中再指定模式了。import.meta.env.DEV: {boolean} 应用是否运行在开发环境 (永远与 import.meta.env.PROD相反)模式覆盖通用，如：在生产环境下， .env.production 中的同名环境变量会覆盖 .env 中同名配置，其他同理。--mode 一般在其他特殊自定义下指定使用。
2022-12-12 11:01:36
134
原创 vue3.2 setup 语法糖汇总
提示： vue3.2 版本开始才能使用语法糖！在 Vue3.0 中变量必须 return 出来， template 中才能使用；而在 Vue3.2 中只需要在 script 标签上加上 setup 属性，无需 return ， template 便可直接使用，非常的香啊！提示：以下是本篇文章正文内容，下面案例可供参考1、如何使用setup语法糖。
2022-12-12 11:01:20
600
原创 28个你应该知道的JavaScript技巧
我希望这篇文章能为您提供对开发网站有用的javascript知识，如果您有任何问题，请留言区给我留言，我会尽快回复。今天我将分享一些Javascript中的常用技巧，以帮助您解决问题。设置过程中的常见问题更快更容易。
2022-12-11 12:44:36
414
原创 99% 的人都不知道的20 个关于谷歌搜索的技巧
例如，如果您搜索“如何有效地使用 Google”- 提示，您会看到包含“如何有效地使用 Google”这一短语的结果，而不是“提示”一词。例如，搜索“cache:example.com”（将 example.com 替换为您要检查的网站）将显示该网站的缓存版本。例如，如果您搜索“如何有效地使用 *”，您会看到包含“如何有效地使用 Google、如何更有效地利用时间等”等短语的结果。它将从多个网站查找结果。例如，如果您搜索“如何有效地使用 Google”，您只会看到以相同顺序包含这些相同单词的结果。
2022-12-11 12:39:11
353
原创 20 个前端开发人员需要掌握的JavaScript 技巧
函数式编程 compose 另一个重要的功能，要能够进行函数组合，函数的组合只接受一个参数，所以如果你必须接受多个函数的需求并且需要使用 compose 函数组合，就需要使用 compose 的部分 curry 准备复合函数，让它总是只接受一个参数。同时，传入一个回调，保存实例来观察所有元素的某种状态，比如每个元素的边界，当前元素对应的DOM节点，当前元素进入查看区域的比例。然后，让子类的原型（subType）等于空对象，就可以实现子类的原型等于空对象，空对象等于父类的继承原型。
2022-12-10 11:40:55
131
原创 20分钟快速学习了解下ES6
使用解构，我们可以直接调用早餐函数并在此处分离出变量 a、b 和 c 中的每个单独的值（第一个变量将被分配第一个值，第二个变量将被分配第二个值，依此类推）。分配参数时，它将使用新分配的值执行，覆盖默认值。取而代之的是，我们现在可以使用 ES6 提供的模板字符串，首先使用 `` 来包裹字符串，当要使用变量时，使用 ${variable}。
2022-12-10 11:39:53
617
原创 13 个你应该知道的 Webpack 优化技巧
对于一些小图片，可以转成base64编码，这样可以减少用户的HTTP请求次数，提升用户体验。当我们在项目中修改一个文件时，Webpack 默认会重新构建整个项目，但这并不是必须的。我们可以使用 webpack-bundle-analyzer 来查看打包后的 bundle 文件的体积，然后进行相应的体积优化。为了加快后续构建，我们可以使用缓存，与缓存相关的加载器是缓存加载器。使用模块懒加载后，大js文件会被分割成多个小js文件，加载时网页按需加载，大大提高了首屏的加载速度。但是，此功能需要后端配合。
2022-12-09 01:21:32
2167
原创 12 个你可能从未使用过的有用的 JavaScript 库
Glimmer.js 是一个很棒的库，可以帮助用户界面组件和 DOM 渲染。Chart.js 是一种流行的工具，专为创建图形和图表而设计，该库允许你轻松创建任何类型的图形和图表，以及在时间范围和对数刻度上构建数据。在这篇文章中，我们发现了 12 个有用的 Javascript 库，它们可以提高你的工作效率，并使你的开发过程更加轻松和快捷。
2022-12-09 01:20:53
333
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人