xiaozhi

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

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

Web

2019-09-05  1944 人浏览

xiaozhi

4.不要这样写简历

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

Web

2019-09-05  2482 人浏览

xiaozhi

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

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

Web

2019-09-05  2111 人浏览

xiaozhi

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

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

Web

2019-09-05  2294 人浏览

xiaozhi

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

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

JavaScript

2019-09-05  2148 人浏览

xiaozhi

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

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

Web

2019-09-05  2380 人浏览

xiaozhi

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

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

Web

2019-09-05  2180 人浏览

xiaozhi

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

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

Web

2019-09-05  3203 人浏览

xiaozhi

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

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

React Native

2019-09-05  2297 人浏览

xiaozhi

1.React Native 常用的 15 个库

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

React Native

2019-09-05  2407 人浏览

xiaozhi

9. 4 个 useState Hook 示例

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

前端

2019-09-05  2476 人浏览

xiaozhi

8.快速了解 React Hooks 原理

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

前端

2019-09-05  2207 人浏览

xiaozhi

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

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

前端

2019-09-05  2577 人浏览

xiaozhi

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

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

前端

2019-09-05  2425 人浏览

xiaozhi

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

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

前端

2019-09-05  2563 人浏览

xiaozhi

4.React 新特性讲解及实例(一)

本节主要讲解以下几个新的特性：ContextContextTypelazySuspense错误边界（Error boundaries）momoContext定义：Context 提供了一种方式，能够让数据在组件树中传递而不必一级一级手动传递。这定义读的有点晦涩，来看张图：假设有如上的组件层级关系，如果最底层的Item组件，需要最顶层的Window组件中的变量，那我们只能一层一层的传递下去。非常的繁

前端

2019-09-05  2225 人浏览

xiaozhi

4.React 新特性讲解及实例(一)

本节主要讲解以下几个新的特性：ContextContextTypelazySuspense错误边界（Error boundaries）momoContext定义：Context 提供了一种方式，能够让数据在组件树中传递而不必一级一级手动传递。这定义读的有点晦涩，来看张图：假设有如上的组件层级关系，如果最底层的Item组件，需要最顶层的Window组件中的变量，那我们只能一层一层的传递下去。非常的繁

前端

2019-09-05  2102 人浏览

xiaozhi

3.你要的 React 面试知识点，都在这了

React是流行的javascript框架之一，在2019年及以后将会更加流行。React于2013年首次发布，多年来广受欢迎。它是一个声明性的、基于组件的、用于构建用户界面的高效javascript库。以下是面试前必须了解的话题。什么是声明式编程声明式编程 vs 命令式编程什么是函数式编程什么是组件设计模式React 是什么React 和 Angular 有什么不同什么是虚拟DOM及其工作原理什

前端

2019-09-05  2146 人浏览

xiaozhi

2.React 项目结构和组件命名规范

React 作为一个库，它没有规定项目的整体结构。这很好，因为它给了我们自由去尝试不同的方法，并适应更适合我们的方式。另一方面，这可能会给React领域的开发人员带来一些困惑。我将会在本文为大家展示我已经使用过一段时间并且效果不错的方式，这些方式没有通过重新造轮子来实现，而是通过将社区中的方案组合和提炼得到。目录结构我经常遇到的一个问题是如何组织文件和目录结构。在这篇文章中，我们认为你已有一个最小

前端

2019-09-05  2820 人浏览

xiaozhi

1.React高级组件精讲

React高级组件精讲高阶函数是以函数为参数，并且返回也是函数的的函数。类似的，高阶组件（简称HOC）接收 React 组件为参数，并且返回一个新的React组件。高阶组件本质也是一个函数，并不是一个组件。高阶组件的函数形式如下：constEnhanceComponent=higherOrderComponent(WrappedComponent)通过一个简单的例子解释高阶组件是如何复用的。现在有

前端

2019-09-05  2361 人浏览