前端
作者介绍
我不是什么大牛，我其实想做的就是一个传播者。内容可能过于基础，但对于刚入门的人来说或许是一个窗口，一个解惑之窗。我要先坚持分享20年，大家来一起见证吧。
-
原创
能解决 80% 需求的 10个 CSS动画库
作者：Patrik Kiss 译者：前端小智 来源：dev 点赞再看，养成习惯 本文 GitHub https://github.com/qq449245884/xiaozhi 上已经收录，更多往期高赞文章的分类，也整理了很多我的文档，和教程资料。欢迎Star和完善，大家面试可以参照考点复习，希望我们一起有点东西。 目录 1. Animista 2. Animate CSS 3. Viv...2020-01-20 08:30:00 阅读数 358 评论数 0 -
原创
动图演示23个常用 VsCode 快捷键(Window & Mac)
作者：Andreas 译者：前端小智 来源：dev 点赞再看，养成习惯 本文GitHubhttps://github.com/qq449245884/xiaozhi上已经收录，更多往期高赞文章的分类，也整理了很多我的文档，和教程资料。欢迎Star和完善，大家面试可以参照考点复习，希望我们一起有点东西。 尽管我们经常使用 VS Code中的许多快捷方式，但是我们有可...2020-01-16 07:30:00 阅读数 415 评论数 0 -
原创
看完这几道 JavaScript 面试题，让你与考官对答如流（下）
作者：Mark A 译者：前端小智 来源：dev 点赞再看，养成习惯 本文 GitHub https://github.com/qq449245884/xiaozhi 上已经收录，更多往期高赞文章的分类，也整理了很多我的文档，和教程资料。欢迎Star和完善，大家面试可以参照考点复习，希望我们一起有点东西。 由于篇幅过长，我将此系列分成上中下三篇，上、中篇： 看完这几道 JavaScript...2020-01-16 08:19:55 阅读数 552 评论数 0 -
原创
看完这几道 JavaScript 面试题，让你与考官对答如流（中）
作者：Mark A 译者：前端小智 来源：dev 由于篇幅过长，我将此系列分成上中下三篇，上篇： 看完这几道 JavaScript 面试题，让你与考官对答如流（上） 26. 什么是IIFE，它的用途是什么？ 27. Function.prototype.apply方法的用途是什么？ 28. Function.prototype.call方法的用途是什么？ ...2020-01-10 07:30:00 阅读数 781 评论数 0 -
原创
看完这几道 JavaScript 面试题，让你与考官对答如流（上）
作者：Mark A 译者：前端小智 来源：dev 点赞再看，养成习惯 本文 GitHub https://github.com/qq449245884/xiaozhi 上已经收录，更多往期高赞文章的分类，也整理了很多我的文档，和教程资料。欢迎Star和完善，大家面试可以参照考点复习，希望我们一起有点东西。 考题列表 1. undefined 和 null 有什么区别？ 2. &&...2020-01-09 08:20:13 阅读数 3452 评论数 0 -
原创
你需要知道的 JavaScript 类(class)的这些知识
作者： Dmitri Pavlutin 译者：前端小智 来源：dmitripavlutin 点赞再看，养成习惯 本文 GitHub https://github.com/qq449245884/xiaozhi 上已经收录，更多往期高赞文章的分类，也整理了很多我的文档，和教程资料。欢迎Star和完善，大家面试可以参照考点复习，希望我们一起有点东西。 JavaScript 使用原型继承:每个...2019-12-27 08:11:13 阅读数 343 评论数 0 -
原创
21 个VSCode 快捷键，让代码更快，更有趣
原文：https://medium.com/better-programming/21-vscode-shortcuts-to-make-coding-faster-and-more-fun-b18b25083def 译者：前端小智 你知道的越多，你不知道的越多 点赞再看，养成习惯 本文 GitHub：https://github.com/qq449245884/xiaozhi ...2019-12-23 09:36:29 阅读数 465 评论数 1 -
原创
21个让React 开发更高效更有趣的工具
作者： jsmanifest 译者：前端小智 来源：https://medium.com/better-programming/22-miraculous-tools-for-react-developers-in-2019-7d72054e2306 点赞再看，养成习惯 本文 GitHub https://github.com/qq449245884/xiaozhi 上已经收录，更多往期高...2019-12-20 10:46:56 阅读数 303 评论数 0 -
原创
通过编写简易版本的虚拟DOM，来理解虚拟DOM 的原理
作者：deathmood 译者：前端小智 来源：medium 点赞再看，养成习惯 本文 GitHub https://github.com/qq449245884/xiaozhi 上已经收录，更多往期高赞文章的分类，也整理了很多我的文档，和教程资料。欢迎Star和完善，大家面试可以参照考点复习，希望我们一起有点东西。 为了保证的可读性，本文采用意译而非直译。 要构建自己的虚拟DOM，需要知...2019-12-19 08:37:18 阅读数 324 评论数 0 -
原创
通过实现25个数组方法来理解及高效使用数组方法(长文,建议收藏)
作者：Maciej Cieslar 译者：前端小智 来源： dev 你知道的越多，你不知道的越多 点赞再看，养成习惯 本文 GitHub：https://github.com/qq449245884/xiaozhi 上已经收录，更多往期高赞文章的分类，也整理了很多我的文档，和教程资料。欢迎Star和完善，大家面试可以参照考点复习，希望我们一起有点东西。 为了保证的可读性，本文...2019-12-17 09:00:26 阅读数 304 评论数 0 -
原创
34 个今年11月最受欢迎的 JavaScript 库
作者：Iren Korkishko 译者：前端小智 来源：dev 点赞再看，养成习惯 本文 GitHub https://github.com/qq449245884/xiaozhi 上已经收录，更多往期高赞文章的分类，也整理了很多我的文档，和教程资料。欢迎Star和完善，大家面试可以参照考点复习，希望我们一起有点东西。 直接开门见山，看看有哪些好用受欢迎的库值得我们使用。 1.nodem...2019-12-16 08:02:12 阅读数 371 评论数 0 -
原创
13个需要知道的方法：使用 JavaScript 来操作 DOM
作者：Milos Protic 译者：前端小智 来源：impressivewebs. 点赞再看，养成习惯 本文 GitHub：https://github.com/qq449245884/xiaozhi 上已经收录，更多往期高赞文章的分类，也整理了很多我的文档，和教程资料。欢迎Star和完善，大家面试可以参照考点复习，希望我们一起有点东西。 DOM 或文档对象模型是 web 页...2019-12-11 08:30:00 阅读数 415 评论数 0 -
原创
35 道咱们必须要清楚的 React 面试题
作者：Alex 译者：前端小智 来源：dev.to 你知道的越多，你不知道的越多 点赞再看，养成习惯 本文 GitHub：https://github.com/qq449245884/xiaozhi 上已经收录，更多往期高赞文章的分类，也整理了很多我的文档，和教程资料。欢迎Star和完善，大家面试可以参照考点复习，希望我们一起有点东西。 问题1：什么是虚拟DOM？ 主题: ...2019-12-13 07:58:52 阅读数 377 评论数 0 -
原创
通过 20 个棘手的ES6面试问题来提高咱们的 JS 技能
作者：Alex 译者：前端小智 来源：dev.to 你知道的越多，你不知道的越多 点赞再看，养成习惯 本文 GitHub：https://github.com/qq449245884/xiaozhi 上已经收录，更多往期高赞文章的分类，也整理了很多我的文档，和教程资料。欢迎Star和完善，大家面试可以参照考点复习，希望我们一起有点东西。 ECMAScript 6（以下简称ES...2019-12-12 08:47:07 阅读数 1791 评论数 0 -
原创
SVG 入门指南(看完,对SVG结构不在陌生)
干货系列文章汇总如下，觉得不错点个Star https://github.com/qq449245884/xiaozhi SVG 简介 SVG，即可缩放矢量图形(Scalable Vector Graphics)，是一种 XML 应用，可以以一种简洁、可移植的形式表示图形信息。目前，人们对 SVG 越来越感兴趣。大多数现代浏览器都能显示 SVG 图形，并且大多数矢量绘图软件都能导出 SVG 图...2019-12-11 08:48:32 阅读数 518 评论数 0 -
原创
20 个新的且值得关注的 Vue 开源项目
译者：前端小智 作者：Nastassia Ovchinnikova 来源：flatlogic.com Vue 相对不于 React 的一个优点是它易于理解和学习，且在国内占大多数。咱们可以在 Vue 的帮助下创建任何 Web 应用程序。 因此，时时了解一些新出现又好用的Vue 开源项目也是挺重要，一方面可以帮助咱们更加高效的开发，另一方面，咱们也可以模范学习其精华部分。 接下来看看新出的有哪...2019-12-10 08:05:28 阅读数 1544 评论数 1 -
原创
最近在做动画相关的项目，推荐 11 个好用的 JS 动画库
作者：Jonathan Saring 译者：前端小智 来源：medium . 为了保证的可读性，本文采用意译而非直译。 1.Three.js 超过46K的星星，这个流行的库提供了非常多的3D显示功能，以一种直观的方式使用 WebGL。这个库提供了<canvas>、 <svg>、CSS3D 和 WebGL渲染器，让咱们在设备和浏览器之间创建丰富的交互体验。该库于2010...2019-12-08 13:45:39 阅读数 6165 评论数 16 -
原创
掌握并理解 CORS (跨域资源共享)
作者：Martin Splitt 译者：前端小智 来源：dev 知识要点 浏览器强制执行同源策略，拒绝不同站点的网站访问。 同源策略不会阻止对其他源的请求，但是会禁用对 JS 响应的访问。 CORS 标头允许访问跨域响应。 CORS 与 Credentials 一起时需要谨慎。 CORS 是一个浏览器强制策略，其他应用程序不受此影响。 上个...2019-12-03 07:31:00 阅读数 304 评论数 0 -
原创
10个技巧，帮咱们更快更好的学习编程
作者：Duomly 译者：前端小智 来源：dev 阿里云双12已开启，新老用户均可参与，2核1G云服务器仅需79元，，更多服务器配置及价格请关注：Hi拼团，或点此了解“云上爆款1折特惠活动”。同时，建议在购买阿里云相关产品前先领取阿里云2000元代金券会更优惠哦。 如果咱们决定要成为一名程序员，必须记住这意味着咱们就要不断地学习。不管是刚刚开始，还是有经验，都会有新的知识要掌握。当然，...2019-12-02 07:30:00 阅读数 302 评论数 0 -
原创
JavaScript 中， 5 种增加代码可读性的最佳实践
作者：Milos Protic 译者：前端小智 来源：blog.risingstack 为了保证的可读性，本文采用意译而非直译。 简介 如果咱们关注代码本身结构及可读笥，而不是只关心它是否能工作，那么咱们写代码是有一定的水准。专业开发人员将为未来的自己和“其他人”编写代码，而不仅仅只编写能应付当前工作的代码。 在此基础上，可读性高的代码可以定义为自解释的、易于人理解的、易于更改...2019-11-27 07:30:00 阅读数 1505 评论数 3 -
原创
通过事例重温一下常见的 JS 中 15 种数组操作(备忘清单)
作者：Dmitri Pavlutin 译者：前端小智 来源：dmitripavlutin.com 阿里云双12已开启，新老用户均可参与，2核1G云服务器仅需79元，，更多服务器配置及价格请关注：Hi拼团，或点此了解“云上爆款1折特惠活动”。同时，建议在购买阿里云相关产品前先领取阿里云2000元代金券会更优惠哦。 数组是 JS 中广泛使用的数据结构。数组对象提供了大量有用的方法，如arr...2019-11-26 07:35:00 阅读数 357 评论数 1 -
原创
搞懂并学会运用 Vue 中的无状态组件
作者：Milos Protic 译者：前端小智 来源：medium 啥是应用程序状态，为什么咱们需要它？ 状态管理通常在较小的项目并不需要，但是当涉及到更大的范围时，如企业级的应用大部分需要它了。简单的说，状态是一个包含应用程序使用的最新值的对象。但是，如果咱们从结构的、更抽象的角度来看待它，就会清楚地看到，状态是复杂应该中重要一块，它使能够构建干净的体系结构，并将关注点强有力地分离开来...2019-11-21 07:30:00 阅读数 345 评论数 0 -
原创
27 个提升开发幸福度的 VsCode 插件
作者：Jsmanifest 译者：前端小智 来源：Medium Visual Studio Code（也称为VSCode）是一种轻量级但功能强大的跨平台源代码编辑器, 借助对TypeScript 和Chrome调试器等开发工具的内置支持，越来越多的开发都都喜欢使用它。 如果你正在寻找更多的好用的 VsCode 工具，那么这篇或许能够帮助你。以下是 2019年为 JS 开发者提供的26...2019-11-20 07:30:00 阅读数 23723 评论数 24 -
原创
通过 41 个 问答方式快速了解学习 Git
作者：Duomly译者：前端小智 来源：dmitripavlutin 为了保证的可读性，本文采用意译而非直译。 阿里云双12已开启，新老用户均可参与，2核1G云服务器仅需79元，，更多服务器配置及价格请关注：Hi拼团，或点此了解“云上爆款1折特惠活动”。同时，建议在购买阿里云相关产品前先领取阿里云2000元代金券会更优惠哦。 1. 你最喜欢的 Git 命令是什么 个人比较喜欢 g...2019-10-31 07:40:00 阅读数 318 评论数 1 -
原创
理解 CSS 布局和 BFC
译者：前端小智 原文：https://www.smashingmagazine.com/2017/12/understanding-css-layout-block-formatting-context/ CSS布局中有一些概念，一旦你理解了它们，就能真正提高你的 CSS 布局能力。本文是关于块格式化上下文(BFC)的。你可能从未听说过这个术语，但是如果你曾经用CSS做过布局，你可能知道它是什...2019-07-02 07:59:25 阅读数 249 评论数 1 -
原创
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 阅读数 206 评论数 1 -
原创
如何使用 Set 来提高代码的性能
译者：前端小智 原文：https://medium.com/@bretcameron/how-to-make-your-code-faster-using-javascript-sets-b432457a4a77 为了保证的可读性，本文采用意译而非直译。 我确信有很多开发人员坚持使用基本的全局对象：数字，字符串，对象，数组和布尔值。对于许多用例，这些都是需要的。但是如果想让你的代码尽可能...2019-07-08 08:00:39 阅读数 212 评论数 1 -
原创
JS引擎:从调用堆栈到Promise，需要知道的所有内容
原文：https://www.valentinog.com/blog/engines/?utmsource=mybridge&utmmedium=blog&utmcampaign=readmore 译者：前端小智 为了保证可读性，本文采用意译而非直译。 有没有想过浏览器如何读取和运行JS代码？这看起来很神奇，我们可以通过浏览器提供的控制台来了解背后的一些原理。 在...2019-07-01 07:28:28 阅读数 214 评论数 1 -
原创
45个值得收藏的 CSS 形状
译者：前端小智 原文：https://css-tricks.com/the-shapes-of-css/ CSS能够生成各种形状。正方形和矩形很容易，因为它们是 web 的自然形状。添加宽度和高度，就得到了所需的精确大小的矩形。添加边框半径，你就可以把这个形状变成圆形，足够多的边框半径，你就可以把这些矩形变成圆形和椭圆形。 想阅读更多优质文章请猛戳GitHub博客,一年百来篇优质文章等着...2019-06-30 11:16:42 阅读数 5164 评论数 21 -
原创
理清JS中的深拷贝与浅拷贝
作者：Manjula Dube译者：前端小智来源：Medium 为了保证的可读性，本文采用意译而非直译。 浅拷贝是对象的逐位复制。创建一个新对象，该对象具有原始对象中值的精确副本。如果对象的任何字段是对其他对象的引用，则只复制引用地址，即，复制内存地址。 大白话讲就是，浅拷贝是对对象地址的复制，并没有开辟新的栈，也就是复制的结果是两个对象指向同一个地址，修改其中一个对象的属性，则另一个对...2019-09-25 07:40:00 阅读数 675 评论数 1 -
原创
常见的三个 JS 面试题
本文不是讨论最新的 JavaScript 库、常见的开发实践或任何新的 ES6 函数。相反，在讨论 JavaScript 时，面试中通常会提到三件事。我自己也被问到这些问题，我的朋友们告诉我他们也被问到这些问题。 然，这些并不是你在面试之前应该学习的唯一三件事 - 你可以通过多种方式更好地为即将到来的面试做准备 - 但面试官可能会问到下面是三个问题，来判断你对 JavaScript 语言的理解和...2019-09-26 07:30:00 阅读数 3237 评论数 6 -
原创
任务，微任务、队列和时间表
原文：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 阅读数 217 评论数 1 -
原创
JS 的5个不良编码习惯，现在就改掉吧
原文：https://dmitripavlutin.com/unlearn-javascript-bad-coding-habits/ 译者：前端小智 为了保证的可读性，本文采用意译而非直译。 在阅读JavaScript代码时，你是否有过这种感觉 你几乎不明白代码的作用？ 代码使用了很多 JavaScript 技巧？ 命名和编码风格太过随意？ 这些都是不良编码习...2019-07-29 07:54:46 阅读数 13030 评论数 15 -
原创
8个有用的 CSS 技巧:视差图像，sticky footer 等等
译者：前端小智 原文：https://medium.com/@bretcameron/parallax-images-sticky-footers-and-more-8-useful-css-tricks-eef12418f676 CSS是一种独特的语言。乍一看，这似乎很简单,但是，某些在理论上看起来很简单的效果在实践中往往不那么明显。 在本文中，我将分享一些有用的技巧和技巧，它们代表了我在学...2019-07-03 07:47:33 阅读数 535 评论数 0 -
原创
灵活使用 console 让 js 调试更简单
译者：前端小智 原文： https://medium.com/@mattburgess/beyond-console-log-2400fdf4a9d8 https://medium.freecodecamp.org/10-tips-to-maximize-your-javascript-debugging-experience-b69a75859329 Web开发最常用的高度就是 consol...2019-07-01 13:25:14 阅读数 229 评论数 0 -
原创
JS中函数式编程基本原理简介
作者：TK 译者：前端小智 来源：medium 为了保证的可读性，本文采用意译而非直译。 在长时间学习和使用面向对象编程之后，咱们退一步来考虑系统复杂性。 在做了一些研究之后，我发现了函数式编程的概念，比如不变性和纯函数。这些概念使你能够构建无副作用的函数，因此更容易维护具有其他优点的系统。 在这篇文章中，将通大量代码示例来详细介绍函数式编程和一些相关重要概念。 阿里云双12已开...2019-08-07 07:53:08 阅读数 432 评论数 0 -
原创
JS中轻松遍历对象属性的几种方式
作者：Dmitripaylutin 译者：前端小智 来源：dmitripavlutin 为了保证的可读性，本文采用意译而非直译。 自身可枚举属性 Object.keys()方法会返回一个由一个给定对象的自身可枚举属性组成的数组，数组中属性名的排列顺序和使用for...in循环遍历该对象时返回的顺序一致 。如果对象的键-值都不可枚举，那么将返回由键组成的数组。 这...2019-08-05 07:45:38 阅读数 477 评论数 0 -
原创
处理 JS 一些未定义的技巧的 7 个技巧
原文：https://dmitripavlutin.com/7-tips-to-handle-undefined-in-javascript/ 译者：前端小智 为了保证的可读性，本文采用意译而非直译。 大约8年前，当原作者开始学习JS时，遇到了一个奇怪的情况，既存在undefined的值，也存在表示空值的null。它们之间的明显区别是什么?它们似乎都定义了空值，而且，比较null...2019-08-02 08:04:39 阅读数 267 评论数 1 -
原创
JS 最新数据基本类型:BigInt
原文：https://www.smashingmagazine.com/2019/07/essential-guide-javascript-newest-data-type-bigint/ 译者：前端小智 为了保证的可读性，本文采用意译而非直译。 BigInt数据类型的目的是比Number数据类型支持的范围更大的整数值。在对大整数执行数学运算时，以任意精度表示整数的能力尤为重要。使...2019-07-30 07:36:51 阅读数 2038 评论数 4 -
原创
4 个 useState Hook 示例
作者：Dave Ceddia 译者：前端小智 为了保证的可读性，本文采用意译而非直译。 到 React 16.8 目前为止，如果编写函数组件，然后遇到需要添加状态的情况，咱们就必须将组件转换为类组件。 编写 class Thing extends React.Component，将函数体复制到render()方法中，修复缩进，最后添加需要的状态。 今天，可以使用 Hook 获得相同的...2019-08-20 07:30:00 阅读数 581 评论数 1