前端系列

选择和保留这种封装方式的原因：1.简洁干净，2.实用不麻烦，3.好管理便于维护。封装前后两种方式，在具体接口调用上都是差不多的，主要是在声明和组织接口上有“肉眼可见”的差距，封装后的axios再结合e

《JavaScript权威指南》第六版通读笔记。第一部分 javascript 核心，第二部分 服务端 javascript，第三部分 客户端 javascript。

《图解http》速读笔记， 本文为《图解http》一书阅读笔记，介绍了http的发展历史，主要特点，现状。

更优雅的文件下载：前端异步下载文件实现方案。需求分析： 下载文件通常是通过打开一个非异步的get请求，但这样我们无法知道浏览器的下载进度以及什...

在单页应用中，比如vue，常常会遇到跳转到下一页的时候，滚动条保留在上一个页面停留的位置，然而这可能不是我们希望的。此时，用户想要的是每跳转到一个新页面，尤其是详情页跳转到详情页这种场景，滚动条可以重

类似这种，当也页面左侧内容滚动的时候，需要关联激活左侧导航节点；当点击右侧导航节点时，也会将左侧对应的内容滚动到可视区域顶部的场景，并不少见，比如知识类社区，掘金查看文章时，百度查看百科词条时，都有

保持客户端样式表现一致的关键：css @font-face引入外部字体。 我们看到的网页所使用的字体，通常是操作系统默认支持的字体，比如Windows（10/8.1/8/7/Vista） 操作系统的默

Vue源码解读：04模板编译篇，本篇主要介绍模板编译的概念，模板编译的整体流程，以及模板编译的三个阶段的实现过程，全篇四节。

经验之谈。实际开发的时候，为了减少重复造轮子，提高工作效率，节省开发时间成本，免不了会使用ui组件库，比如在web前端很受欢迎的element-ui。但有的时候，我们需要在原组件的基础上做些改造

近日，有人在群里提问，如何实现在自定义的vue组件中使用v-model，遂有此文。起先觉得挺简单，事实也挺简单，但似乎又没那么简单。因为深谈这涉及指令原理、数据绑定实现原理。

文件的导入导出是非常常见的需求功能，excel文件的导入导出更为常见，实践中许多时候，是调用接口实现导入导出的，也就是说将文件导入导出的逻辑交给后端去做了。但是，有的时候确也需要前端自行实现导入导出，

web前端在storage中存储一些东西，是常见现象，包括存在localStorage或sessionStorage等storage中。如果直接存明文，别人一个F12就能查看存储的信息，虽然这些信息通

在登录界面，常常看到先要看图识别验证码，然后填写验证码和账号密码才能登录。有些短信发送功能，在发送前也会要求先识别一个验证码。当然这个验证操作，可能是看图识别4-6验证码并填写正确，也可能是现在比较流

在一些文件、网页，我们的OA系统中，经常可以看到界面是携带水印的，而且通常水印的内容是工号加名字。水印的内容通常有一个特点，就是不能太显眼，这是为了避免影响读者正常阅读。而像OA系统这样的水印内容是名

一个表格，具备可选行的那种，要求在换页的时候，上一页选中的选项状态保留，切换多个页码选中信息，这些选中项要保留，并在表格顶部显示选中的总数。本案例是基于el-table实现的。注意每个页都可以支持全选

js脚本一定会阻塞浏览器渲染文档吗？script标签的async和defer属性。浏览器解析文档时，默认是按照排列顺序向下解析的，当遇到script标签时，和其他标签元素一样（例如一个div），会先解

禁止搜索引擎引用本页面和seo优化，都和meta标签有关？常见的meta标签都在这了。禁止搜索引擎引用本页面相关的meta标签，及其用法介绍

FOUC和首屏白屏问题 白屏现象与优化建议： 白屏现象分析 首屏白屏在单页应用（例如vue）中，有时更明显，尤其是在网速较差+应用体...

选中内容自动弹出复制、翻译按钮，怎么实现的？js获取页面光标选中的内容...选中页面一段内容后，自动弹出【翻译】、【拨号】、【复制】等场景，并不少见。那么这些需求在web前端是怎么实现的？

受欢迎的快捷键，它被常用且实用。快捷键是人们常用的一种代替鼠标操作的方式，这在PC端尤为常见，因为键盘（含笔记本电脑自带键盘）的存在，为快捷键提供了良好的生长土壤。