前端

缓存的目的是，减少客户端和服务器之间数据传输，以此来达到减少服务端压力和优化客户端体验，比如一个Web站点，其中某些依赖的资源可能十年都不会变动，此时对这种资源进行缓存就非常合适。常说的缓存一般有两种

基于Typescript和Hooks写法实现一个Modal弹窗组件 捋清楚实现需求和实现思路 需求（可根据自己喜好定制） 弹窗的标题，主体，底部都可以自定义替换 遮罩层可以设置是否点击可关闭 点击确定

认识Webpack Webpack对于目前的前端开发来说具有代表性的模块化打包工具 像常用的三大框架的脚手架，Vue-cli，create-react-app，Angular-cli都是基于Webpa

首先按照插件文档配置 JPush Flutter Plugin 上面代码为官方文档的使用说明用法，这样配置后构建会导致一个报错，告诉你AndroidMainfest.xml中的applicationN

基于Typescript和Hooks写法实现模拟一个Message组件 先捋清楚思路 调用消息组件，将一个容器挂载到body元素中，并且拉高z-index保证能出现在元素顶层 消息组件有默认的消失时间

平时开发React或Vue项目时，都是使用axios第三方库来发起http请求处理业务，由于会返回一个Promise对象所以使用起来比较方便。在微信小程序中则提供了一个wx.request的原生api

Promise对象在现代前端开发工作日常写业务中使用非常广泛，主要用于解决回调地狱的问题。下面通过一点点的实现一个自己的Promise，加强对其的理解以及实践应用。 正常使用Promise对象时，将要

在版本为6的react-router和react-router-dom的使用中，与旧版有一点差别 没有Switch和Redirect组件可以使用了 新增了一个Routes组件，所有的Route组件都应

使用错误边界的作用在于，任意的子组件出现渲染错误时，可以自定义处理UI反馈 再定义一个按预期抛出错误的组件 使用时，特地使用了两个错误边界组件来包裹不同的组件来测试效果 在使用时，将ErrorBoun

Hooks的官方定义 也就是React版本 > 16.8就可以使用Hooks的方式去编写React代码，有一个前提条件，就是必须理解闭包，文中会提到，不理解的话会对组件的行为感到相当疑惑。 useSt

个人理解转成大白话：Context提供了一个局部的全局作用域，使用Context则无需再手动的逐层传递props。 导入useContext钩子函数,该函数接收createContext()的返回值,返回的结果为该context的当前值,当前的 context 值由上层组件中距…

通过阅读源码，我们可以看到renderRoutes的逻辑实际上是接收路由表routes后，判断并初始化extraProps和switchProps，接着渲染了Switch组件,switchProps作为Switch组件的props传入，Switch组件的子元素通过将routes…

总分页数<=9条时全部展示，直接渲染出全部页码即可。当总页数>9条时，必定出现省略项...，只是位置有所区别，点击省略项功能参考antd的，默认（+/-）5个页码。 当前页数减去4（4为单边最多出现的兄弟项数量）<=1时，渲染1-7的连号页码，尾巴渲染省略.…

实现思路为点击div时，记录点击事件中鼠标相对于浏览器窗口可视区域的X，Y坐标，未松开鼠标移动时同样记录X，Y坐标，并计算出此次移动的距离与上次距离的差距，得出结果赋值到top属性和left属性上，达到预期效果前提是position为absolute。

（CRA无需安装或配置 Webpack 或 Babel 等工具。 它们是预先配置好并且隐藏的，因此你可以专注于代码，需要自定义及修改可以使用eject命令暴漏webpack配置文件） 关于npm的用法不过多介绍，自行搜索相关文档。 React应用通常使用JSX语法编写程序（不是…

模拟shouldComponentUpdate，返回一个布尔值。在组件接收到新的props或者state时被调用。在初始化时或者使用forceUpdate时不被调用。可以在你确认不需要更新组件时使用。

同级组件不能直接传值，需要一个中间桥梁，可以先将数据传递给公共的父组件，然后父组件再将数据传递给需要的子组件。 （不同于组件和 prop，事件名不会被用作一个 JavaScript 变量名或 property 名，所以就没有理由使用 camelCase 或 PascalCase…

通过原型实现继承 通过class（类）实现继承。声明构造函数Baba,添加实例属性color及原型上的方法say

如何实现深拷贝 第一种：只适用于符合JSON格式的对象 使用递归的深拷贝，兼容性强一点，Object.hasOwnProperty会忽略原型上的属性

要使用的HTTP方法，比如「GET」、「POST」、「PUT」、「DELETE」、等。对于非HTTP(S) URL被忽略。 表示向其发送请求的URL。 表示需不需要异步执行操作，不传入则该参数默认为true，已完成事务的通知可供事件监听器使用。如果值为false，send()方…