综合( 右侧选择分类 )
xiaozhi

5 .21个让React 开发更高效更有趣的工具

原文:https://medium.com/better-programming/22-miraculous-tools-for-react-developers-in-2019-7d72054e2306译者:前端小智为了保证的可读性,本文采用意译而非直译。想阅读更多优质文章请猛戳GitHub博客,一年百来篇优质文章等着你!下列工具中的重要性与排序无关。1.Webpack Bundle Analy
617 人浏览
xiaozhi

4. 21 个VSCode 快捷键,让代码更快,更有趣

为了保证的可读性,本文采用意译而非直译。想阅读更多优质文章请猛戳GitHub博客,一年百来篇优质文章等着你!注意:自己尝试的时候,Mac(17, pro) 与原文提供的快捷键盘不太一样,mac 对应的 Ctrl 要换成 command做为前端开发者来说,大都数都用过 VSCode,并且也有很多是经常用的。但 VSCode 的一些快捷键可能我们不知道,也比较少用,毕竟这很好,因此本文就列出一些快捷键
544 人浏览
xiaozhi

4. 21 个VSCode 快捷键,让代码更快,更有趣

为了保证的可读性,本文采用意译而非直译。想阅读更多优质文章请猛戳GitHub博客,一年百来篇优质文章等着你!注意:自己尝试的时候,Mac(17, pro) 与原文提供的快捷键盘不太一样,mac 对应的 Ctrl 要换成 command做为前端开发者来说,大都数都用过 VSCode,并且也有很多是经常用的。但 VSCode 的一些快捷键可能我们不知道,也比较少用,毕竟这很好,因此本文就列出一些快捷键
543 人浏览
xiaozhi

3.Web应用程序如何创建 PDF

原文:https://www.smashingmagazine.com/2019/06/create-pdf-web-application/译者:前端小智为了保证的可读性,本文采用意译而非直译。想阅读更多优质文章请猛戳GitHub博客,一年百来篇优质文章等着你!在一些场景下,用户都要求一些需要的数据能以 pdf 的格式下载下来。如电子商务商店,经常需要一些报表数据来分析当月的销售情况。在本文中,
544 人浏览
xiaozhi

2. 13个npm 快速使用开发技巧

译者:前端小智原文:https://medium.com/@bretcameron/13-npm-tricks-for-faster-javascript-development-4fe2a83f87a2为了保证的可读性,本文采用意译而非直译。每天,数以百万计的开发人员使用npm或yarn来构建项目。运行npm init或npx create- response -app等命令几乎构建JS项目的首
549 人浏览
xiaozhi

1.灵活使用 console 让 js 调试更简单

Web开发最常用的高度就是console.log,虽然console.log占有一席之地,但很多人并没有意识到console本身除了基本log方法之外还有很多其他方法。 适当使用这些方法可以使调试更容易,更快速,更直观。console.log()在console.log中有很多人们意想不到的功能。虽然大多数人使用console.log(object)来查看对象,但是你也可以使用console.lo
472 人浏览
xiaozhi

4.不要这样写简历

作者:饥人谷创始人:方应杭文本来源:(已经方老师同意转载)https://zhuanlan.zhihu.com/p/58441700https://zhuanlan.zhihu.com/p/58443762简历问题从严重到不严重排序实习经验介绍太少。我根本就无法看出你在其中做了什么工作,我甚至都不知道你的抓取工作用了什么技术。至少介绍三句话也好。编程经验只有名词列举,没有佐证。你如果有这些编程经验
554 人浏览
xiaozhi

3.Javascript 面试中经常被问到的三个问题!

本文不是讨论最新的 JavaScript 库、常见的开发实践或任何新的 ES6 函数。相反,在讨论 JavaScript 时,面试中通常会提到三件事。我自己也被问到这些问题,我的朋友们告诉我他们也被问到这些问题。然而,这些并不是你在面试之前应该学习的唯一三件事 - 你可以通过多种方式更好地为即将到来的面试做准备 - 但面试官可能会问到下面是三个问题,来判断你对JavaScript语言的理解和DOM
538 人浏览
xiaozhi

2.前端面试:谈谈 JS 垃圾回收机制

最近看到一些面试的回顾,不少有被面试官问到谈谈JS 垃圾回收机制,说实话,面试官会问这个问题,说明他最近看到一些关于 JS 垃圾回收机制的相关的文章,为了 B 格,就会顺带的问问。最近看到一篇讲 JS 垃圾回收的国外文章,觉得讲得明白,所以就翻译过来了,希望对你们有所帮助。垃圾回收JavaScript 中的内存管理是自动执行的,而且是不可见的。我们创建基本类型、对象、函数……所有这些都需要内存。当
558 人浏览
xiaozhi

1.Javascript 面试的完美指南(开发者视角)

为了说明 JS 面试的复杂性,首先,请尝试给出以下结果:onsole.log(2.0==“2”==newBoolean(true)==“1”)十有八九的会给出false, 其实运行结果是true,原因请看这里。1) 理解 JS 函数函数是 JavaScript 的精华,是 JS 一等公民。JS 函数不仅仅是一个普通的函数,与其他语言不同,JS 函数可以赋值给变量,作为参数传递给另一个函数,也可以从
489 人浏览
xiaozhi

3.Web 应用安全性: 使用这些 HTTP 头保护 Web 应用

