java
关注
分享
扫一扫
文章平均质量分 86
@大迁世界
我不是什么大牛，我其实想做的就是一个传播者。内容可能过于基础，但对于刚入门的人来说或许是一个窗口，一个解惑之窗。我要先坚持分享20年，大家来一起见证吧。
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
13个需要知道的方法：使用 JavaScript 来操作 DOM
作者：Milos Protic译者：前端小智来源：impressivewebs.点赞再看，养成习惯本文 GitHub：https://github.com/qq449245884/xiaozhi 上已经收录，更多往期高赞文章的分类，也整理了很多我的文档，和教程资料。欢迎Star和完善，大家面试可以参照考点复习，希望我们一起有点东西。DOM 或文档对象模型是 web 页...原创 2019-12-11 08:30:00 · 1551 阅读 · 0 评论
-
通过事例重温一下常见的 JS 中 15 种数组操作(备忘清单)
作者：Dmitri Pavlutin译者：前端小智来源：dmitripavlutin.com阿里云双12已开启，新老用户均可参与，2核1G云服务器仅需79元，，更多服务器配置及价格请关注：Hi拼团，或点此了解“云上爆款1折特惠活动”。同时，建议在购买阿里云相关产品前先领取阿里云2000元代金券会更优惠哦。数组是 JS 中广泛使用的数据结构。数组对象提供了大量有用的方法，如arr...原创 2019-11-26 07:35:00 · 1626 阅读 · 1 评论 -
客观评价 增长趋势比 vite 还猛的 TailwindCSS
前端社群常见的宗教战争文： TailwindCSS根本邪魔歪道， Class根本不是这样用的， 看了真他妈一肚子火 —— 硬派本格 CSS/SCSS支持者会有这样的言论，也许是你日常的工作流程中，不适合用这样的框架，又或许是你没有客观的理解过 TailwindCSS 的优点所以体会不到它的魅力。先说结论：如果你是一个团队做 SAAS 产品，需要在统一的产品风格主题上面展开，并且使用 React 之类可以模块化x组件的前端框架，那麽 TailwindCSS 会是很值得导入的样式解决方案。我发现对我来说，打断心原创 2022-06-15 08:36:56 · 889 阅读 · 0 评论 -
你不知道的JavaScript中的5个JSON秘密功能
有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub https://github.com/qq449245884/xiaozhi 已收录，有一线大厂面试完整考点、资料以及我的系列文章。在开发中，我们会经常使用 JSON.stringify(object) 来序列化对象，但JSON.stringify方法除了了第一个参数外，还有其它参数可用，今天我们一起来看看这些参数是做啥的，Let’s 开始。1. 格式化默认的 JSON.stringify(object.原创 2022-03-11 07:59:46 · 832 阅读 · 0 评论 -
27 个提升开发幸福度的 VsCode 插件
作者：Jsmanifest 译者：前端小智 来源：MediumVisual Studio Code（也称为VSCode）是一种轻量级但功能强大的跨平台源代码编辑器, 借助对TypeScript 和Chrome调试器等开发工具的内置支持，越来越多的开发都都喜欢使用它。如果你正在寻找更多的好用的 VsCode 工具，那么这篇或许能够帮助你。以下是 2019年为 JS 开发者提供的26...原创 2019-11-20 07:30:00 · 50547 阅读 · 25 评论 -
通过 41 个 问答方式快速了解学习 Git
作者：Duomly译者：前端小智 来源：dmitripavlutin为了保证的可读性，本文采用意译而非直译。阿里云双12已开启，新老用户均可参与，2核1G云服务器仅需79元，，更多服务器配置及价格请关注：Hi拼团，或点此了解“云上爆款1折特惠活动”。同时，建议在购买阿里云相关产品前先领取阿里云2000元代金券会更优惠哦。1. 你最喜欢的 Git 命令是什么个人比较喜欢 g...原创 2019-10-31 07:40:00 · 1348 阅读 · 1 评论 -
Promise 中的三兄弟 .all(), .race(), .allSettled()
原文：https://2ality.com/2019/08/promise-combinators.html译者：前端小智为了保证的可读性，本文采用意译而非直译。从ES6 开始，我们大都使用的是 Promise.all()和Promise.race()，Promise.allSettled() 提案已经到第4阶段，因此将会成为ECMAScript 2020的一部分。阿里云双12...原创 2019-08-13 07:30:00 · 9268 阅读 · 0 评论 -
JS 中创建自定义排序方法
作者：Steve Griffith译者：前端小智来源：youtube为了保证的可读性，本文采用意译而非直译。阿里云双12已开启，新老用户均可参与，2核1G云服务器仅需79元，，更多服务器配置及价格请关注：Hi拼团，或点此了解“云上爆款1折特惠活动”。同时，建议在购买阿里云相关产品前先领取阿里云2000元代金券会更优惠哦。一般情况咱们排序大都按数字或字母顺序，但也有一些情况下，...原创 2019-08-15 07:30:00 · 2447 阅读 · 0 评论 -
使用 CSS Grid Generator来快速使用及学习 Grid 布局
CSS Grid GeneratorCSS Grid Generator是一个由Sarah Drasner创建的免费工具。它是一个可视化设计工具，允许咱们创建一个基本的 grid 布局，然后就可以使用生成对应的代码，帮助咱们快速布局。第一次进入是界面是这样子的：CSS Grid 布局示例当我正在学习一些东西时，我发现最好的学习方法是使用现有的工具构建实用的东西。在本文中...原创 2019-08-16 07:30:00 · 3788 阅读 · 1 评论 -
深入 JS 对象属性
译者：前端小智作者：Dr.Axe l来源：2ality阿里云最近在做活动，低至2折，有兴趣可以看看：https://promotion.aliyun.com/ntms/yunparter/invite.html?userCode=pxuujn3r为了保证的可读性，本文采用意译而非直译。属性决定JS中对象的状态，本文章主要分析这些属性是如何工作的。JS几种不同...原创 2019-09-10 07:15:00 · 1407 阅读 · 2 评论 -
快速了解 React Hooks 原理
作者：Dave Ceddia 译者：前端小智为了保证的可读性，本文采用意译而非直译。我们大部分 React 类组件可以保存状态，而函数组件不能？并且类组件具有生命周期，而函数组件却不能？React 早期版本，类组件可以通过继承PureComponent来优化一些不必要的渲染，相对于函数组件，React 官网没有提供对应的方法来缓存函数组件以减少一些不必要的渲染，直接 16...原创 2019-08-19 07:30:00 · 2437 阅读 · 1 评论 -
4 个 useState Hook 示例
作者：Dave Ceddia 译者：前端小智为了保证的可读性，本文采用意译而非直译。到 React 16.8 目前为止，如果编写函数组件，然后遇到需要添加状态的情况，咱们就必须将组件转换为类组件。编写 class Thing extends React.Component，将函数体复制到render()方法中，修复缩进，最后添加需要的状态。今天，可以使用 Hook 获得相同的...原创 2019-08-20 07:30:00 · 2148 阅读 · 1 评论 -
用 JS 日期获取当前月的最后一天遇到的坑
为了更好的讲这节的内容，如果提示一个 JS 处理日期的小技巧，想获取上个月最后一天，只需要设置SetDate参数为0即可。varendDate=newDate();//上个月最后一天endDate.setDate(0);接着正文开始：使用 JS 获取当前月的最后一天，咱们通常的思路先获取下个月的第一天，然后在减去一天，就是当前月的最后一天，所以自然会用到下面的代码：...原创 2019-08-22 07:32:00 · 1482 阅读 · 0 评论 -
45个值得收藏的 CSS 形状
译者：前端小智原文：https://css-tricks.com/the-shapes-of-css/CSS能够生成各种形状。正方形和矩形很容易，因为它们是 web 的自然形状。添加宽度和高度，就得到了所需的精确大小的矩形。添加边框半径，你就可以把这个形状变成圆形，足够多的边框半径，你就可以把这些矩形变成圆形和椭圆形。想阅读更多优质文章请猛戳GitHub博客,一年百来篇优质文章等着...原创 2019-06-30 11:16:42 · 7489 阅读 · 21 评论 -
JS引擎:从调用堆栈到Promise，需要知道的所有内容
原文：https://www.valentinog.com/blog/engines/?utmsource=mybridge&utmmedium=blog&utmcampaign=readmore译者：前端小智为了保证可读性，本文采用意译而非直译。有没有想过浏览器如何读取和运行JS代码？这看起来很神奇，我们可以通过浏览器提供的控制台来了解背后的一些原理。在...原创 2019-07-01 07:28:28 · 1411 阅读 · 1 评论 -
如何使用 Set 来提高代码的性能
译者：前端小智原文：https://medium.com/@bretcameron/how-to-make-your-code-faster-using-javascript-sets-b432457a4a77为了保证的可读性，本文采用意译而非直译。我确信有很多开发人员坚持使用基本的全局对象：数字，字符串，对象，数组和布尔值。对于许多用例，这些都是需要的。但是如果想让你的代码尽可能...原创 2019-07-08 08:00:39 · 1536 阅读 · 3 评论 -
Array.slice 8种不同用法
译者：前端小智 原文：https://codeburst.io/js-by-example-8-distinct-uses-of-javascript-array-slice-4e4e95a470e4阿里云最近在做活动，低至2折，有兴趣可以看看：https://promotion.aliyun.com/ntms/yunparter/invite.html?userCode=pxu...原创 2019-07-10 07:31:51 · 1482 阅读 · 1 评论 -
任务，微任务、队列和时间表
原文：https://jakearchibald.com/2015/tasks-microtasks-queues-and-schedules/译者：前端小智为了保证的可读性，本文采用意译而非直译。思考下面 JavaScript 代码：console.log('script start'); setTimeout(function() { console.log('s...原创 2019-07-25 07:54:52 · 1470 阅读 · 1 评论 -
JS 的5个不良编码习惯，现在就改掉吧
原文：https://dmitripavlutin.com/unlearn-javascript-bad-coding-habits/译者：前端小智为了保证的可读性，本文采用意译而非直译。在阅读JavaScript代码时，你是否有过这种感觉你几乎不明白代码的作用？ 代码使用了很多 JavaScript 技巧？ 命名和编码风格太过随意？这些都是不良编码习...转载 2019-07-29 07:54:46 · 23049 阅读 · 17 评论 -
JS 最新数据基本类型:BigInt
原文：https://www.smashingmagazine.com/2019/07/essential-guide-javascript-newest-data-type-bigint/译者：前端小智为了保证的可读性，本文采用意译而非直译。BigInt数据类型的目的是比Number数据类型支持的范围更大的整数值。在对大整数执行数学运算时，以任意精度表示整数的能力尤为重要。使...原创 2019-07-30 07:36:51 · 7337 阅读 · 4 评论 -
处理 JS 一些未定义的技巧的 7 个技巧
原文：https://dmitripavlutin.com/7-tips-to-handle-undefined-in-javascript/译者：前端小智为了保证的可读性，本文采用意译而非直译。大约8年前，当原作者开始学习JS时，遇到了一个奇怪的情况，既存在undefined的值，也存在表示空值的null。它们之间的明显区别是什么?它们似乎都定义了空值，而且，比较null...原创 2019-08-02 08:04:39 · 2351 阅读 · 1 评论 -
JS中轻松遍历对象属性的几种方式
作者：Dmitripaylutin 译者：前端小智 来源：dmitripavlutin为了保证的可读性，本文采用意译而非直译。自身可枚举属性Object.keys()方法会返回一个由一个给定对象的自身可枚举属性组成的数组，数组中属性名的排列顺序和使用for...in循环遍历该对象时返回的顺序一致 。如果对象的键-值都不可枚举，那么将返回由键组成的数组。这...原创 2019-08-05 07:45:38 · 1481 阅读 · 0 评论 -
理清JS中的深拷贝与浅拷贝
作者：Manjula Dube译者：前端小智来源：Medium为了保证的可读性，本文采用意译而非直译。浅拷贝是对象的逐位复制。创建一个新对象，该对象具有原始对象中值的精确副本。如果对象的任何字段是对其他对象的引用，则只复制引用地址，即，复制内存地址。大白话讲就是，浅拷贝是对对象地址的复制，并没有开辟新的栈，也就是复制的结果是两个对象指向同一个地址，修改其中一个对象的属性，则另一个对...原创 2019-09-25 07:40:00 · 1676 阅读 · 1 评论 -
常见的三个 JS 面试题
本文不是讨论最新的 JavaScript 库、常见的开发实践或任何新的 ES6 函数。相反，在讨论 JavaScript 时，面试中通常会提到三件事。我自己也被问到这些问题，我的朋友们告诉我他们也被问到这些问题。然，这些并不是你在面试之前应该学习的唯一三件事 - 你可以通过多种方式更好地为即将到来的面试做准备 - 但面试官可能会问到下面是三个问题，来判断你对 JavaScript 语言的理解和...原创 2019-09-26 07:30:00 · 4719 阅读 · 6 评论 -
5个 JS 解构有趣的用途
作者：Dmitri Pavlutin译者：前端小智来源：dmitripavluti为了保证的可读性，本文采用意译而非直译。1. 交换变量通常交换两个变量的方法需要一个额外的临时变量,来看看例子：leta=1;letb=2;lettemp;temp=a;a=b;b=temp;a;//=>2b;//=>...原创 2019-08-23 07:21:00 · 1287 阅读 · 0 评论 -
ES新提案：双问号操作符
为了保证的可读性，本文采用意译而非直译。本文主要讲Gabriel Isenberg撰写的ES提案“Nullish coalescing for JavaScript”。它提出?? 替换||的运算符,并提供默认值。这里先把这相提案叫作双问号操作符，如果你有好的叫法，欢迎留言讨论。1.概述双问号 ?? 的操作符跟 || 类似，如果给定变量值为 null 或者 undefined，刚使用双问...原创 2019-08-27 07:30:00 · 2900 阅读 · 2 评论 -
JS 前20个常用字符串方法及使用方式
本文主要介绍一些最常用的JS字符串函数,列表如下： charAt(x) charCodeAt(x) concat(v1,v2..) fromCharcode(c1,c2) indexOf(substr, [start]) lastIndexOf(substr, [start]) match(regexp) replace(...原创 2019-08-30 07:53:13 · 3065 阅读 · 2 评论 -
JS 如何创建、读取和删除cookie
Cookie 为 Web 应用程序保存用户相关信息提供了一种有用的方法。例如，当用户访问咱们的站点时，可以利用 Cookie 保存用户首选项或其他信息，这样，当用户下次再访问咱们的站点时，应用程序就可以检索以前保存的信息。Cookie 是什么鬼Cookie 是一小段文本信息，伴随着用户请求和页面在 Web 服务器和浏览器之间传递。用户每次访问站点时，Web 应用程序都可以读取 Cookie...原创 2019-09-03 08:09:47 · 4404 阅读 · 7 评论 -
useEffect Hook 是如何工作的(前端需要懂的知识点)
作者：Dave Ceddia译者：前端小智来源：daveceddia.为了保证的可读性，本文采用意译而非直译。想象一下:你有一个非常好用的函数组件，然后有一天，咱们需要向它添加一个生命周期方法。呃…刚开始咱们可能会想怎么能解决这个问题，然后最后变成，通常的做法是将它转换成一个类。但有时候咱们就是要用函数方式，怎么破？useEffect hook 出现就是为了解决这种情况。使...原创 2019-09-06 07:20:00 · 3676 阅读 · 2 评论 -
36 个JS 面试题为你助力金九银十(面试必读)
来源：javapoint译者：前端小智为了保证的可读性，本文采用意译而非直译。阿里云双12已开启，新老用户均可参与，2核1G云服务器仅需79元，，更多服务器配置及价格请关注：Hi拼团，或点此了解“云上爆款1折特惠活动”。同时，建议在购买阿里云相关产品前先领取阿里云2000元代金券会更优惠哦。1.JS中`let`和`const`有什么用？在现代js中，let＆const是创建...原创 2019-09-09 07:20:00 · 3820 阅读 · 1 评论 -
JS 中几种轻松处理'this'指向方式
为了保证的可读性，本文采用意译而非直译。阿里云双12已开启，新老用户均可参与，2核1G云服务器仅需79元，，更多服务器配置及价格请关注：Hi拼团，或点此了解“云上爆款1折特惠活动”。同时，建议在购买阿里云相关产品前先领取阿里云2000元代金券会更优惠哦。我喜欢在JS中更改函数执行上下文的指向，也称为 this 指向。例如，咱们可以在类数组对象上使用数组方法：constredu...原创 2019-09-16 07:19:00 · 2001 阅读 · 0 评论