古兰精

2021年4月16日

摘要：一、问题背景异步 HTTP 请求在现代 web 应用中可以说是随处可见。为了更好的用户体验，05 年出现了 Ajax，支持不刷新页面实现局部更新。 Ajax 支持同步和异步两种方式，但是大家基本上只用异步方法，因为发送同步请求会让浏览器进入暂时性的假死状态，特别是请求需要处理大数据量、长时间等待的阅读全文

posted @ 2021-04-16 19:02 古兰精阅读(404) 评论(0) 推荐(0)

浅析二维码扫码登录原理

摘要：在日常生活中，二维码出现在很多场景，比如超市支付、系统登录、应用下载等等。了解二维码的原理，可以为技术人员在技术选型时提供新的思路。对于非技术人员呢，除了解惑，还可以引导他更好地辨别生活中遇到的各种二维码，防止上当受骗。在扫码的过程中，大家可能会有疑问：这二维码安全吗？会不会泄漏我的个人信息？更深阅读全文

posted @ 2021-04-16 16:41 古兰精阅读(783) 评论(1) 推荐(0)

浅析微信小程序的底层架构原理

摘要：一、小程序基础知识小程序是基于WEB规范，采用HTML、CSS和JS等搭建的一套框架，微信官方给它们取的名字：WXML、WXSS，但本质上还是在整个WEB体系之下构建的。WXML说到底就是xml的一个子集。WXML采用微信自定义的少量标签WXSS，大家可以理解为就是自定义的CSS。实现逻辑部分的J 阅读全文

posted @ 2021-04-16 15:50 古兰精阅读(6261) 评论(0) 推荐(0)

2021年4月15日

浅析Preload/Prefetch性能优化

摘要：在网络请求中，我们在使用到某些资源比如：图片，JS，CSS 等等，在执行之前总需要等待资源的下载，如果我们能做到预先加载资源，那在资源执行的时候就不必等待网络的开销，这时候就轮到 preload 大显身手的时候了。一、preload 提前加载 preload 是一个新的 Web 标准，在页面生命周阅读全文

posted @ 2021-04-15 18:13 古兰精阅读(3025) 评论(0) 推荐(0)

2021年4月12日

浅析解决页面刷新/关闭之前发送请求上传数据的方案解析、Navigator.sendBeacon()介绍及意义

摘要：一、在页面关闭时，前端上传监控数据的5个解决方案 1、同步XMLHttpRequest const data = JSON.stringify({ time: performance.now() }); var xhr = new XMLHttpRequest(); // 第三个参数false，表示阅读全文

posted @ 2021-04-12 18:49 古兰精阅读(907) 评论(0) 推荐(0)

2021年4月9日

浅析如何实现一个 Virtual DOM 算法

摘要：最近看到一篇文章写diff算法实现（深度剖析：如何实现一个 Virtual DOM 算法 #13），研究了一下写的确实不错，转载如下：本文会教你怎么用 300~400 行代码实现一个基本的 Virtual DOM 算法，并且尝试尽量把 Virtual DOM 的算法思路阐述清楚。希望在阅读本文后，阅读全文

posted @ 2021-04-09 18:20 古兰精阅读(135) 评论(0) 推荐(0)

2021年4月7日

微信小程序自定义搜索导航栏

摘要：需求背景：自定义微信小程序导航栏。因为项目需要，要实现如京东小程序类似的搜索导航栏（下图所示搜索框在导航栏中）。参考了官方API最终实现了该有的效果，顺便把此次实现的思路和代码记录下来。一、拆解分析按照正常的导航栏拆解来进行计算自定义导航栏的高度。根据下图所示可以得到导航栏的高度等于：手机状阅读全文

posted @ 2021-04-07 12:19 古兰精阅读(1294) 评论(0) 推荐(0)

2021年4月1日

浅析如何实现一个并发请求控制函数并限制并发数

摘要：面试题： 1、批量请求：要实现批量请求，而且并不需要按顺序发起请求（如果需要按顺序可以存入队列中，按优先级则可以存入优先队列中），所以这里我们存入数组中即可，然后进行遍历，取出数字中的每一项丢去fetch中进行调用。 2、可控制并发度：控制并发数，一个简单的办法就是对数组进行切片，分成一段一段，完成阅读全文

posted @ 2021-04-01 18:37 古兰精阅读(2898) 评论(0) 推荐(0)

2021年3月31日

浅析react Fiber架构中的异步渲染原理

摘要：熟悉 react 的朋友都知道，在 react 中有个核心的算法，叫 diff 算法。web 界面由 dom 树组成，不同的 dom 树会渲染出不同的界面。react 使用 virtual dom 来表示 dom 树，而 diff 算法就是用于比较 virtual dom 树的区别，并更新界面需要更阅读全文

posted @ 2021-03-31 19:02 古兰精阅读(1185) 评论(1) 推荐(1)

浅析nodejs中的package.json和package-lock.json作用

摘要：一、package.json与package-lock.json文件的作用 1、package.json文件记录了你项目中所依赖的所有模块（只记录主模块）。当你执行 npm install 的时候，nodeJS 会先从 package.json 文件中读取所有 dependencies 信息，然后阅读全文

posted @ 2021-03-31 17:37 古兰精阅读(1253) 评论(0) 推荐(0)

公告