随笔分类 - 前端
摘要：[] 前言 前段时间因为对3D制图感兴趣，学习了一下国内制作GIS的公司产品技术，并以一个demo为示例演示 从制作一个三维场景地图——>安装iserver服务——>发布制作的地图——>最后通过前端加载地图显示操作等 分为几个步骤来逐步讲解。 GIS介绍，为什么选择它？ iserver安装和接口调用
阅读全文
摘要：#几十行js实现很炫的canvas交互特效 废话不多说，先上效果图！ 本篇文章的示例代码都是抄的一个叫Franks的老外在yutube上的一个教学视频，他还出了很多关于canvas的视频，十分值得学习，而我对canvas也不太熟悉，跟着大神一起敲代码，做个学习笔记，还要说一下，本文示例的页面结构很简
阅读全文
摘要：前言 Vue3发布近一年了，相信大家对Vue3的新特性，新语法都很熟悉了。那么在使用Composition API的过程中，有没有觉得整个过程比较繁琐。比如你的模板里用到了大量的state和方法的时候，都需要在setUp()函数里一一return出去。这个过程就比较难受了。 setup script
阅读全文
摘要：如今这个世道，作为一个有几年工作经验的前端，不学点框架源码都感觉要被抛弃了，react或vue要能吹吹牛吧，最好能造个轮子，听说vue3源码好学点，那么学学vue3，但是学起来还是那么费劲，感觉快放弃了，就在这个时候出现了petite-vue，害，这家伙比vue简单啊，拿它来重拾学习源码的信心岂不更
阅读全文
摘要：背景 对于dva这个开发框架，国内从事react的前端工程师多半不会感到陌生，dva完善的开发体系和简单的api，让其被广泛运用到实际工作中。我所在的公司也是长期使用dva作为基础的开发框架，虽然好用，但是随着前端技术的飞速发展，dva似乎陷入停滞了，从npm官网上看其发版情况看，正式版本2.4.1
阅读全文
摘要：这两天看到一篇介绍《如何实现准时的 setTimeout？》的文章，文章起源于一道面试题：有什么办法让setTimeout准时呀？具体文章内容可查看附录【1】，看完之后，引起了我对setTimeout这个函数的探究兴趣，因此在MDN上重新查阅了相关文档，其中提到【最小延时 >=4ms】的一点，因此使
阅读全文
摘要：背景 以前 hybrid app 的移动端开发模式下，H5 和客户端通信的 js sdk 代码使用 js 编写，sdk 方法的说明使用文档输出。对于开发的使用来说，在 IDE 中不能得到友好的参数类型提示。于是我们维护一个类型定义包进行 sdk 方法的类型定义。但这样对于维护 sdk 的同学来说，维
阅读全文
摘要：0作为一个特殊的符号，经常会跟浏览器打交道，在不同的场景下，0代表的意思不尽相同，因此浏览器眼中的0不一定就是符合人们感官上的认识，那究竟浏览器会怎么对待它呢，今天我们就来探究一下各种场景中0的含义及浏览器的处理方式。 1.setTimeout setTimeout在js中常用来推迟任务的执行，可以
阅读全文
摘要：前言 在网站的开发过程中，接口联调和测试是至关重要的一环，其直接影响产品的核心价值，而目前也有许多技术方案和工具加持，让我们的开发测试工作更加便捷。接口作为数据传输的重要载体，数据格式和内容具有多样性，从宏观的角度上看，分为成功和失败，这两种状态又可以细分，例如失败对应的状态码有5**/4**，不同
阅读全文
摘要：如果你使用76+版本的chrome浏览器，通过开发者面板查看每个网络请求，会发现都有几个Sec-Fetch开头的请求头，例如访问百度首页https://www.baidu.com/的请求： Sec-Fetch-Dest: document Sec-Fetch-Mode: navigate Sec-F
阅读全文
摘要：一、了解前端技术栈 1. react：前端开发语言（着重学习） React是用于构建用户界面的JavaScript框架，用于构建高效、快速的用户界面。React 中一切都是组件。 虚拟dom 2. webpack：前端打包工具 一个开源的前端打包工具，将你的js、css、img、svg以更优的方式进
阅读全文
摘要：背景 新版chrome(80+)浏览器默认屏蔽所有三方cookie已经不是什么新闻了，具体原因这里不去深究，有大量相关文章介绍，由于目前许多网站都依赖三方cookie，因此该特性的推出还是造成了一些的影响，比如收集用户信息的广告商，而且主流的浏览器都跟进chrome的策略，已经成为了既定事实，本篇文
阅读全文
摘要：引言 useEffect和useLayoutEffect是React官方推出的两个hooks，都是用来执行副作用的钩子函数，名字类似，功能相近，唯一不同的就是执行的时机有差异，今天这篇文章主要是从这两个钩子函数的执行时机入手，来剖析一下React的运行原理和浏览器的渲染流程。 官方解释 useLay
阅读全文
摘要：前景概要 antd是阿里出品的一款基于antd的UI组件库，使用简单，功能丰富，被广泛应用在中台项目开发中，虽然也出现了彩蛋事故，但不能否认antd本身的优秀，而我们公司在实际工作中也大量使用antd进行开发，使用的版本主要集中在3.x这个大版本中，在实际使用过程中发现了一个比较明显的问题，那就是a
阅读全文
摘要：一、前言 微前端(micro-frontends)是近几年在前端领域出现的一个新概念，主要内容是将前端应用分解成一些更小、更简单的能够独立开发、测试、部署的小块，而在用户看来仍然是内聚的单个产品。微前端的理念源于微服务，是将庞大的整体拆成可控的小块，并明确它们之间的依赖关系，而它的价值在于能将低耦合
阅读全文
