![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
日常
文章平均质量分 85
秦一scar
把能做到的事情做到位
展开
-
Eolink 征文活动 --- 前端如何通过 Mock 对接
可能是全网最全 Mock 教程原创 2022-11-12 20:32:09 · 529 阅读 · 2 评论 -
为什么设置了 autocomplete,浏览器仍然会自动填充密码?
HTML autocomplete 属性可用于以文本或数字值作为输入的 <input> 元素 , <textarea> 元素, <select> 元素, 和<form> 元素。autocomplete 作用于文本提示而不是账号密码提示,如图:账号密码提示:除了让用户关闭浏览器设置,我们应该如何从代码层面隐藏密码提示框呢?首先看看浏览器填充表单密码的机制(各浏览器机制有些许不同),以 Chrome 为例,机制如下:此域名下保存过用户信息。找.原创 2021-08-19 13:11:17 · 1235 阅读 · 1 评论 -
[译]不要再犯这五个 Javascript 错误啦
原文地址:https://medium.com/the-dev-caf%C3%A9/stop-making-these-5-javascript-style-mistakes-7b352e1b47e3原文作者:Giuseppe Picciano译者:scarqin下文将列出五个让你的代码更加可读和易于维护小窍门。在编辑旧项目的时候,有没有遇到过那种一加新逻辑就“粉碎”的迷惑代码?我们当然都遇到过。为了让世界上不可读的 Javascript 代码更少,我得给你们看看以下的五个例子 – ..翻译 2020-11-27 12:09:12 · 450 阅读 · 0 评论 -
浏览器 Chrome 86 启用缓存分区(Cache partitioning)
所有浏览器都有自己的缓存机制,它们通过将资源缓存到本地,借此加速用户访问客户端的速度,减少服务器压力。近期发布的 chrome 86 启用了新的浏览器缓存策略,我们一起来看看它是什么,为什么出现,以及带来的影响吧!在介绍它之前,我们先来看看旧的缓存策略。旧缓存策略-单键储存chrome 86 版本以前,引用/储存缓存的键名是资源的 URL。如图:也就是说,如果有其他任何网站引用到了同个 URL的资源,浏览器会先去缓存里面查询有无资源,有则加载本地资源,无则远程请求。新缓存策略-缓存分区(Cac原创 2020-11-20 10:52:42 · 575 阅读 · 0 评论 -
为什么我的 gitignore 不生效
1.问题背景项目有一些开发时用的配置文件,需要用到所以不能删,但是却不想提交改动。理所当然地想到将它加入 .gitignore 规则中,但是我的改动还是被 git 被捕捉到了,为啥呢?gitignore - Specifies intentionally untracked files to ignore官方文档给出了标准答案,原来 .gitignore 只对未跟踪的文件起作用!已跟踪的文件是指那些被纳入了版本控制的文件,在上一次提交中有它们的记录。那么未跟踪文件就是指那些从没提交过的文.原创 2020-10-30 11:11:30 · 549 阅读 · 0 评论 -
JavaScript 日期操作我不知道的事情
平时对 Date 很多内容都一知半解,每次一用到 Date 就需要查资料,着实恼火。故此文记录关于 JS 日期操作那些我不知道的事。基础问题Date.prototype.getTime() 返回的数字是什么?官方对getTime 函数对定义是The getTime() method returns the number of milliseconds* since the Unix EpochgetTime() 函数返回从 Unix Epoch 开始到当前 Date 所指时间经过的毫秒数。原创 2020-09-18 08:56:06 · 331 阅读 · 0 评论 -
MutationObserver 方法
MutationObserver 是什么MutationObserver API 让我们能监听 DOM 树变化,该 API 设计用来替换掉在 DOM 3 事件规范中引入的 Mutation events。Mutation events 是同步触发的,每次变动都会触发一次调用。MutationObserver API 是异步触发的, DOM 的变动并不会马上触发,而是要等到当前所有 DOM 操作都结束才触发。所以 MutationObserver 相比 Mutation events 性能要更高。代码原创 2020-08-11 18:30:12 · 1394 阅读 · 0 评论 -
如何填写 Eolinker Mock API 响应内容
上篇文档-如何使用 Mock 提到我们公司使用 Eolinker 管理 Mock,本文详细说明 Eolinker Mock 写法以及每种方式的适用场景。首先让我们来看看如下示例在 Eolinker 三种格式里面分别需要怎么写。Mock.mock({ "string|1-10": "★",//随机生成 1-10 个字符串"★" "string2|3": "★",//固定生成 3 个字符串"★" "number|+1": 202,//每次请求自增 1,初始值为 202 "number2|1-10原创 2020-08-05 13:26:16 · 270 阅读 · 0 评论 -
JS实现HTTP请求头-Basic Authorization
HTTP协议中的 Authorization 请求消息头含有服务器用于验证用户代理身份的凭证,通常会在服务器返回401 Unauthorized 状态码以及WWW-Authenticate 消息头之后在后续请求中发送此消息头。 Authorization:Basic c2NhcjoxMjM0NTY= Authorization: <type> <credentials> //(c2NhcjoxMjM0NTY=) 是(scar:1原创 2020-07-15 08:55:38 · 7088 阅读 · 0 评论 -
CSS Footer固定到底部
你想要怎么放置你的 Footer?风雨不动稳如狗固定在可视窗口最底部,页面滚动也仍然固定在最底部。能屈能伸页面内容高度不确定,希望 Footer 放置在页面内容的最下方。我是一个demo页面内容少,无法撑开,在可视窗口最底部页面内容多,在页面最底部怎么做你想要风雨不动稳如狗,使用下列代码:对于第二种能屈能伸的情况,你可以1. 设置min-height<div class="wrapper"></div><footer class="footer原创 2020-07-15 08:54:41 · 468 阅读 · 0 评论 -
如何使用 Mock
Mock 能做什么?1.API 没开发好,使用 Mock 快速对接在产品经理发布需求后,前后端同学先根据功能需求出一份 API 文档,然后再按照 API 文档并行开发。不依赖后端提供数据的情况下,如何让前端独立于后端进行开发呢?使用 Mock,你可以在开发环境代码内置 Mock,拦截请求,模拟真实 API 返回。如果公司使用了接口管理平台,文档发布的时候可以还通过平台生成 Mock API 直接对接。2.为测试提供数据使用Mock 假数据替代我们想控制但控制困难的部分例如某些 API 依赖原创 2020-06-30 12:36:01 · 4580 阅读 · 1 评论 -
使用JavaScript实现JWT鉴权
随着互联网的崛起,对Web服务应用的安全性要求越来越高。在前后端分离的开发模式中,服务端使用特定的加密方式生成token,客户端储存token作为授权传递给服务端,验证身份等信息是保障安全性的一种方式。其中JWT(JSON Web Token)这种用于通信双方之间以 JSON 对象的形式传递信息的轻量鉴权方式受到越来越多的开发者喜爱。什么是鉴权如果没有鉴权信息,他人能够轻而易举的调用API对我...原创 2020-04-12 14:24:00 · 8349 阅读 · 0 评论 -
模块化 require和import的区别
当前端应用越来越复杂时,我们想要将代码分割成不同的模块,便于复用、按需加载等。require 和 import 分别是不同模块化规范下引入模块的语句,下文将介绍这两种方式的不同之处。1. 出现的时间、地点不同年份出处require/exports2009CommonJSimport/export2015ECMAScript2015(ES6)2. re...原创 2020-04-12 14:22:56 · 528 阅读 · 0 评论 -
锚点定位被顶部固定导航栏遮住的解决方案
很多网站都有一个固定在上方的导航栏,方便用户搜索和跳转到其他页面。同时为了方便用户浏览长文档,都会加上目录,点击段落标题跳转到段落所在的位置,如图所示:如果使用锚点实现目录的跳转,会遇到 fixed 导航栏遮住了标题的问题。1. 锚点定位机制如果没有滚动条,锚点失效。如果有滚动条,滚动条滚动到地址 hash (地址 # 号后面的内容)对应的锚点元素padding-box上边缘位置...原创 2020-04-12 14:20:34 · 4664 阅读 · 0 评论 -
如何解决 node-sass 安装失败?
配置环境也是门学问,反正我每次配环境能出一堆问题,望所有同学都有耐心,最后一定会解决的~ps:如果解决不了,可使用饮鸩止渴大法–叫同组小伙伴直接发node-module给你哈哈哈~报错> node-sass@3.13.1 install E:\node_modules\gulp-sass\node_modules\node-sass> node scripts/install.jsDownloading binary from https://github.com/sass/no原创 2020-11-27 12:18:48 · 342 阅读 · 2 评论