接力
OSL000

nice，不过一般还是直接上 codesandbox 上解决 demo 问题。。。

css media query + flex box 或 grid box

@OfficialYoungX 同感。总有人得通过贬低他人抬高自己，显得自己啥都懂，真正能在 **有限时间** 内做出这种效果的没几个人。对于自身不熟悉的领域保持谦逊始终是难得的品质。

微信小程序自身的坑都不少，如果不做多种小程序可以考虑用原生

mammoth.js

应该算是 chromium 的特性

非动态网页用预渲染 prerender 就可以了，react 下有 next.js ，vue 下有 nuxt.js ，它们都支持静态 prerender 导出，而非 spa 或 ssr

1. 示例代码的 Demo 函数就是函数式组件，那么在组件 props 变化或 hook 状态改变，必然要通过调用整个 Demo 函数来产生新的 vnode，进而更新 dom，因为函数式组件本身就是一个函数！！它只有通过重新调用才能产生新的副作用，而不像 class 可通过调用 render
2. 对应的你说的因每次调用 Demo 而产生的性能问题，react 官方通过 hook 的第二个参数（即上文 useEffect 的空数组）来实现在每次 Demo 函数调用期间实现使用缓存，而不是每次都重新计算，这也是 hook 的特性之一
3. 其他比如 useCallback useMemo 等 hook 均是通过第二个参数数组来申明 hook 的依赖，进而实现复用缓存
4. class 中 render 起到的作用就是调用函数式组件的调用结果——产生新的 vnode，进而通过协调算法更新视图。class 组件和函数式组件的本质区别之一就是 class 自带生命周期和状态

正比

对于前端来说，核心稳定的底层模块，很有必要有对应的测试，非稳定的业务场景，看投入的测试成本，如果需求变动频繁，对应的测试成本较高，那么可能为了排期而简化其测试，简化程度和业务的变化频率成反比

楼主应该是不清楚跨域和防盗链的区别，这两个不是一个维度的东西，虽然它们有联系。CDN 相对于网页来说一定是跨域，但是 CDN 又是可以在跨域的基础上防盗链，即只有指定源网页可使用 CDN 的跨域资源

词法作用域是 compiling/parsing 期间确定，而不是运行时

AudioContext + WebSocket 基本没有延时，瓶颈在网络

1. 返回按钮的本质撤消当前历史记录，所以不存在返回按钮会 push
2. 如果 A 和 B 都是在 vue-router 下，B -> A，要实现 A 无法返回 B 的话，那么 B -> A 应该用 router.replace 而不是 router.push，即用 B 的历史记录覆盖 A 的历史记录

https://github.com/lbwa/v-access/blob/master/README.CN.md 这是自己封装的一个基于 vue 和 vue-router 的权限库，可以试用一下

@shanlan 是说在开发环境配置 webpack-dev-server 的路由，生产环境下配置 nginx 的路由，开发环境肯定不用每次都 build

@azh7138m 结合楼上的方案，在将所有路由都指向 index.html 后，一些前端路由库，将解析你输入的 url 路径，并进行自动导航，匹配路由组件。

这就是 history 路由的特性啊，每次路由导航都会真实请求后端页面。本质上 hash 路由是完全由前端主导的路由控制，因为每次 hash 路由导航并不会真实请求 web 服务器，本质上是因为浏览器不会将 hash 路由的锚点请求出去。而 history 路由是真实的路径请求，故每次都会向 web 服务器发送请求，当你 web 服务器没有对应的路由当然就 404 了。

要从本质上解决你的问题简单点的方案就是切 hash 路由，要不你不论是在开发还是生产环境都要配置服务器路由