概览(循环方式 - 常用) for map forEach filter 声明遍历的数组和异步方法 声明一个数组：⬇️ const skills = ['js', 'vue', 'node', 'react'] 再声明一个promise的异步代码: ⬇️ function getSkillPromise (value) { return new Promise((resolve, reject) => { setTimeout(() => { resolve(val
JSX是快速生成react元素的一种语法，实际是React.createElement(component, props, ...children)的语法糖，同时JSX也是Js的语法扩展，包含所有Js功能。
闭包：当函数可以记住并访问所在的词法作用域时，就产生了闭包，即使函数是在当前词法作用域之外执行。
话不多说，源码地址：Vue，React，微信小程序，快应用，TS 和 Koa 地址，欢迎 star 项目目录：
需求场景: 假若后端返回这么一个json数据格式,如下所示,我们需要拿到返回对象中的数组项,或者根据某些指定的条件，取特定的值,然后渲染到页面当中去,例如:拿name属性值
6. 新的DOM（实际上就是DocumentFragment），和原始的DOM做比对，找差异
本文是基于 qiankun 的微前端最佳实践系列文章之 从 0 到 1 篇，本文将分享如何使用 qiankun 如何搭建主应用基座，然后接入不同技术栈的微应用，完成微前端架构的从 0 到 1。
Facebook 于2015年9月15日推出react native for Android 版本， 加上2014年底已经开源的IOS版本，至此RN （react-native）真正成为跨平台的客户端框架。本篇主要是从分析代码入手，探讨一下RN在安卓平台上是如何构建一套JS的运行框架。 一、 整体架构 RN 这套框架让 JS开发者可以大部分使用JS代码就可以构建一个跨平台APP。 Facebook官方说法是learn once, run everywhere， 即在Android 、 IOS、 Browse
其实写这篇文章的时候，我就知道，肯定有人问我：为什么不写flutter？抱歉了，flutter的大名我当然知道，可我只是一个写JS的，同时了解一些Java的知识，而flutter采用的编程语言，我暂时没有碰过，所以自然不敢妄加猜度，还请谅解
puppeteer: Google 官方出品的 headless Chrome node 库 puppeteer github仓库 puppeteer API
这个方法接受你想防抖的函数以及他的上下文,然后在500ms延时之后执行这个函数,若下一次函数在500ms内调用则清除上个定时器然后在延迟500ms执行,函数防抖有效的防止了一个函数被多次调用,比如onresize,onmouseover和上述的键盘监听事件
总结： et从规范化的角度来说，要比var要进步了很大一步。所以一般情况下的话，推荐用let，const这些。
由于没有提前做好复习，所以有点匆忙，腾讯一面问的不难，从vue，react，webpack等等，倒是没准备好，导致回答的满头大汗~~
一般大多数的组件都需要特殊的操作，比如获取数据、监听数据变化或更改DOM的相关操作，这些操作被称作 “side effects（副作用）”。
提起 Redux 我们想到最多的应该就是 React-redux 这个库，可是实际上 Redux 和 React-redux 并不是同一个东西, Redux 是一种架构模式，源于 Flux。 React-redux 是 Redux 思想与 React 结合的一种具体实现。
在JavaScript中，一些操作是异步的。这意味着它们产生的结果或者值不会立即奏效。
用于构建用户界面的 Javascript 库，它主要专注于界面与视图。采用组件化模式、声明式编码，提高开发效率及组件复用率。在React Native中可以使用React语法进行移动端开发。使用虚拟DOM+优秀的Diffing算法，尽量减少与真实DOM的交互。
JavaScript最初由Netscape的Brendan Eich设计，最初将其脚本语言命名为LiveScript，后来Netscape在与Sun合作之后将其改名为JavaScript。JavaScript最初受Java启发而开始设计的，目的之一就是“看上去像Java”，因此语法上有类似之处，一些名称和命名规范也借自Java，但JavaScript的主要设计原则源自Self和Scheme。JavaScript与Java名称上的近似，是当时Netscape为了营销考虑与Sun微系统达成协议的结果。微软同时期也推出了JScript来迎战JavaScript的脚本语言。
浏览器无法运行 ECMAScript 2015+、JSX、TypeScript 等语法编写的脚本代码。
对于的Js的学习介绍，还不是我一个半斤八两的程序员能介绍清楚，因为不像HTML和CSS一样，它就那些东西，简单的我还能讲个大概，所以对于js的学习是一个比较漫长的过程，只能说说自己的一些理解和思考，和大家共同进步。
在我们最近的工作中，构建网站使用的架构是带有 Django REST Framework（DRF）后端的 React 前端。它们是通过在前端使用 axios（前端库）调用后端 API 来交互的。我们还使用了 Redux（前端库）来存储全局的应用程序状态（存在浏览器端）。这是我们首选，因为它允许前后端完全分离。只要我们提前定义好请求的资源列表（后面单个都简称：endpoint）和返回的数据格式，前端和后端就可以并行的进行开发。这也使我们可以轻松的为未来的任何项目创建移动端 App，因为它们仍然可以复用后端 A
2、在“src”文件夹下新建“setupProxy.js”文件。并做官网推荐的配置～
在 React 中当监听方法被触发的时候, React 也会传递一个事件对象给我们, 但是 React 传递给我们的这个事件对象并不是原生的事件对象, 而是 React 根据原生的事件对象自己合成的一个事件对象, 虽然传递给我们的是 React 自己合成的事件对象, 但是提供的 API 和元素的几乎一致, 如果你用到了一个没有提供的 API, 那么你也可以根据合成的事件对象拿到原生的事件对象。
在Jq,原生javascript时期,在写页面时,往往强调的是内容结构,层叠样式,行为动作要分离,三者之间分工明确,不要耦合在一起
setState() 将对组件 state 的更改排入队列批量推迟更新，并通知 React 需要使用更新后的 state 重新渲染此组件及其子组件。其实setState实际上不是异步，只是代码执行顺序不同，有了异步的感觉。
11.png <Image source={require("./img/2.png")} />
我比较常用React， 这里就写了一篇 React 基础原理的内容， 面试基本上也就问这些， 分享给大家。
Sheila，携程资深前端开发工程师，关注前端性能优化；xqin，携程前端开发专家，CRN bundle分析平台开发者。
理解React中虚拟DOM的概念 理解React中三种Diff算法的概念 使用JS中createElement的方式创建虚拟DOM 使用ReactDOM.render方法 使用JSX语法并理解其本质 掌握创建组件的两种方式 理解有状态组件和无状态组件的本质区别 理解props和state的区别
刚接触this关键字的时候，一脸懵逼，看字面意思很好理解，日常英语中的this指代“这个”，有指向的意思，难道这个关键字意思也是如此？作为纯自学起来的我，在踩了那么多坑后，已然条件反射般的感觉不对劲。果不其然，在新手阶段，我是看概念懵、抄demo懵、用起来更懵，完全不知什么鬼，这个this到底指向哪？关于这个this，硬啃了好久，经常一会懂一会懵的，工作中想用还不敢用了。后来勉强算熟手了，才算慢慢用起来，边用边理解，发现果然坑还是很多，但等到确实理解后，发现也没什么可怕的。人一胆大，就是一句话了：不要怂，就是干~~
「为了回馈图雀社区的读者，图雀酱特地挑选了几本书籍送给大家，文末有送书活动详情哦~」
webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle
做成一件事并不难，难的是做好一件事。前端性能优化也是同样的道理，性能是前端编码规范、网络层面、辅助工具等相互作用的结果，这是一个兼顾广度和深度的问题，优化好了可以加快首屏加载速度提高用户留存率，节省服务器资源降低成本等，也是区分初高级前端工程师的重要标准。
前后端分离这个词相信大家都听过，不知道大家是怎么理解的呢。前阵子看项目的时候，有一段实现硬是没看懂，下面来给大家说一下一段愚蠢的经历哈。
动态加载（异步组件）加载时会有延迟，在延迟期间可以将一些内容展示给用户，比如：loading
大家好，我是前端开发者卜壮，经过笔者上篇《俺咋能看懂公司前端项目？》之后，不知道大家有没有学到其设计思想并应用到自己的项目中。我相信你们，肯定没有。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
对象存储
云直播
