
前端架构
文章平均质量分 85
织_网
需求指导设计,设计指导开发
展开
-
技术方案设计文档
以上需求还有很多细节点,就不一一阐述编辑器画布使用的组件和渲染逻辑和h5完全一致,为了两边一致,应该抽离出来提供给它们使用,从而保证制作的时候和渲染出来的h5保持一致考虑自研服务前,先列出我们统计所需的功能我们需要实现分渠道统计这个需求,要实现这个需求,我们就需要自定义事件统计包括:思路:vuex storevuex getter......原创 2022-07-12 17:30:02 · 465 阅读 · 0 评论 -
长列表性能优化方案 memo
在计算机领域,记忆化是一种主要用来提升计算机程序速度的优化技术方案。它将开销较大的函数调用的返回结果存储起来,当同样的输入再次发生时,则返回缓存好的数据,以此提升运算效率。注: 在 《JavaScript 忍者秘籍》的 3.2.2 节中「自记忆函数」中有这样的介绍:记忆化是一种构建函数的处理过程,能够记住上次计算结果。在这个果壳里,当函数计算得到结果时就将该结果按照参数存储起来。采用这种方式时,如果另外一个调用也使用相同的参数,我们则可以直接返回上次存储的结果而不是再计算一遍。像这样避免既重复又复杂..原创 2022-06-15 20:14:27 · 537 阅读 · 0 评论 -
前端 实现数据的分批加载
UNI-APP上拉分段加载数据当服务端数据没有进行分页处理时,ajax请求一次接口返回所有的数据;当请求数据过多的时候页面渲染会非常慢,并且很容易造成页面卡死现象;因此,前端可以通过js进行分页,达到分批加载数据的目的。思路:1、获取数据的分段处理 (1)无数据不显示加载状态栏显示无数据信息提示 (2)有数据动态设置API参数取值加载数据时动态改变API参数值,这里设置time来控制,追加数据时time++,确保查询的追加数据条数比上次获取的数据多十条。分段截取数据原创 2021-11-01 15:56:07 · 4272 阅读 · 0 评论 -
micro-app 微前端脚手架搭建
关于micro-app在micro-app之前,业内已经有一些开源的微前端框架,比较流行的有2个:single-spa和qiankun。single-spa是通过监听url change事件,在路由变化时匹配到渲染的子应用并进行渲染,这个思路也是目前实现微前端的主流方式。同时single-spa要求子应用修改渲染逻辑并暴露出三个方法:bootstrap、mount、unmount,分别对应初始化、渲染和卸载,这也导致子应用需要对入口文件进行修改。因为qiankun是基于single-spa进行封装,所以原创 2022-05-08 10:58:42 · 3993 阅读 · 2 评论 -
qiankun 微前端脚手架搭建
qiankun 是一个基于 single-spa 的微前端实现库,旨在帮助大家能更简单、无痛的构建一个生产可用微前端架构系统。什么是微前端微前端是一种多个团队通过独立发布功能的方式来共同构建现代化 web 应用的技术手段及方法策略。微前端架构具备以下几个核心价值:技术栈无关主框架不限制接入应用的技术栈,微应用具备完全自主权独立开发、独立部署微应用仓库独立,前后端可独立开发,部署完成后主框架自动完成同步更新增量升级在面对各种复杂场景时,我们通常很难对一个已经存在的系统做全....原创 2022-04-27 14:52:49 · 2007 阅读 · 0 评论