qq_38799074的博客

一、requestldleCallback

refs使用场景Refs 提供了一种方式，允许我们访问 DOM 节点或在 render 方法中创建的 React 元素。设置refscreateRefref回调函数ref字符串useRefforwardRef useImperativeHandlerefs传递

2.app.commandLine.appendSwitch(‘ignore-certificate-errors’) //忽略证书的检测。引入fix-path ，这里指定了3.0.0版本，最新版本不支持require导入。1.打包后不能执行‘npm run build’ 因为环境变量不对。3.window-name不能有中文。

转载原地址话说在前端这一块有一件让人非常匪夷所思的事情，就是包括webpack，包括几乎所有常用的前端模块（包），只要有大版本的更新，必然跟之前的版本大变脸，连api都给你变了，于是出现各种坑，真不知道为什么要这么设计。要知道在服务端的技术里，不管是Java还是.NET，技术都是有极好的延续性的，不可能说版本一更新，之前的api都变了，以前写的程序就各种报错，不能运行。新版本往往只是在旧版本的基础上添加一些东西，而不是颠覆。好了，吐槽完毕，归入正题。今天要记录的是babel 8.X版本，以及相关包的用

一、reacthooks功能介绍

基本概念：盒模型：包括元素内容content、内边距padding、边框border、外边距margin标准盒模型、IE盒模型标准盒模型：元素宽度width = content，高度计算相同IE盒模型：元素宽度width = content+padding+border，高度计算相同css如何设置获取这两种模型的宽和高通过css3新增的属性 box-sizing: content-box | border-box分别设置盒模型为标准模型（content-box）和IE模型（border-b

js原型、原型链、继承

1.为什么代码中没有用到React，还要引入React？import React, { Component } from ’ react’; 因为jsx最终会转移成依赖React的表达式

一、模块化演变过程1.文件划分方式每个文件就是一个模块，通过script标签引入文件模块缺点：污染全局作用域；命名冲突；无法管理模块依赖关系2.命名空间方式每个模块包裹为一个对象3、IIFE提供私有空间二、模块化规范的出现1.commonjs规范：启动时加载模块，同步模式加载模块一个文件就是一个模块；每个模块都有单独的作用域；通过module.exports导出成员；通过require函数载入模块2.AMD ：requirejs3.ES Modules基本特性：导出

介绍微前端微前端是一种多个团队通过独立发布功能的方式来共同构建现代化web应用的基数手段及方法策略。旨在解决单体应用在一个相对长的时间跨度下，由于参与的人员、团队的增多、变迁，从一个普通应用演变成一个巨石应用(Frontend Monolith)后，随之而来的应用不可维护的问题。这类问题在企业级 Web 应用中尤其常见。核心价值：技术栈无关独立开发、独立部署增量升级独立运行时qiankun设计理念：简单：类似JQuery的库，只需要调用几个API即可完成微前端改造。解耦/技术栈无关

前言JavaScript是一门单线程的非阻塞的脚本语言。单线程：JavaScript代码在执行时，都只有一个主线程来处理所有的任务单线程why？JavaScript最早设计初衷：运行在浏览器端的脚本语言，为了实现页面上的动态交互，实现页面交互的核心就是操作dom，假如是多线程模式就会出现线程同步问题：多个线程一起工作，一个修改dom,一个删除dom,浏览器不知道先执行哪一个， 避免这种线程同步问题，JavaScript只能是单线程。优点：安全 简单缺点：耗时任务可能造成假死现象于是JavaS

发包流程首先到npm网站注册账号，并验证自己的邮箱切换npm镜像到npm官网的镜像，如果使用了淘宝镜像则会影响后面的登录，npm config set registryhttps://registry.npmjs.org登录npm账号，npm login，输入账号、密码和邮箱发布到npm，npm publish注意事项发包之前，先去npm官网搜索一下你的包名是否被占用，或者通过命令查看 ：npm view 你的包名，如果报错说明包名不存在，可以使用每次npm publish之前要修改一下pac

强类型与弱类型类型安全：强类型语言：语言层面限制函数的实参类型必须与形参类型相同，不允许任意隐式类型转换弱类型语言：语言层面不会限制实参类型，允许任意的隐式类型转换静态类型与动态类型类型检查：静态类型语言：一个变量在声明时类型就是明确的，声明过后类型不允许再修改动态类型语言：在运行阶段才能明确类型，并且可以修改JavaScript自有类型系统的问题1.弱类型的问题const obj = {}setTimeout(()=>{ obj.foo();//运行阶段才发现异常},

1.核心实现let promise = new Promise((resolve,reject) => { resolve('ok'); reject('err')})promise.then( (value) => {console.log(value);}, (err) => {console.log(err);})根据Promise的使用方法得到一些信息：①Promise就是一个类 在执行这个类的时候 需要传递一个回调函数进去 称之为执行器，执行器会立即执行

2021/1/251.谈谈对BFC的理解三种定位方式：普通文档流：在普通流中，元素按照其在HTML中的先后位置自上而下布局，在这个过程中，行内元素水平排列，直到当行被占满然后换行，块级元素则会被渲染为完整的一个新行，除非另外指定，否则所有元素默认都是普通流定位，也就是说普通流中元素的位置由该元素在HTML文档中的位置决定浮动：在浮动定位中，元素首先按照普通流的位置出现，然后根据浮动的方向尽可能的向左边或右边偏移，其效果与印刷排版中的文本环绕相似。绝对定位：在绝对定位中，元素会整体脱离普通流，

NaNi???一、显性类型转换强制类型转换主要是指通过String、Number和Boolean等构造方法手动转换成对应的字符串、数字和布尔值。1.1 转为字符串1.1.1 原始类型转字符串原始类型字符串string ：‘str’“str”number : 123“123”Boolean“true”/“false”null“null”undefined“undefined”1.1.2 对象转字符串1、如果对象有toString.

一、创建数组1.使用数组字面量表示法var arr4 = []; //创建一个空数组var arr5 = [20]; // 创建一个包含1项数据为20的数组var arr6 = ["lily","lucy","Tom"]; // 创建一个包含3个字符串的数组2.使用 Array 构造函数无参构造var arr1 = new Array(); //创建一个空数组带参构造如果只传一个数值参数，则表示创建一个初始长度为指定数值的空数组var arr2 = new Array

腻子脚本（polyfill）指的是一段JavaScript代码，能够赋予浏览器未曾有过的功能。目前，几乎所有CSS3和HTML5功能都有各自对应的腻子脚本，包括视频回放和阴影，从而让那些老得走不动道儿的“老家伙”们也能闪现青春的光芒。...

前期准备1.注册登录极光网站并创建应用2.创建完应用会得到一个appkey（后续配置会用到）3.进入自己的项目根目录安装npm install jpush-react-native --savenpm install jcore-react-native --save并连接到原生库react-native link jpush-react-nativereact-native link jcore-react-native配置一、Android配置1.项目名\android\ap

上下切换 transitionConfig: () => ({ transitionSpec: { duration: 300, easing: Easing.out(Easing.poly(4)), timing: Animated.timing, }, screenInterpolator: sceneProps => {