然后一看源码，使用的是GSAP这个动画库加上svg路径结合的，看起来SVG的路径有点复杂。然后心里想着能不能用更简单的代码或者思路来还原这种效果，看了一些资料后，心里大概出现了几种思路：

Context 主要应用场景在于很多不同层级的组件需要访问同样一些的数据。请谨慎使用，因为这会使得组件的复用性变差。使用 context 比较好的场景是真正意义上的全局信息且不会更改，例如界面主题、用户信息等如果你只是想避免层层传递一些属性，组件组合（component composition）有时候是一个比 context 更好的解决方案

web端能做的事情很多，但是当涉及到操作系统的时候，可能就有点力不从心了。前段时间在开发一个web系统的时候，就遇到了类似的情况。我们需要获取电脑操作系统的一些信息，比如mac地址等。我们的web系统是完全放在服务器上，通过浏览器来运行的，但是通过web端并不能直接实现我们想要的效果。

1.当浏览器（内核、引擎）解析和渲染js的时候，会给js提供一个运行的环境，这个环境叫做“全局作用域（后端global / 客户端window scope）”2.代码自上而下执行（之前有个变量提升阶段）

嵌套的条件分支语句绝对是代码维护者的噩梦，对于阅读代码的人来说，嵌套的if else语句相比平铺的if else在阅读和理解上更加困难。 重构前 {代码…} 重构后 {代码…} 所以合理的反转判断 利用卫语句 就可以很好的优化代码。

说到在项目中引入一个视频，我们肯定会想到 HTML5 为我们提供的 Video 标签，它为我们提供了许多属性和方法，使用起来很方便，当然直接使用也会遇到各种兼容问题，在最初学习 Video 标签时，W3C 官网就给出了这样的温馨提示：在 HTML 中播放视频并不容易!

在 React 中，表单元素通过组件的 state 属性来自己维护 state，并根据用户输入调用setState()来进行数据更新，使 React 的 state 成为“唯一数据源”，被 React 以这种方式控制取值的表单输入元素就叫做“受控组件”。

FWidget 用心提供精致的组件，助您构建精美的应用。 对于一个 Flutter 开发者而言，要实现下图中的虚线效果可不是一个容易的事情 ?。 由于官方没有准备有关于虚线的 Widget 供开发者们食用。 很多时候，开发者们不得不自己手动绘制或是使用一些特别的方式去实现，但过程总是不那么容易的。 现在， FDottedLine 要来改变…

是在setting.json文件添加了这个设置后，一波操作后，css丝毫没有变化，无效啊！！！这时候就要找度娘问问了，然而在网上冲浪，找啊找，都找不到对应的办法。网上都是说在那里配置autoprefixer.browsers，啥也不是。。然后看到一个文章说3.0.0版本下设置autoprefixer.browsers无效的。。好吧，这算是知道原因了。[链接]

http缓存机制是一种web性能优化的手段，对于从事web行业的我们很有必要去弄懂，起初我仅仅只是知道浏览器会对请求的静态文件进行缓存，至于如何缓存，为什么缓存并不知其所以然。在这里结合自己所学及理解，用简短的文字来说明。