240 发简信
IP属地:浙江
  • H5在iOS中的安全域问题

    iPhoneX取消了物理按键,改成底部小黑条,这一改动导致网页出现了比较尴尬的屏幕适配问题。对于网页而言,顶部(刘海部位)的适配问题浏览器已经做了处理,所以我们只需要关注底部...

  • 2021-05-13

    同源 tab 页之间的通信 localStorage 实现 在 global.ts 中引入: 使用:

  • 2021-04-25

    基础不牢,靠刷题 回答问题的方式?确保正确,最好不要模糊的;回答之前、回答之后等待两秒 我的亮点是什么?基本上只有说探索的东西 要有自己的思考,但说法要标准 es6 clas...

  • 2021-04-21

    证明函数是对象 每个函数都是一个 Function 对象 任何对象都是函数创建的 函数与对象的关系 console.log(Function instanceof Funct...

  • 2021-04-23

    总结项目:做了什么,做了什么样的贡献,解决了什么问题; 团队情况,个人在团队中的位置,为团队做的贡献; 我的优缺点? 经典动态规划 leetcode 300[https://...

  • 页面渲染

    浏览器打开页面的过程 解析 URL DNS 解析 浏定览器并不保证一会去解析域名,可能会根据当前的网络、负载等状况做决定 建立 TCP/IP 链接 或跨域 HTTP 请求和...

  • JavaScript运行原理

    概念 Execute Context:执行上下文 Execute Context Stack:执行上下文栈(或 Call Stack 调用栈),存储代码运行期间创建的所以上下...

  • 2021-04-16

    async 和 defer 的区别 async:异步加载脚本,加载完之后立即执行(回调的方式) defer:异步加载脚本,在 DOM 解析完之后执行 节流/防抖 节流:在某...

  • webpack 问题

    热更新原理 dll 原理 webpack 如何使用 react.production.js

  • 性能优化

    准备:计划和度量 建立性能优化文化 比竞品快 20% 选择正确的度量标准尽快的渲染重要的像素和反馈输入;优先考虑页面加载,因为它直接被用户感知;交互反应时间、首次输入延迟、H...

  • mobx

    mobx action 改变 state action 需要被显示的标注 @action state 被观察者 @observable @compute state 衍生的值...

  • React Hooks

    Hooks 解决的问题 Hooks 要解决的问题是状态共享,是继 render props 和 HOC 之后的第三种状态共享方案;hooks 是通过封装状态的使用逻辑,实现状...

  • bundler 基本原理

    项目代码:index.js add.js minus.js bundler 原理 经过 babel 转换之后的代码 [图片上传失败...(image-1fa071-16163...

  • 120
    React 性能优化方式

    react 组件更新分为两个阶段:render 阶段和 commit 阶段;因此可以从两个方面来优化组件性能: 阻止组件重渲染 rerender 对于 class 组件,使用...

  • Tapable

    Tapable 的使用 Tapable 本身不能使用,只能使用从它导出的 Hook Hook 可以按照两种标准来分类 事件回调的运行逻辑: Basic:基本类型,按顺序执行注...

  • localStorage

    与 sessionStorage 的区别 sessionStorage 存储的数据只在当前窗口可以访问,重现打开窗口不可用 localStorage 数据可以永久存储,同源窗...

  • 2021-03-04

    数据类型 7 种基本数据类型:string、number、boolean、null、undefined、symbol、bigint (基本数据类型不可变) 9 种数据类型:7...

  • 算法

    迭代递归 链表是一种兼具递归和迭代性质的数据结构 树结构不过是链表的衍生 递归性质:问题可以划分为子问题,并且子问题与原问题的结构相同递归函数都有个 base case 对于...

  • 前端安全

    xss:跨站脚本攻击 反射型:将用户输入的数据“反射”给目标网站 存储性:将带有恶意的脚本存储在数据库,当浏览器请求数据时,服务器返回并执行恶意脚本 基于DOM:通过恶意脚本...

  • 性能优化

    查看 loader 合和 plugin 的处理速度:speed-measure-webpack-plugin 查看 webpack 打包之后的大小:webpack analy...