前言-为什么要学会原生今天来通过一个完整的项目实例来演示如何使用JavaScript实现某个功能或解决某个问题。本次想给大家介绍的是用原生的写法来实现js轮播图，虽然现在市面上有很多成型的轮播图组件库，比如swagger UI等等，但是有些

界面展示 演示视频： 【五分钟教你用react做一个小项目-日程清单】 https://www.bilibili.com/video/BV1K4B4Y9ErZ/ 研发意义在现代社会中，时间管理和任务规划对于个人和团队的效率和生产力至关重要

说一下浏览器如何渲染页面的 解析HTML文档：构建DOM树 解析CSS样式表：构建CSSOM树 构建渲染树：浏览器将DOM树与CSSOM树合并，生成渲染树。渲染树包含了页面所有要显示的元素 布局：确定大小，流式布局 绘制：按照渲染树的布局信

vue路由懒加载当打包构建应用时，JavaScript 包会变得非常大，影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件，这样就会更加高效。 Vue Router 支持开箱即用的动态导入，

Axios 的拦截器原理及应用原理Axios 拦截器允许开发者在请求发送或响应被处理之前对其进行拦截和修改。Axios 拦截器分为请求拦截器和响应拦截器： 请求拦截器：在发送请求到服务器之前，对请求数据进行处理或添加额外的信息，如设置通用

经常看到有使用 call 和 apply,ibnd 这3个方法，每次看到后都会去网上搜一下用法，然而过一段时间就又不会了，归根到底是自己没有理解他的原理，这次准备彻底弄懂，并把自己的理解总结下来。 作用主要有两点： 1、允许为不同的对象分

对称加密对称加密又叫做私钥加密，即信息的发送方和接收方使用同一个密钥去加密和解密数据。由于其速度快，对称性加密通常在消息发送方需要加密大量数据时使用。对称性加密也称为密钥加密。常见的对称加密算法有DES、3DES、AES等。 对称加密的过程

px em rem 三者的区别 px是固定的像素，是相对于显示器屏幕分辨率而言的，一旦设置了就无法因为适应页面大小而改变。 为了解决px的问题，提出了em。它是相对于当前对象内文本的字体尺寸，若没有设置行内文本的字体尺寸，则使用浏览器默认

冒泡点击大一点的最顶层的盒子的时候，优先处理了那个小盒子，而父盒子里面那个小盒子的话，后面才去加载，这样做在处理hover的时候容易触发区域改变有问题，详情见我的项目友情链接那个地方 当一个事件发生在一个元素上，它会首先运行在该元素上的处理

六个大属性 flex-direction 决定主轴位置，横着来还是竖着来 flex-wrap 决定怎么排列，能不能换行 flex-flow 就是上面两个的简写方式 row nowrap默认值 justify-content 项目在主轴的对齐