前端下载文件处理文件名称，进行重命名的操作 1234567891011121314151617181920export const downloadFile = async (url, filename) => { const a = document.createElement('a') url = url.replace('http:'

写在前面优化一下当前的终端界面，码代码的心情更好，而且结合 Oh My Zsh 安装相关插件可以提高效率，本文主要 iTerm2 + Oh My Zsh + Powerlevel10k ,xianshagn 先上一张效果图 安装 iTerm2安装 安装 Oh My Zsh可以做很多定制化的处理，丰富的主题和插件 命令 1sh -c "$(curl -fsSL https://raw.g

本文意在对工作中，前端开发经常用到的几种设计模式做一下学习总结 常用的设计模式 工厂模式 单例模式 观察者模式 发布订阅模式 工厂模式12345678910111213141516171819202122232425262728293031323334353637383940414243// 汽车构造函数function SuzukiCar(color) { this.color

最近一直在梳理自己的前端知识点，系统的梳理起来才发现东西还是很多的。有时候看视频文章一个知识点牵涉到其他的知识点，经常会一看几个小时就过去了，收获是有不少，不过长时间难免身心疲惫，除了适当的运动放松，积极的自我心理建设也很重要。 国学大师王国维的治学三境界 昨夜西风凋碧树，独上高楼，望尽天涯路 衣带渐宽终不悔，为伊消得人憔悴 众里寻他千百度，蓦然回首，那人却在，灯火阑珊处 共勉。

Vuex 是专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态。Vuex 和单纯的全局对象主要有两点不同，一 Vuex 的状态存储是响应式的。你不能直接改变 store 中的状态。改变 store 中的状态的唯一途径就是显式地提交 (commit) mutation。 Vuex 流程在 vue 组件里面，通过 dispatch 来触发 actions 提交

本文为学习总结，希望对你也有帮助 实现 vue-router 插件的需求分析 作为一个插件存在：实现 VueRouter 类和 install 方法 实现两个全局组件：router-view 用于显示匹配组件内容，router-link 用于跳转 监控 url 变化：监听 hashchange 或 popstate 事件 响应最新 url：创建一个响应式的属性 current，当它改变时获取

常见的异步 async/await promise setTimeout 执行顺序问题，通过一道题来看看具体顺序 12345678910111213141516171819202122async function async1() { console.log('async1 start'); await async2(); console.log(&#x

梳理一些有趣的面试题，查漏补缺 前端优化 降低请求量：合并资源，减少 HTTP 请求数，minify / gzip 压缩，webP，lazyLoad。 加快请求速度：预解析 DNS，减少域名数，并行加载，CDN 分发。 缓存：HTTP 协议缓存请求，离线缓存 manifest，离线数据缓存 localStorage。 渲染：JS/CSS 优化，加载顺序，服务端渲染，pipe

HTTP 协议是基于 TCP 协议出现的，对 TCP 协议来说，TCP 协议是一条双向的通讯通道，HTTP 在 TCP 的基础上，规定了 Request-Response 的模式。这个模式决定了通讯必定是由浏览器端首先发起的.大部分情况下，浏览器的实现者只需要用一个 TCP 库，甚至一个现成的 HTTP 库就可以搞定浏览器的网络通讯部分。HTTP 是纯粹的文本协议，它是规定了使用 TCP 协议来

前端开发工作和浏览器密切相关，本文总结一些和浏览器相关的知识，希望有所帮助 url 到页面加载输入 url 后， dns 解析首先需要找到这个 url 域名的服务器 ip,为了寻找这个 ip，浏览器首先会寻 找缓存，查看缓存中是否有记录，缓存的查找记录为：浏览器缓存-》系统缓存-》路由 器缓存，缓存中没有则查找系统的 hosts 文件中是否有记录，如果没有则查询 DNS 服务 器，得到服务器的