240 发简信
IP属地:河南
  • canvas生成视频

    总结 通过canvas的captureStream属性返回的一个MediaStream对象,将生成的stream通过MediaRecorder对象生成录屏资源

  • rrweb实现录屏

    背景: 录制的不是真正的视频流,而是一个记录页面 DOM 变化的 JSON 数组,因此不能录制整个显示器的屏幕,只能录制浏览器的一个页签。record 负责在一开始录制DOM...

  • 前端面试

    js数据存储 闭包 内部函数总是可以访问其外部函数中声明的变量,当通过调用一个外部函数返回一个内部函数后,即使该外部函数已经执行结束,但是内部函数引用外部函数的变量依然保存在...

  • 网络协议

    同源策略 浏览器的安全机制,要求端口,域名,协议一致 作用在于保护用户数据安全,防止恶意网站获取用户信息,阻止CSRF,XSS攻击 具体限制 ajax请求:不同源请求会被阻止...

  • 随笔

    vscode 用插件方式提供了多种语言扩展接口,分成声明式,编程式两类,用给予textmate的声明式接口迅速识别代码中的词法,再用编程式接口如LSP提供例如错误提示,代码补...

  • mobx与Redux的区别

    1. 状态容器 redux :dispatch(action) - > 在store中调用reducer,将当前state和收到的action做对比,计算出新的state -...

  • 120
    react 实现水印功能

    背景:在后台管理的项目中,会要求加上水印,防止截图盗取信息等, 1. 第一步:先创建水印的模块组件 创建一个svg的标签,里面画上自己需要的水印内容,然后生成通过URL.cr...

  • 120
    前端网站置灰,实现哀悼模式

    背景:全国的哀悼日,会让首屏或者整个网站置灰,但是一行行加样式是不切实际的,css 一行代码可以解决这个需求方便快捷,兼容性也还可以。 1. 整个网站置灰 , 给html直接...

  • typescript 学习总结

    简介 typescript:javasscript的超集 ,添加了类型系统的 JavaScript,适用于任何规模的项目。我们都知道JavaScript是一种弱类型的语言。而...

  • node 环境下一个文件如何同时支持 import 和 require

    JavaScript 现在有两种模块。一种是 ES6 模块,简称 ESM;另一种是 CommonJS 模块,简称 CJS。CommonJS 模块是 Node.js 专用的,与...

  • 《高性能javascript》笔记

    仅个人观后感:读完这本书感觉这本书对于工作几年的前端人员来说不值得去花精力或者时间精读,适合刚开始工作的新人 1. 加载和执行 在代码加载的过程中会阻塞浏览器的其他进程,例如...

  • 微信网页自定义分享

    微信版本号1.6.0分享设计规范分享标题:14字以内,建议使用朋友般亲切的口吻分享图标:尺寸120*120,大小不超过10K,不支持GIF格式。必须采用https协议。分享描...

  • egg.js 文件上传

    1. 当文件不超过1mb,小文件 小文件的话就不需要使用文件流了需要在config.default.ts(egg.js修改默认配置的文件)指定文件的限制 2. 大文件上传 一...

  • 随笔

    1.gitlab gitlab-ci 是基于gitlab的持续继承工具。每次push到gitlab的时候就会触发一次脚本执行,脚本内容包括测试,编译,部署等. 解析gitla...

  • react&redux&react-redux原理(react小书)

    生命周期 组件的生命周期 定制shouldComponentUpdate SetState setState有队列的概念,对状态的更新是异步的,比如在一个事件函数中更新多次s...

  • 【react面试题】不可错过的react 面试题 「务必收藏」

    下面是一个常用的关于 React 的面试问题列表: 无论作为一个面试者,或者招聘官,下面这些问题都可以去参考 React 的工作原理 React 会创建一个虚拟 DOM(vi...

  • git

    解决Git报错:error: You have not concluded your merge (MERGE_HEAD exists)解决办法一:保留本地的更改,中止合并-...

  • 120
    vscode 高亮 原理

    demo思路 需求:语法高亮本质是把源文件中的关键字等具有语法意义的特殊字符序列渲染出来。 思路: 从源文件中把关键字识别出来 如何渲染识别出来的高亮部分 解决方案 去识别关...