个人技术分享

Day06：Flex 布局

本文学习Flex布局，首先讲解了什么是标准流（文档流），接着将了浮动（float）布局，浮动布局为什么会脱标以及如何解决脱标的情况。接下来讲解了本文学习的重点，flex 弹性布局，关于 flex 弹性布局主要讲解了 flex 的组成、主轴对齐方式、侧轴对齐方式、如何修改主轴方向、弹性伸缩比、弹性盒子换行以及行内对齐方式，并通过多个例子详细讲解了弹性盒子的布局方式和常用属性，希望对大家有帮助！

Android Compose 九：interactionSource 的使用

InteractionSource表示与组件发出的事件相对应的交互流。这些交互可用于更改组件在不同状态下的显示方式，例如按下或拖动组件时。当TextField 获取到焦点时边框或者背景变化 用以表示我们选中了该输入框。效果 上边的TextField 获取和失去焦点时，文字改变。等组件 都有 interactionSource 属性。创建两个TextField 可以用来切换焦点。也就是说它应该是用来记录不同的交互状态。将以上代码放入项目运行效果。下面我们就简单玩玩它。

js报错replaceAll不是一个function（特定设备），如何在平板中展示前端控制台

公司项目要求兼容pc、平板、手机等多个设备，之前出现了一个问题是页面在pc和移动端正常运行，而且IE都可以支持，但某些平板无法显示页面内容，所以记录一下解决思路。上面说过replace方法是可以使用正则匹配的，用正则可以替换所有的位置，那么我们就可以这么写了。加上这么一句就可以，其它不用操作，之后在平板右下角会出现一个绿色的按钮，点击就可以显示报错信息。经过一段时间的测试，这五行基本可以识别大多数情况的换行符，且不存在平板不兼容的问题。的情况，这是正常的，为了解决，我们有两种解决方案。当使用字符串替换时，

HTML5 Canvas图形绘制技术应用

ctx变量现在包含了所有绘图方法和属性，用于在画布上进行操作。方法接受多个参数，可以缩放、裁剪或平移图像。可以绘制复杂路径，所有路径片段会在。这里设置了画布的初始宽度和高度。方法分别用于填充路径和绘制描边。属性控制路径填充的算法，可选值为。（基线位置）等属性调整文本布局。变换通常在绘制前设置，并可以通过。在HTML文档中插入一个。方法保存和恢复绘图状态。

js报错replaceAll不是一个function（特定设备），如何在平板中展示前端控制台

公司项目要求兼容pc、平板、手机等多个设备，之前出现了一个问题是页面在pc和移动端正常运行，而且IE都可以支持，但某些平板无法显示页面内容，所以记录一下解决思路。上面说过replace方法是可以使用正则匹配的，用正则可以替换所有的位置，那么我们就可以这么写了。加上这么一句就可以，其它不用操作，之后在平板右下角会出现一个绿色的按钮，点击就可以显示报错信息。经过一段时间的测试，这五行基本可以识别大多数情况的换行符，且不存在平板不兼容的问题。的情况，这是正常的，为了解决，我们有两种解决方案。当使用字符串替换时，

React里面useMemo和useCallBack的区别

useCallBack计算结果是函数, 主要用于缓存函数，应用场景如: 需要缓存的函数，因为函数式组件每次任何一个 useState 的变化，整个组件都会被重新刷新，一些函数是没有必要被重新刷新的，此时就应该缓存起来，提高性能，和减少资源浪费。useMemo缓存的是二次计算的数据，主要用于缓存计算结果的值，跟vue里面的computed大致相同的作用，这样避免组件重新渲染的时候，再重新执行整个函数，导致之前的二次计算也会重新执行一次。都是依赖数据发生变化，才会去更新缓存数据。

JS性能优化之函数唯一标识以及自记忆函数

注意：ES6 的箭头函数是一种匿名函数的简写，它们不具有自己的 this、arguments、super 或 new.target。有一位名叫朱升的学者，告诉朱元璋“高筑墙，广积粮，缓称王”。过给函数添加属性来记住一些计算结果，之后再调用的时候就可以不用重新计算了，直接去属性中的数据，提高性能。给函数设置一个 id 属性，作为唯一标识，在某些情况下可以提高性能，比如，唯一的区别是：函数是可调用的，即函数会被调用然后去执行某项动作。一个集合中的函数，不希望出现重复函数。对象拥有的，函数都有。