目前,浏览器已经实现了大量与安全相关的头文件,使攻击者更难利用漏洞。接下来的讲解它们的使用方式、它们防止的攻击类型以及每个头后面的一些历史。HTTP Strict Transport Security (HSTS)HSTS(HTTP Strict Transport Security)国际互联网工程组织IETF正在推行一种新的Web安全协议,HSTS 的作用是强制客户端(如浏览器)使用 HTTPS
598 人浏览
xiaozhi

2.Web 应用安全性: HTTP简介

HTTP是一个美好的东西:一个存在了20多年而没有太多变化的协议。正如我们在前一篇文章中看到的,浏览器通过HTTP协议与web应用程序交互,这是我们深入研究这个主题的主要原因。如果用户在网站上输入他们的信用卡信息,攻击者就能在数据到达服务器之前拦截数据,我们肯定会有麻烦。了解HTTP是如何工作的,我们如何保护客户端和服务器之间的通信,以及该协议提供了哪些与安全相关的特性,这是改进安全状态的第一步。
556 人浏览
xiaozhi

1.Web 应用安全性: 浏览器是如何工作的

这本系列的第一篇,先解释浏览器的功能以及执行方式。由于大多数客户将通过浏览器与 web 应用程序进行交互,因此必须了解这些出色程序的基础知识。浏览器是一个渲染引擎,它的工作是下载一个web页面,并以人类能够理解的方式渲染它。虽然这几乎是一种过于简单的过分简化,但我们现在需要知道的全部内容。用户在浏览器栏中输入一个地址。浏览器从该 URL 下载“文档”并渲染它。你可能习惯使用 Chrome,Fire
1356 人浏览
xiaozhi

2. 2019年,Flutter 和 React Native 谁主沉浮

为了保证可读性,本文采用的音译而非直意。Flutter 与 React Native混淆了吗?本文是帮助你了解这两个应用程序开发框架区别指南。咱们知道,几年前开发和维护iOS和Android的应用程序曾经是一项艰巨的任务(独立的代码库|独立的开发团队|开发成本也忒高)。一堆狗屎。移动行业渴望进行一场革命,以遏制移动应用程序开发过程中出现的问题。因此,跨平台开发的形式就此出现了。现在,维护代码和开发
593 人浏览
xiaozhi

1.React Native 常用的 15 个库

本篇React native库列表不是从网上随便找的, 这些是我在我的应用中亲自使用的库。 这些库功能可能跟其它库也有,但经过大量研究并在我的程序中尝试后,我选择了这些库。15. React Native Animatable这个库非常适合快速地向 React Native 应用程序添加简单的动画和转换。这个库有两种使用方式:声明式和命令式。声明式用法只需使用动画的名称,该动画将在加载该元素时立即
593 人浏览
xiaozhi

9. 4 个 useState Hook 示例

为了保证的可读性,本文采用意译而非直译。想阅读更多优质文章请猛戳GitHub博客,一年百来篇优质文章等着你!到 React 16.8 目前为止,如果编写函数组件,然后遇到需要添加状态的情况,咱们就必须将组件转换为类组件。编写class Thing extends React.Component,将函数体复制到render()方法中,修复缩进,最后添加需要的状态。今天,可以使用 Hook 获得相同的
632 人浏览
xiaozhi

8.快速了解 React Hooks 原理

为了保证的可读性,本文采用意译而非直译。想阅读更多优质文章请猛戳GitHub博客,一年百来篇优质文章等着你!我们大部分 React 类组件可以保存状态,而函数组件不能? 并且类组件具有生命周期,而函数组件却不能?React 早期版本,类组件可以通过继承PureComponent来优化一些不必要的渲染,相对于函数组件,React 官网没有提供对应的方法来缓存函数组件以减少一些不必要的渲染,直接 16
557 人浏览
xiaozhi

7.React 新特性 Hooks 讲解及实例(四)

使用 Ref Hooks类组件中使用 Ref 一般有:String RefCallback RefCreateRef上述在函数组件中没有办法使用它们,取而代之的是useRefHooks。useRef主要有两个使用场景:获取子组件或者 DOM 节点的句柄渲染周期之间的共享数据的存储大家可能会想到 state 也可跨越渲染周期保存,但是state的赋值会触发重渲染,但是ref不会,从这点看 ref 更
685 人浏览
xiaozhi

6.React 新特性 Hooks 讲解及实例(三)

使用 Context Hooks使用 Context ,首先顶层先声明Provier组件,并声明value属性,接着在后代组件中声明Consumer组件,这个Consumer子组件,只能是唯一的一个函数,函数参数即是Context的负载。如果有多个Context,Provider和Consumer任意的顺序嵌套即可。此外我们还可以针对任意一个Context使用contextType来简化对这个Co
624 人浏览
xiaozhi

5.React 新特性 Hooks 讲解及实例(二)

什么是 HooksHook 是 React 16.8 的新增特性。它可以让你在不编写类组件的情况下使用state以及其他的React特性。类组件的不足状态逻辑复用难缺少复用机制渲染属性和高阶组件导致层级冗余趋向复杂难以维护生命周期函数混杂不相干逻辑相干逻辑分散在不同生命周期this 指向困扰内联函数过度创建新句柄类成员函数不能保证thisHooks 优势优化类组件的三大问题函数组件无 this 问
626 人浏览