我们经常会遇上动态生成海报的需求，而在Web前端中，生成图片非Canvas莫属。但是在实际工作当中，为了追求效率，我们会不可避免地去使用一些JS插件，而html2canvas...
发简信
IP属地：广东
-
html2canvas.js——HTML转Canvas工具 -
webpack4环境配置之process.env
通常情况下，我们需要针对不同环境（开发环境、集成环境、生产环境等），进行相应策略的打包（比如是否替换接口地址，代码是否压缩等）。webpack就是通过process.env属...
-
React Hook
0. 边缘知识补充 react16.8出的新特性，在react16.3版本时推出一个新的调和算法 Fiber Reconciler，在16.3之前采用的是Stack Reco...
-
vue和react的区别之我见react和vue都是做组件化的，整体的功能都类似，但是他们的设计思路是有很多不同的。使用react和vue，主要是理解他们的设计思路的不同。 1.数据是不是可变的 reac...
-
React - 实现一个Ant Design Form组件（简易版）本篇文章通过对 Ant Design Form 组件的源码分析，实现一个简易版的表单组件，该组件可以实时进行数据校验和展示校验错误信息，如下图：简易版表单组件.jpg 引入 ...
-
react native 性能优化 总结
rn性能优化 结合网上资料总结如下 1、首屏渲染问题。采用JS Bundle拆包解决。就是主体框架react单独打成一个基础包，一旦进入app就马上加载，而相关业务模块单独拆...
-
移动端跨平台框架调研（Flutter、RN）一、背景 "Write once, run anywhere" 一直以来就是开发者的梦想。在移动客户端领域，主流的跨平台开发框架大体经历了三个阶段。 第一阶段，主要通过 We...
-
MessageChannel是宏任务,在一帧的渲染结束后执行。参考Fiber的实现的requestIdleCallback兼容。
Vue.nextTick实现原理
vue 2.X 深入响应式原理的异步更新队列中说明如下： 只要侦听到数据变化，Vue 将开启一个队列，并缓冲在同一事件循环中发生的所有数据变更。如果同一个 watcher 被...
-
React学习（一）setState的更新机制
1、Transation 在上一篇文章中讲到在调用ReactDOM.render方法渲染组件时，其主要功能是通过ReactMount 文件下的_renderSubtree...
-
仅仅知道如何终止XHR请求，或许对你来说是不够的！
TLDR: 当我们需要的时候，我们可以通过AbortController接口来终止一个或者多个请求。 前言 到目前为止，我们有两个常用的基本的手段去发送请求进而局部刷新页面内...
-
移动前端开发之viewport,devicePixelRatio的深入理解
移动前端开发之viewport的深入理解 在移动设备上进行网页的重构或开发，首先得搞明白的就是移动设备上的viewport了，只有明白了viewport的概念以及弄清楚了跟v...
-
React-Native 实现增量热更新的思路(1)
所谓热更新就是在不重新安装的前提下进行代码和资源的更新，相信在整个宇宙中还不存在觉得热更新不重要的程序猿。 增量热更新就更牛逼了，只需要把修改过和新增的代码和资源推送给用户下...
-
requestIdleCallback和requestAnimationFrame详解页面流畅与 FPS 页面是一帧一帧绘制出来的，当每秒绘制的帧数（FPS）达到 60 时，页面是流畅的，小于这个值时，用户会感觉到卡顿。 1s 60帧，所以每一帧分到的时间是 ...
-
深入浅出Object.defineProperty()讲解大致会根据下图展开 本文部分参考了书籍《你不知道的javascript》上卷 对象的定义与赋值 经常使用的定义与赋值方法obj.prop =value或者obj['pro...
-
HTTP1.0、HTTP1.1和HTTP2.0的区别一、HTTP的历史 早在HTTP建立之初，主要就是为了将超文本标记语言(HTML)文档从Web服务器传送到客户端的浏览器。也是说对于前端来说，我们所写的HTML页面将要放在我...
