前端

LiveData 面试题库、解答、源码分析

引子 LiveData 是能感知生命周期的,可观察的,粘性的,数据持有者。LiveData 用于以“数据驱动”方式更新界面。 换一种描述方式:LiveData 缓存了最新的数据并将其传递给正活跃的组件。 这一篇就 LiveData 的面试题做一个归总、分析、解答。 1. LiveData 如何感知生命周期的变化? 先总结,再分析: Jetpack 引入了 Lifecycle,让任何组件都能方便

几个常用的chrome调试技巧

1. 拖动 dom 元素 选中一个dom元素,通过拖动就可以改变元素的位置。如下图: 2. 选中 dom 元素右键删除元素 选中一个dom元素右键菜单会有很多功能选项,常用的有隐藏、删除元素等。如下图: 3. 在控制台引用选中元素 $0 使用$0可以在控制台引用选中元素,如下图: 4. $_引用上一次的结果 使用$_可以在控制台引用上一次结果,如下图

(六)redux状态管理

redux 为什么使用Redux: 使用react进行大型项目开发时,需要管理的状态不仅数量很多而且相互共享,一个状态多个组件都要共享使用并且渲染,管理不断变化的 state 非常困难。所以我们需要把 state 进行统一管理,这样才能控制每一个state的变化,让我们的程序可读性更强,出错率更低。 一、什么是Redux? Redux 是一个 JS 库,一个状态容器。 作用: 集中式管理 Reac

HTTP JSON接口模拟工具Interfake快速入门

一、简介 Interfake能简便地创建虚假的HTTP API,只需简单几行代码就可以创建模拟JSON接口(使用命令行方式也可以不写代码),不需要安装web服务器。Interfake是NodeJs开发的,是一款开源Mock Server工具。GitHub地址。 二、以命令行方式使用 interfake interfake 是NodeJs开发的,支持三种使用方式:JS代码方式、JSON配置方式和HT

WEB前端优化实践

提升首屏的加载速度,是前端性能优化中最重要的环节,这里笔者梳理出一些 常规且有效 的首屏优化建议 目标:通过对比优化前后的性能变化,来验证方案的有效性,了解并掌握其原理 1、路由懒加载 SPA 项目,一个路由对应一个页面,如果不做处理,项目打包后,会把所有页面打包成一个文件,当用户打开首页时,会一次性加载所有的资源,造成首页加载很慢,降低用户体验。 列一个实际项目的打包详情:

前端将html导出为word文档

前言本次功能的引出是因为博主所做的功能业务为统计分析页面,需要将图表及分析数据导出到word文档,使系统使用人员可以在页面显示的基础上进行修改。按理说页面导出的数据是不允许修改的,所以博主向产品经理提出直接将页面导出为图片,在博主的据理力争下,成功的被否决了,那就来好好研究一下吧正文在通过多方搜索以及实践之下&#x

ES5常见的数组方法:forEach ,map ,filter ,some ,every ,reduce (除了forEach,其他都有回调,都有return)

关于forEach forEach()方法需要一个回调函数(这种函数,是由我们创建但是不由我们调用的)作为参数 回调函数中传递三个参数: 第一个参数,就是当前正在遍历的元素 第二个参数,就是当前正在遍历的元素的索引 第三个参数,就是正在遍历的数组 缺点: 不能使用break和continue let myArr = ['王一', '王二', '王三']; myArr.forEach((ite