范德萨的博客

2、尽量不要在首屏使用，因为 Chrome 不会在预加载扫描程序中预加载loading=lazy图像的。属性，但在一些较旧的浏览器中可能不被支持。1、大多数现代浏览器都支持。一个属性实现图片懒加载。

此文章用于，让我自己快速设置 浏览器、h5 默认滚动条样式……以上就是今天的内容，三Q！

因为注册了多个ref，获取是不能单单知识refs.xxx，需要使用数组和索引来获取具体一个组件refs[index].xxx。使用this.$nextTick()，来等组件渲染完毕之后再使用refs调用子组件方法。好这么一写，导致前两个组件都无法正常使用……

下载插件（@babel/plugin-proposal-optional-chaining）。来代替（如下图所示），但是为了团队协作避免麻烦使用。)babel插件来解决问题。带来的问题，可以使用这个(添加如下代码来拓展解析器。因为有些浏览器版本不兼容。

链接: https://pan.baidu.com/s/1JuwrWltoHNHMtmPiHtvymA?

在使用git在远程仓库创建分支后，我想要在本地切换为刚刚创建的分支，报以下错误：意思就是说本地查不到远程刚刚创建的分支！

主要的问题就是使用reactive生成的响应式数据，在直接赋值时把响应式数据给替换为了普通数据了，导致无法监听数据的变化。

连接就建立起来了，双方就可以通过这个连接通道自由的传递信息，并且这个连接会持续存在直到客户端或者服务器端的某一方主动的关闭连接。连接上进行全双工通讯的协议。主要作用就是建立服务器和客户端的长连接能更好的节省服务器资源和带宽，服务器向浏览器推流实现实时通信。请求，服务器端解析这些附加的头信息然后产生应答信息返回给客户端，客户端和服务器端的。浏览器和服务器只要完成一次握手的动作，然后浏览器和服务器之间就会脱离。第二个参数 protocol 是可选的，指定了可接受的子协议.请求，这个请求和通常的。

【代码】移动端盒子拖拽。

这篇文章可以让你学会如何在umi3中配置使用redux想必你已经搭好了umi框架，废话不多说，直接上教程以下是正文以上就是在umi中使用redux的全部教程了，觉得小编讲的详细的扣个6奥。

umirc.ts 基本配置大全

umi中自带的antd组件库是@4版本的，有些组件语法，根本无法互相使用！在安装的依赖中找不到此时正在使用的antd组件库中的悬浮按钮组件。我们要知道在umi框架中开发是有自带antd等第三方组件库。预防有缓存，把标记红框的删掉，重新yarn或npm，不设置默认使用自带的antd@4组件库。其实最大的原因应该就是你使用最新版本。小提示：我们在项目开发中最好使用固定的命令要是用yarn就一直都是用yarn ，进行安装依赖。

需要获取到当前滚动条的页面元素，之后加上返回顶部的方法即可！

判断 if (count < 1) 中的count 因为某种原因成了闭包（原因我很疑惑？），每次更新时，并不会从60 - 59 - 58。这样的话倒计时永不会结束。使用 useRef hook 存储每次count的变化值，再在 setInterval 中引用 countRef.current。useEffect hook 也是顺序执行，为 countRef 在每次render 时更新。需求：做一个倒计时按钮，在“发送验证码”后开始60的倒数计时。

首先通过在项目中运行 npm run eject 暴漏出配置文件其次在webpack.config.js中的return进行以下配置。

传统的项目开发中，我们只会用到px、%、em这几个单位，它可以适用于大部分的项目开发，且拥有比较良好的兼容性。从CSS3开始，浏览器对计量单位的支持又提升到了另外一个境界，新增了rem、vh、vw、vm等一些新的计量单位。利用这些新的单位开发出比较良好的响应式页面，适应多种不同分辨率的终端，包括移动设备等。px：绝对单位，页面按精确像素展示em：相对单位，基准点为父节点字体的大小，如果自身定义了font-size按自身来计算，整个页面内1em不是一个固定的值rem。

在移动端中，用户访问了一个列表页，上拉浏览列表页的过程中，随着滚动高度逐渐增加，数据也将采用触底分页加载的形式逐步增加，列表页浏览到某个位置，用户看到了感兴趣的项目，点击查看其详情，进入详情页，从详情页退回列表页时，需要停留在离开列表页时的浏览位置上

如果将`yarn.lock`和`package.lock`文件放在一起，有时会变得很困难，因为存在不同步的风险> `yarn install` 安装生成的 `yarn.lock` 文件 与 `npm install` 生成的 `package-lock.json` 文件时间相差较远，造成了 `yarn.lock` 的包版本低于 `package-lock.json` 的包版本。因为以 ?x.x.x 形式定义的包版本在不同时期安装包版本不一致。

为什么要优化？react后期搭建项目，组件是非常之多的，会有很多的render和dom操作，如果不进行优化会造成页面卡顿，用户体验就不佳了。代码层面工程层面框架机制层面。

首屏时间（First Contentful Paint），指的是浏览器从响应用户输入网址地址，到首屏内容渲染完成的时间，此时整个网页不一定要全部渲染完成，但需要展示当前视窗需要的内容首屏加载可以说是用户体验中最重要的环节资源加载优化页面渲染优化下图是更为全面的首屏优化的方案，可以根据自己项目的情况选择各种方式进行首屏渲染的优化。

当我们使用css浮动时会造成脱离文档流，造成高度塌陷等问题以下是几种解决方法原理：父级div手动定义height，就解决了父级div无法自动获取到高度的问题。优点：简单、代码少、容易掌握缺点：只适合高度固定的布局，要给出精确的高度，如果高度和父级div不一样时，会产生问题原理：必须定义width或zoom:1，同时不能定义height，使用overflow:hidden时，浏览器会自动检查浮动区域的高度。优点：简单、代码少、浏览器支持好。

这个元素高度怎么没了？这两栏布局怎么没法自适应？这两个元素的间距怎么有点奇怪的样子？......原因是元素之间相互的影响，导致了意料之外的情况，这里就涉及到BFC概念以上能够完整的体现了BFC实际就是页面一个独立的容器，里面的子元素不影响外面的元素。

按需求我们需要把antd库中table表格的表头，设置为可拖拽的，在antd中并没有现成的属性方法，所以我们需要用到第三方库；本文还封装了可拖拽表头的表格组件，其中有阻止冒泡防止拖拽时引起排序、选中文字等操作。如果你急需此功能，那么可以直接滑倒底部拿取代码。在css或less中设置对应的类名样式，也可以设置为自定义的拖拽图标// 通过设置类名，来设置拖拽的标志bottom : 0;1、初始列的宽度设置2、拖拽回调的判断赋值。

ES7 React/Redux/GraphQL/React-Native snippets插件快捷键的使用和效果